The Arcive of Official vBulletin Modifications Site.

Forum Style - 3 Color Red, Green, Blue Premium PrevBB 4.1 · **Released**: 09-29-2010

Skin for new, and check again for me and report, i will fix all bug
thank all :up:

Pls CLICK THANK FOR ME

Live Demo: FOR 4.1

Blue
http://prevbb.com/forum.php?styleid=13
Green
http://prevbb.com/forum.php?styleid=15
Red
http://prevbb.com/forum.php?styleid=16

my english no good, stupid T_T
Thank wowheadtooltips support for all :up:

thank all :up:

Skin features:

Compatible with CMS : No ( When big install, i can do it for upgdate)
Compatible with Forum: Yes
Compatible with Blog: Yes
Fluid version: Yes
Fixed version: No

Compatible with 4.x.x: Tested with latest version 4.0.7 . Not sure with lower version so use at your risk

Upgdate More 4.1 test all 4.1 PL1 , 4.1 L2 all good

TIP:
Ignore Style Version
( Use style file even if it was created by a different version of vBulletin?)
you can click yes for ignore if not version 4.0.7

How to install:

+ download attachment
+ upload folder styles to your root forum/ (yourdomain/forum/styles...)
+ import XML
+ enjoy and mark as installed for better support.

Upgdate
7/12/2010 Upgdate to 4.1 (SKIN EEE 4.1.zip):up:

wowheadtooltips · #22 10-05-2010, 11:07 PM

Quote:

Originally Posted by bigrover

I installed per the instructions, copying the vbb-green folder to a styles folder I created in my forum root. There was not one there previously. I also tried copying to the root of my site then loading the xml file. I am not getting any of the icons or images as show in the example. Any suggestions?

It appears that the style is looking for the images in the "styles/<color>" folder, move them there and it should work for you.

wowheadtooltips · #23 10-06-2010, 07:24 PM

My only complaint about these 3 themes (I use all three) is that there appears to be no image for new posts when viewing the main page. When one goes to the main page of their forums they have no way of knowing if there are new posts made, unless they click "View Unread Posts" or "What's New" or whatever.

Would love to have this addition! Otherwise, it is an amazing theme, I am really pleased with how it looks!

caillean · #24 10-07-2010, 11:49 AM

Quote:

Originally Posted by wowheadtooltips

My only complaint about these 3 themes (I use all three) is that there appears to be no image for new posts when viewing the main page. When one goes to the main page of their forums they have no way of knowing if there are new posts made, unless they click "View Unread Posts" or "What's New" or whatever.

Would love to have this addition! Otherwise, it is an amazing theme, I am really pleased with how it looks!

dito. this isnt good

VinavB · #25 10-07-2010, 02:44 PM

Quote:

Originally Posted by wowheadtooltips

My only complaint about these 3 themes (I use all three) is that there appears to be no image for new posts when viewing the main page. When one goes to the main page of their forums they have no way of knowing if there are new posts made, unless they click "View Unread Posts" or "What's New" or whatever.

Would love to have this addition! Otherwise, it is an amazing theme, I am really pleased with how it looks!

pls give for me link
i can fix all tomorow :up:

master_gon · #26 10-07-2010, 05:37 PM

thanks

wowheadtooltips · #27 10-09-2010, 11:07 PM

I have created my own images and updated the templates to use the new images. Things are looking nice, except the quotes seem to be screwed a bit. Looking into it now.

EDIT
As previous user said I reverted additional.css and all seems to be working now! Again, this themes took a little bit of coercion to get to look right, but still my favorite themes available for vB4!

wowheadtooltips · #28 10-09-2010, 11:25 PM

For those of you who would like the updated status icons they are attached to this post for all 3 colors offered. Simply unzip them to the base directory of your vBulletin installation and then edit the template for

Code:

forumhome_forumbit_level2_post

Find:

Code:

<img src="{vb:stylevar imgdir_statusicon}/{vb:raw forum.imageprefix}forum_{vb:raw forum.statusicon}-48.png" class="forumicon" id="forum_statusicon_{vb:raw forum.forumid}" alt="" />

Replace With:

Code:

<img src="styles/vbb/f_cat_{vb:raw forum.statusicon}.png" class="forumicon" id="forum_statusicon_{vb:raw forum.forumid}" alt="" />

It also replaces the image that is shown on the main page to show the latest post, image called "lastpost-right.png". This only applies to the Red and Green themes, the Blue theme's image is correct looking.

Enjoy!

Edit
I have figured out how to fix the problem with the quote boxes without reverted additional.css, which messes up other parts of the theme. Simply remove the code block:

Code:

.message {
    padding:{vb:stylevar pagetitle_padding};
    clear:both;
    padding-top: {vb:math {vb:stylevar padding}/2};
    background:{vb:stylevar pagetitle_background};
    margin: 10px -20px 0 -20px;
}

From additional.css and all seems to work nicely! This applies for all 3 versions of the theme. For those who are not familiar with CSS then simply copy and paste the following three code blocks into the "additional.css" file for the appropriate theme.

Blue's additional.css:

Code:

/* CSS Document */

.style {
    border: 1px solid #cbd6df;
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}



#logindetails {
    -moz-border-radius-bottom: 10px;
    -webkit-border-bottom-radius: 10px;
    margin-top:-10px;
    padding-top:10px;
    height:30px;
    background:url(styles/vbb/loginBG.png) repeat;
}

#nouser {
    background:url(styles/vbb/loginBG.png) repeat;
    margin-right:-20px;
    margin-top:-10px;
    padding-left:10px;
    -moz-border-radius-bottomleft: 5px; 
    -webkit-border-bottom-left-radius: 5px; 
    border-bottom-left-radius: 5px; 
}

.info-left ul {
    padding-top:3px;
    border-right:#dbe6ee 1px solid;
}



#messge-left {
    float:left;
    width:120px;
}

.message-right {
    float:right;
    width:90%;
    margin-top:-110px;
}

#register {
    border:0;
}

.register {
    background:#c6d2de;
    border:0;
    height:26px;
    padding: 0 10px 0 10px;
    -moz-border-radius: {vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
}

.register:hover {
    background:#a9c0d7;
    border:0;
    height:26px;
    padding: 0 10px 0 10px;
    -moz-border-radius: {vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
} 

.show-hide {
    padding:{vb:stylevar pagetitle_padding};
    clear:both;
    padding-top: {vb:math {vb:stylevar padding}/2};
    background:{vb:stylevar pagetitle_background};
    margin: -10px -20px 10px -20px;
}

#show-hide {
    margin-left:85%;
}

.info-left{
    background:#FF0000;
    border-right:#FF0000 1px solid;
}


#bit_post {
    border-left:1px solid #c0ccd9;
    border-right: 1px solid #c0ccd9;
}

#footer {
    -moz-border-radius: {vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
}

#forumbit_post_footer {
    border:1px;
    -moz-border-radius-bottom: {vb:stylevar border_radius};
    -webkit-border-bottom-radius: {vb:stylevar border_radius};
}

.textboxcontainer  input {
    background:#0e1f35;
    color:#CCCCCC;
    padding-left:10px;
    padding-bottom:3px;
}

.footer-forum {
    float:left;
    background:#c0ccd9;
    height:3px;
    border:#c0ccd9 1px solid;
    width:100%;
    margin-bottom:5px;
    -moz-border-radius-bottomleft: 10px !important;
    -moz-border-radius-bottomright: 10px !important;
    -webkit-border-bottom-left-radius: 10px !important;
    -webkit-border-bottom-right-radius: 10px !important;
}

Green's additional.css

Code:

/* CSS Document */
.style {
    border: 1px solid #b5ccc2;
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#logindetails {
    -moz-border-radius-bottom: 10px;
    -webkit-border-bottom-radius: 10px;
    margin-top:-10px;
    padding-top:10px;
    height:30px;
    background:url(styles/vbb-green/topBG.png) repeat;
}
#nouser {
    background:url(styles/vbb-green/topBG.png) repeat;
    margin-right:-20px;
    margin-top:-10px;
    padding-left:10px;
    -moz-border-radius-bottomleft: 5px; 
    -webkit-border-bottom-left-radius: 5px; 
    border-bottom-left-radius: 5px; 
}
.info-left ul {
    padding-top:3px;
    border-right:#cee1da 1px solid;
}

#messge-left {
    float:left;
    width:120px;
}
.message-right {
    float:right;
    width:90%;
    margin-top:-110px;
}
#register {
    border:0;
}
.register {
    background:#c6ded4;
    color:#325648;
    border:0;
    height:26px;
    padding: 0 10px 0 10px;
    -moz-border-radius: {vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
}
.register:hover {
    background:#b1cdc1;
    border:0;
    height:26px;
    padding: 0 10px 0 10px;
    -moz-border-radius: {vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
} 
.show-hide {
    color:#8baba0;
    padding:{vb:stylevar pagetitle_padding};
    clear:both;
    padding-top: {vb:math {vb:stylevar padding}/2};
    background:{vb:stylevar pagetitle_background};
        margin: -10px -20px 10px -20px;
}
#show-hide {
        margin-left:85%;
}
.info-left{
    background:#ddcfcf;
    border-right:#ddcfcf 1px solid;
}

#bit_post {
    border-left:1px solid #c0ccd9;
    border-right: 1px solid #c0ccd9;
}
#footer {
    -moz-border-radius: {vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
}
#forumbit_post_footer {
    border:1px;
    -moz-border-radius-bottom: {vb:stylevar border_radius};
    -webkit-border-bottom-radius: {vb:stylevar border_radius};
}
.textboxcontainer  input {
    background:url(styles/vbb-green/searchBG.png) repeat-x;
    color:#b8cec4;
    padding-left:10px;
    padding-bottom:3px;
    }
.blockrow input {
    background:#FFFFFF;
}
.footer-forum {
    float:left;
    background:#bbcdc5;
    height:3px;
    border:#bbcdc5 1px solid;
    width:100%;
    margin-bottom:5px;
    -moz-border-radius-bottomleft: 10px !important;
    -moz-border-radius-bottomright: 10px !important;
    -webkit-border-bottom-left-radius: 10px !important;
    -webkit-border-bottom-right-radius: 10px !important;
    }

Red's additional.css

Code:

/* CSS Document */
.style {
    border: 1px solid #d8d0d0;
    background-color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#logindetails {
    -moz-border-radius-bottom: 10px;
    -webkit-border-bottom-radius: 10px;
    margin-top:-10px;
    padding-top:10px;
    height:30px;
    background:url(styles/vbb-red/topBG.png) repeat;
}
#nouser {
    background:url(styles/vbb-red/topBG.png) repeat;
    margin-right:-20px;
    margin-top:-10px;
    padding-left:10px;
    -moz-border-radius-bottomleft: 5px; 
    -webkit-border-bottom-left-radius: 5px; 
    border-bottom-left-radius: 5px; 
}
.info-left ul {
    padding-top:3px;
    border-right:#ddcfcf 1px solid;
}


#messge-left {
    float:left;
    width:120px;
}
.message-right {
    float:right;
    width:90%;
    margin-top:-110px;
}
#register {
    border:0;
}
.register {
    background:#dec6c6;
    color:#401717;
    border:0;
    height:26px;
    padding: 0 10px 0 10px;
    -moz-border-radius: {vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
}
.register:hover {
    background:#d0b5b5;
    border:0;
    height:26px;
    padding: 0 10px 0 10px;
    -moz-border-radius: {vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
} 
.show-hide {
    color:#401717;
    padding:{vb:stylevar pagetitle_padding};
    clear:both;
    padding-top: {vb:math {vb:stylevar padding}/2};
    background:{vb:stylevar pagetitle_background};
        margin: -10px -20px 10px -20px;
}
#show-hide {
        margin-left:85%;
}
.info-left{
    background:#ddcfcf;
    border-right:#ddcfcf 1px solid;
}

#bit_post {
    border-left:1px solid #c0ccd9;
    border-right: 1px solid #c0ccd9;
}
#footer {
    -moz-border-radius: {vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
}
#forumbit_post_footer {
    border:1px;
    -moz-border-radius-bottom: {vb:stylevar border_radius};
    -webkit-border-bottom-radius: {vb:stylevar border_radius};
}
.textboxcontainer  input {
    background:url(styles/vbb-red/search.png) repeat-x;
    color:#CCCCCC;
    padding-left:10px;
    padding-bottom:3px;
    }
.blockrow input {
    background:#FFFFFF;
}
.footer-forum {
    float:left;
    background:#d6c6c6;
    height:3px;
    border:#d6c6c6 1px solid;
    width:100%;
    margin-bottom:5px;
    -moz-border-radius-bottomleft: 10px !important;
    -moz-border-radius-bottomright: 10px !important;
    -webkit-border-bottom-left-radius: 10px !important;
    -webkit-border-bottom-right-radius: 10px !important;
}

wowheadtooltips · #29 10-10-2010, 12:29 AM

Me again. I redid the images used to show a link on the main page. Attached are the results that I'm currently using on my site (http://support.wowhead-tooltips.com, if you want to see a live implementation of this theme). Simply download whichever you wish to use, rename it to "f_cat_link.png" and upload it to the appropriate folder, depending which color theme you use.

Enjoy!

wowheadtooltips · #30 10-10-2010, 01:04 AM

I happened to notice that when using links on your main page (in lieu of forums) the spacing gets screwed up a little bit, so I have fixed it as well. Simply goto: Template Editor > FORUMHOME > forumhome_forumbit_level2_post and replace what's there with the following code.

HTML Code:

<li id="forum{vb:raw forum.forumid}" class="forumbit_post L2" id="bit_post">
	<div class="forumrow table">
		<div class="foruminfo td">
			<img src="styles/vbb/f_cat_{vb:raw forum.statusicon}.png" class="forumicon" id="forum_statusicon_{vb:raw forum.forumid}" alt="" />
			<div class="forumdata">
				<div class="datacontainer">
					<div class="titleline">
						<h2 class="forumtitle"><a href="{vb:link forum, {vb:raw forum}}">{vb:raw forum.title}</a></h2>
						<vb:if condition="$show['browsers']"><span class="viewing">({vb:raw forum.browsers} {vb:rawphrase viewing})</span></vb:if>
					</div>
					<vb:if condition="$show['forumdescription']"><p class="forumdescription">{vb:raw forum.description}</p></vb:if>

					<vb:if condition="$vboptions['showmoderatorcolumn'] AND $forum['moderators']">
						<div class="moderators">
							<h4>{vb:rawphrase moderators}:</h4>
							<ol class="commalist">
								{vb:raw forum.moderators}
							</ol>
						</div>
					</vb:if>

					<vb:if condition="$show['subforums']">
						<div class="subforums">
							<h4 class="subforumlistlabel">{vb:rawphrase subforums}:</h4>
							<ol class="subforumlist commalist">
								{vb:raw forum.subforums}
							</ol>
						</div>
					</vb:if>

					<vb:if condition="$show['forumsubscription']">
						<p class="unsubscribe">
							<a href="subscription.php?{vb:raw session.sessionurl}do=removesubscription&amp;f={vb:raw forum.forumid}" rel="nofollow">{vb:rawphrase unsubscribe_from_this_forum}</a>
						</p>
					</vb:if>
				</div>
			</div>
		</div>
        <vb:if condition="$forum['statusicon'] != 'link'">
		<h4 class="nocss_label">{vb:rawphrase forum_actions}:</h4>
        	<vb:if condition="$vboptions['externalrss'] OR $show['member']">
		<ul class="forumactionlinks td">
			<vb:if condition="$forum['allowposting']"><vb:if condition="$vboptions['externalrss']"><li class="forumactionlink rsslink"><a href="external.php?{vb:raw session.sessionurl}type=RSS2&amp;forumids={vb:raw forum.forumid}" title="{vb:rawphrase view_forum_rss_feed}">{vb:rawphrase view_forum_rss_feed}</a></li></vb:if>
			<vb:if condition="$show['member']"><vb:if condition="$show['forumsubscription']"><li class="forumactionlink unsubslink"> <a href="subscription.php?{vb:raw session.sessionurl}do=removesubscription&amp;f={vb:raw forum.forumid}" title="{vb:rawphrase unsubscribe_from_this_forum}">{vb:rawphrase unsubscribe_from_this_forum}</a></li><vb:else /><li class="forumactionlink subslink"> <a href="subscription.php?{vb:raw session.sessionurl}do=addsubscription&amp;f={vb:raw forum.forumid}" title="{vb:rawphrase subscribe_to_this_forum}">{vb:rawphrase subscribe_to_this_forum}</a></li></vb:if></vb:if></vb:if>
		</ul>
		<vb:else />
		<div class="forumactionlinks"></div>
		</vb:if>
		<div class="info-left">
			<h4 class="nocss_label">{vb:rawphrase forum_statistics}:</h4>
			<ul class="forumstats td">
				<li>{vb:rawphrase threads}: {vb:raw forum.threadcount}</li>
				<li>{vb:rawphrase posts}: {vb:raw forum.replycount}</li>
			</ul>
		</div>
		<div class="forumlastpost td">
			<h4 class="lastpostlabel">{vb:rawphrase last_post}:</h4>
			<div class="lastpost-info">
				{vb:raw forum.lastpostinfo}
			</div>
		</div>
		<vb:else />
			<ul class="forumactionlinks td">
            	<vb:if condition="$vboptions['externalrss']"><li class="forumactionlink">&nbsp;</li></vb:if>
            	<vb:if condition="$show['member']"><li class="forumactionlink">&nbsp;</li></vb:if>
            </ul>
			<div class="info-left">
				<h4 class="nocss_label">&nbsp;</h4>
				<ul class="forumstats td">
					<li>&nbsp;</li>
					<li>&nbsp;</li>
				</ul>
			</div>
			<div class="forumlastpost td">
				<h4 class="lastpostlabel">&nbsp;</h4>
				<div class="lastpost-info">
					<p class="lastposttitle">&nbsp;</p>
					<div class="lastpostby">&nbsp;</div>
					<p class="lastpostdate">&nbsp;</p>
				</div>
			</div>
        </vb:if>
	</div>
	<vb:if condition="$childforumbits">
		<ul class="childsubforum">
			{vb:raw childforumbits}

		</ul>
	</vb:if>
</li>

***NOTE***
Make sure you replace:

HTML Code:

<img src="styles/vbb/f_cat_{vb:raw forum.statusicon}.png" class="forumicon" id="forum_statusicon_{vb:raw forum.forumid}" alt="" />

With the appropriate image location.

caillean · #31 10-10-2010, 06:32 AM

@prevbb.com
can you please update ur style with all the modifications from wowheadtooltips, seems he fixed a lot of bugs from you

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.08223 seconds Memory Usage 2,394KB Queries Executed 27 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (7)bbcode_code (2)bbcode_html (3)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (1)pagenav_pagelinkrel (11)post_thanks_box (1)post_thanks_box_bit (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (1)post_thanks_postbit (11)post_thanks_postbit_info (10)postbit (9)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.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/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.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 showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start fetch_musername post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end post_thanks_function_fetch_thanks_bit_start post_thanks_function_show_thanks_date_start post_thanks_function_show_thanks_date_end post_thanks_function_fetch_thanks_bit_end post_thanks_function_fetch_post_thanks_template_start post_thanks_function_fetch_post_thanks_template_end postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

Благодарность от:
Jimandbob

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!