Partner/Advertising Box for Forumhome fashion Sidebar (CSS)

[Allan]

This mod create a box fashion sidebar for forumhome (with sidebar CSS).
In the "FORUHOME" template, find:<vb:if condition="$show['sidebar']">
Add above:<!-- 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:~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~
/* 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.

[InsomniacP]

Nice i have Tagged this...

[Leo Brazil]

Allan,

Is there a way to use this on postbit_legacy ?
My idea is combine the box you use, great design by the way, with your other adsense mod https://vborg.vbsupport.ru/showthread.php?t=231857

[Allan]

Collapse added :)

[princeedward]

look nice allan..thanks....i guess i can add or place it under What's Goin' On Box...right? and add in some Friends & Affiliates Button Link...too...

best regards...

;):up:

[ndut]

tag this mod

[steve1966]

thanks will install this now

[Boko577]

I would like to use this for something else like announcements and stuff, but is there a way to make it into a widget instead so I can disable and stuff? I like the idea of it showing not only in the sidebar but also the main part of the site.

[sky.saran]

Thanks nice one marked as installed

[haXan]

Thanks good modification...

[betts02]

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

Can not find this code in v4.0.2 template, Any ideas ?

cheers

sorry my error search, all done an works great cheers

[princeedward]

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

Can not find this code in v4.0.2 template, Any ideas ?

cheers

sorry my error search, all done an works great cheersits all in FORUMHOME template
try to use Search in Templates

search the red code

(CODE HERE)

{vb:raw ad_location.board_below_whats_going_on}


or you can search and add here too

<!-- end what's going on box -->

(CODE HERE)

goodluck and best regards

:p

[Gn_Snake]

I would like to make this change in forumhome but not for any other section thread .. is that possible?

[MichaelDance]

I found it better then you put
<!-- 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 -->
Under the

<body>

{vb:raw header}

{vb:raw navbar}

[bosanci28]

will this work in 4.1.5?

and can this be added to the bottom somewhere? like after ''What's Going On?""?

thanks