vb.org Archive - Forum Home Enhancements - Partner/Advertising Box for Forumhome fashion Sidebar (CSS)

This mod create a box fashion sidebar for forumhome (with sidebar CSS).

In the "FORUHOME" template, find:

PHP Code:


		
			
<vb:if condition="$show['sidebar']">

Add above:

PHP Code:


		
			
<!-- Block Partner / Advertising -->
<br />
<div id="bloc_perso">
        <ul>
            <li>
    <div class="block smaller">
        <div class="blocksubhead">
             <a class="collapse" style="position : static" id="collapse_blocperso" href="{vb:raw relpath}#top"><img src="{vb:stylevar imgdir_button}/collapse_40b.png" alt="" border="0" /></a>
            <img src="images/site_icons/event-alert.png" alt="" />
            <span class="blocktitle">Partner Area</span>
        </div>
        <div id="blocperso" class="blockbody floatcontainer">
            <ul class="blockrow">
                <li class="avatarcontent floatcontainer">
                    <div align="center">
                    <a href="http://www.partner1.com">partner1</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.partner2.com">partner2</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.partner3.com">partner3</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.partner4.com">partner4</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.partner5.com">partner5</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.partner6.com">partner6</a>
                    </div>
                                </li>   
            </ul>
        </div>
    </div>
    <div class="underblock"></div>
</li>
        </ul>
    </div>
<!-- Block Partner / Advertising -->

In the "forumhome.css" template, add to the end:

PHP Code:


		
			
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/* BLOCK PARTNER OR ADVERTISING */
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#bloc_perso {
    float:left;
    width:{vb:stylevar forum_sidebar_width};
    padding:17px 0;
    margin-bottom:3em;

}
#bloc_perso .block {
    margin-bottom:4px;
    padding:6px;
    background:{vb:stylevar forum_sidebar_background};
    -moz-border-radius-top{vb:stylevar left}:{vb:stylevar border_radius};
    -moz-border-radius-top{vb:stylevar right}:{vb:stylevar border_radius};
    -webkit-border-top-left-radius: {vb:stylevar border_radius};
    -webkit-border-top-right-radius: {vb:stylevar border_radius};
}
#bloc_perso .blockbody {
    color: {vb:stylevar forum_sidebar_content_color};
    background:{vb:stylevar forum_sidebar_content_background.backgroundColor};
    -moz-border-radius:{vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
    padding:0;
    border:{vb:stylevar forum_sidebar_content_border};
}
#bloc_perso .blockrow {
    border-top:1px solid {vb:stylevar forum_sidebar_content_background.backgroundColor}; /* makes the bevel look part of the background */
    -moz-border-radius:{vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
    background:{vb:stylevar forum_sidebar_content_background};
    _background-image: none;
}
#bloc_perso .underblock {
    height:{vb:stylevar forum_sidebar_content_separator_height};
    background:{vb:stylevar forum_sidebar_content_separator_background};
}

#bloc_perso .blockrow,
#bloc_perso .blocksubhead {
    padding:10px 6px 10px 6px;
    color: {vb:stylevar forum_sidebar_header_color};
}
#bloc_perso .blocksubhead {
    background:transparent none;
    height:{vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height} + 2px };
    padding: 5px 6px;
    border:none;
    outline:none;
    font-weight:bold;
}
#bloc_perso > ul {
    background-color:{vb:stylevar forum_sidebar_background.backgroundColor};
    border:{vb:stylevar forum_sidebar_border};
    -moz-border-radius:{vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
    -moz-box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
    float:{vb:stylevar left};
    width:100%;
}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/* BLOCK PARTNER OR ADVERTISING */
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Upload this image "pucen.png" to "../images/misc/"

PS: Just change the links and names to Partner ou Advertising in my example.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01140 seconds Memory Usage 1,791KB 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 (3)bbcode_php_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (1)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
Messages: