vb.org Archive
Page 5 of 8 « First 34 5 67 Last »
Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4 Articles (https://vborg.vbsupport.ru/forumdisplay.php?f=242)
-   -   Style References for vBulletin 4.x (https://vborg.vbsupport.ru/showthread.php?t=256370)

flogs 10-18-2011 03:27 PM
1 Attachment(s)
Hi

On this style below I cant get a simple border around the header or navbar using the style vars any help?


http://www.lostoppos.co.uk/testvb/

TheLastSuperman 10-19-2011 04:09 AM
Quote:
Originally Posted by flogs (Post 2258608)
Hi

On this style below I cant get a simple border around the header or navbar using the style vars any help?


http://www.lostoppos.co.uk/testvb/
Sure you can ;) try this...

Edit vbulletin-chrome.css and find:

Code:
.above_body {
        background:{vb:stylevar header_background};
        _background-image: none;
        margin: {vb:stylevar bodyheader_margin};
        padding: {vb:stylevar header_padding};
        -moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
        -moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
        -webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
        -webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
        border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
        border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
}
Replace with :

Code:
.above_body {
        background:{vb:stylevar header_background};
        _background-image: none;
        border-{vb:stylevar right}: 1px solid #151515;
        border-bottom: 1px solid #151515;
        border-{vb:stylevar left}: 1px solid #151515;
        margin: {vb:stylevar bodyheader_margin};
        padding: {vb:stylevar header_padding};
        -moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
        -moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
        -webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
        -webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
        border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
        border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
}
Change the #151515 to suit :cool:. *We shouldn't simply use border: value etc; because most imo would not want a top border on that area.

flogs 10-19-2011 05:53 AM
Thats perfect.

Thank you for your help.

20paws4awd 01-21-2012 12:11 AM
I have managed to change something that u cant seem to recitify.i have revereted all file taht i can find that have been altered (wasnt much) and it still doing this even after clearning cache.

It only does it to threads that have attachments

https://vborg.vbsupport.ru/external/2012/01/38.png

and it seems to have affected the boxes when i do a "New Posts" search.

https://vborg.vbsupport.ru/external/2012/01/39.png

TheLastSuperman 01-21-2012 06:41 AM
Quote:
Originally Posted by 20paws4awd (Post 2290409)
I have managed to change something that u cant seem to recitify.i have revereted all file taht i can find that have been altered (wasnt much) and it still doing this even after clearning cache.

It only does it to threads that have attachments

Image*

and it seems to have affected the boxes when i do a "New Posts" search.

Image*
Post a link to your site and I'll have a look...

Disco_Dave 02-16-2012 01:18 PM
1 Attachment(s)
Hi

Great write up helped a lot, I've found the stylevars to be much easier to use then editing templates, as I know nothing about editing templates or css etc.

I have one last thing to do on our test site before we move, I would like to insert this image below into the forumhome on vb4 like it is on vb3 is this possible?

Regards,
Dave

TheLastSuperman 02-16-2012 08:58 PM
Quote:
Originally Posted by tricksodave (Post 2300204)
Hi

Great write up helped a lot, I've found the stylevars to be much easier to use then editing templates, as I know nothing about editing templates or css etc.

I have one last thing to do on our test site before we move, I would like to insert this image below into the forumhome on vb4 like it is on vb3 is this possible?

Regards,
Dave
I'm assuming your speaking about replacing the bottom "dull" image with what's shown at the top i.e. the nicer blue with rounded corners? Of that's the case you will need to modify some templates and css to show it properly but let me know.

Disco_Dave 02-16-2012 09:25 PM
Hi

Thanks for the reply, I would like to add the fish logo plus the rounded corners. I couldn't get the colour to be the same for some reason using the stylevars.

Is it possible to use the original css templates for this? We have no web designer now he's gone AWOL.

Dave

Disco_Dave 03-06-2012 02:45 PM
Quote:
Originally Posted by tricksodave (Post 2300204)
Hi

Great write up helped a lot, I've found the stylevars to be much easier to use then editing templates, as I know nothing about editing templates or css etc.

I have one last thing to do on our test site before we move, I would like to insert this image below into the forumhome on vb4 like it is on vb3 is this possible?

Regards,
Dave
Can anyone help with this, I'd really like to get vb4 to look like our old forum. Need to learn how to put the image in on the left also.

Regards,
Dave

TheLastSuperman 03-10-2012 06:59 PM
1 Attachment(s)
Quote:
Originally Posted by tricksodave (Post 2306811)
Can anyone help with this, I'd really like to get vb4 to look like our old forum. Need to learn how to put the image in on the left also.

Regards,
Dave
Well you can try something simple i.e.

Edit additional.css and try something along the lines of:

Code:
.forumhead {
background: #1a9fda url(images/buttons/home.png) no-repeat;
}
^ Rough Example and that also removes the ability to define a image background for forumhead, meaning that using this method shown above you can't specify a alternate background i.e. a Gradient image as shown in your attachment.


Another method is editing the templates themselves that contain the forumhead <div> tags i.e.

Edit forumhome_forumbit_level1_nopost and find:

Code:
<li class="forumbit_nopost {vb:raw forum.statusicon} L1" id="cat{vb:raw forum.forumid}">
        <div class="forumhead foruminfo L1 collapse">
                <h2>
                        <span class="forumtitle"><a href="{vb:link forum, {vb:raw forum}}">{vb:raw forum.title}</a></span>
                        <span class="forumthreadpost">{vb:rawphrase threads_posts}&nbsp;</span>
                        <span class="forumlastpost">{vb:rawphrase last_post}</span>
                <vb:if condition="!$show['collapsable_forums']">
Add the code shown in blue:
Code:
<li class="forumbit_nopost {vb:raw forum.statusicon} L1" id="cat{vb:raw forum.forumid}">
        <div class="forumhead foruminfo L1 collapse">
                <h2>
                        <span class="forumimage"><img src="images/buttons/home.png" alt="{vb:raw forum.title}" /></span>
                        <span class="forumtitle"><a href="{vb:link forum, {vb:raw forum}}">{vb:raw forum.title}</a></span>
                        <span class="forumthreadpost">{vb:rawphrase threads_posts}&nbsp;</span>
                        <span class="forumlastpost">{vb:rawphrase last_post}</span>
                <vb:if condition="!$show['collapsable_forums']">
Now edit additional.css and add:

Code:
.forumimage {
padding-left:5px;
}

.forumbit_nopost .forumhead .forumtitle a {
margin-left: 5px;
}
^ And that method allows you to still define a gradient image background on forumhead and also inserts your image (*Adjust the forumhead background/colors via the stylevars system respectively and swap out the filename home.png in the code shown and link directly to your small & cropped white fish image and call it a day!) :cool:.

https://vborg.vbsupport.ru/attachmen...hmentid=136968


All times are GMT. The time now is 08:10 PM.
Page 5 of 8 « First 34 5 67 Last »
Show 40 post(s) from this thread on one page

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01497 seconds
  • Memory Usage 1,759KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (6)bbcode_code_printable
  • (5)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete