vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Styles (https://vborg.vbsupport.ru/forumdisplay.php?f=247)
-   -   Forum Style - 3 Color Red, Green, Blue Premium PrevBB 4.1 (https://vborg.vbsupport.ru/showthread.php?t=251394)

wowheadtooltips 10-05-2010 11:07 PM

Quote:

Originally Posted by bigrover (Post 2107115)
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 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 10-07-2010 11:49 AM

Quote:

Originally Posted by wowheadtooltips (Post 2107500)
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 10-07-2010 02:44 PM

Quote:

Originally Posted by wowheadtooltips (Post 2107500)
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 10-07-2010 05:37 PM

thanks

wowheadtooltips 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 10-09-2010 11:25 PM

1 Attachment(s)
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 10-10-2010 12:29 AM

1 Attachment(s)
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 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 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


All times are GMT. The time now is 03:38 PM.

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

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01452 seconds
  • Memory Usage 1,849KB
  • 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
  • (7)bbcode_code_printable
  • (2)bbcode_html_printable
  • (3)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (1)pagenav_pagelinkrel
  • (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