Ad Space Layout Options : 125x125 Adverts - Themes by bavotasan.com

<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-ca"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://themes.bavotasan.com:80/support/discussion/46/ad-space-layout-options-%3A-125x125-adverts/","20101121013858","https://web.archive.org/","web","/_static/", "1290303538"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <title>Ad Space Layout Options : 125x125 Adverts - Themes by bavotasan.com - Support Forum</title> <link rel="stylesheet" type="text/css" href="/web/20101121013858cs_/http://themes.bavotasan.com/support/applications/dashboard/design/style.css?v=2.0.13" media="screen"/> <link rel="stylesheet" type="text/css" href="/web/20101121013858cs_/http://themes.bavotasan.com/support/plugins/Tagging/design/tag.css?v=2.0.13" media="screen"/> <link rel="stylesheet" type="text/css" href="/web/20101121013858cs_/http://themes.bavotasan.com/support/plugins/Example/design/example.css?v=2.0.13" media="screen"/> <link rel="stylesheet" type="text/css" href="/web/20101121013858cs_/http://themes.bavotasan.com/support/plugins/GeSHiSyntaxHighlighter/styles.css?v=2.0.13" media="screen"/> <link rel="stylesheet" type="text/css" href="/web/20101121013858cs_/http://themes.bavotasan.com/support/themes/bavotasan/design/custom.css?v=2.0.13" media="screen"/> <link rel="shortcut icon" href="/web/20101121013858im_/http://themes.bavotasan.com/support/themes/bavotasan/design/favicon.png" type="image/x-icon"/> <link rel="canonical" href="https://web.archive.org/web/20101121013858/http://themes.bavotasan.com/support/discussion/46/ad-space-layout-options-%3A-125x125-adverts/p1"/> <script src="/web/20101121013858js_/http://themes.bavotasan.com/support/js/library/jquery.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121013858js_/http://themes.bavotasan.com/support/js/library/jquery.livequery.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121013858js_/http://themes.bavotasan.com/support/js/library/jquery.form.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121013858js_/http://themes.bavotasan.com/support/js/library/jquery.popup.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121013858js_/http://themes.bavotasan.com/support/js/library/jquery.gardenhandleajaxform.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121013858js_/http://themes.bavotasan.com/support/js/global.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121013858js_/http://themes.bavotasan.com/support/js/library/jquery.resizable.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121013858js_/http://themes.bavotasan.com/support/js/library/jquery.ui.packed.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121013858js_/http://themes.bavotasan.com/support/js/library/jquery.autogrow.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121013858js_/http://themes.bavotasan.com/support/applications/vanilla/js/options.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121013858js_/http://themes.bavotasan.com/support/applications/vanilla/js/bookmark.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121013858js_/http://themes.bavotasan.com/support/applications/vanilla/js/discussion.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121013858js_/http://themes.bavotasan.com/support/applications/vanilla/js/autosave.js?v=2.0.13" type="text/javascript"></script> <script src="/web/20101121013858js_/http://themes.bavotasan.com/support/plugins/Example/js/example.js?v=2.0.13" type="text/javascript"></script> <script type="text/javascript"> jQuery(document).ready(function(){ var shrink = jQuery(".geshi_syntax").width(); jQuery(".geshi_syntax").hover(function() { var expand = jQuery("table", this).width(); if (expand > shrink) { jQuery(this) .stop(true, false) .css({ zIndex: "100", position: "relative" }) .animate({ width: expand + "px" }); } }, function() { jQuery(this) .stop(true, false) .animate({ width: shrink + "px" }); }); }); </script> <script type="text/javascript" src="https://web.archive.org/web/20101121013858js_/http://support.bavotasan.com/swfobject.js"></script> <link href="https://web.archive.org/web/20101121013858cs_/http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT&subset=latin" rel="stylesheet" type="text/css"/>  </head> <body id="vanilla_discussion_index" class="Vanilla Discussion Index "> <div id="Frame"> <div id="header" class="fl"> <a href="https://web.archive.org/web/20101121013858/http://themes.bavotasan.com/" id="name" class="fl"><span class="icon-sprites icon-logo"></span></a> <div id="hd-right" class="fr"> <div class="signin fr"> <a href="https://web.archive.org/web/20101121013858/http://themes.bavotasan.com/themers/?redirect=support" class="signin-button">Sign In</a> </div> <a href="https://web.archive.org/web/20101121013858/http://bavotasan.com/feed/" class="icon-sprites icon-rss fr"></a> <a href="https://web.archive.org/web/20101121013858/http://twitter.com/bavotasan" class="icon-sprites icon-twitter fr"></a> <span class="icon-sprites icon-followme"></span> </div> </div>  <div id="main-navigation" class="clear fl"> <ul id="menu-main" class="fl"> <li id="menu-item-372" class="menu-item menu-item-type-custom menu-item-372"><a href="https://web.archive.org/web/20101121013858/http://themes.bavotasan.com/">Home</a></li> <li><a href="https://web.archive.org/web/20101121013858/http://themes.bavotasan.com/category/our-themes/">Our Themes</a></li> <li><a href="https://web.archive.org/web/20101121013858/http://demos.bavotasan.com/">Demos</a></li> <li><a href="https://web.archive.org/web/20101121013858/http://bavotasan.com/">Blog</a></li> <li><a href="https://web.archive.org/web/20101121013858/http://themes.bavotasan.com/themers/">Themers Only</a></li> <li><a href="https://web.archive.org/web/20101121013858/http://themes.bavotasan.com/support/">Support</a></li> <li><a href="https://web.archive.org/web/20101121013858/http://themes.bavotasan.com/contact/">Contact</a></li> </ul> <div class="searchform"> <form method="get" action="/web/20101121013858/http://themes.bavotasan.com/support/search"> <div> <input type="text" id="Form_Search" name="Search" value="" class="InputBox"/></div> </form> </div> </div> <div id="Body"> <div id="Content"><div class="Tabs HeadingTabs DiscussionTabs"> <ul> <li><a href="/web/20101121013858/http://themes.bavotasan.com/support/categories/magazine-premium">Magazine Premium</a></li> </ul> <div class="SubTab">Ad Space Layout Options : 125x125 Adverts</div> </div> <ul class="MessageList Discussion"> <li class="Item Comment FirstComment" id="Discussion_46"> <div class="Comment"> <div class="Meta"> <span class="Author"> <a href="/web/20101121013858/http://themes.bavotasan.com/support/profile/74/ericboyd"><img src="https://web.archive.org/web/20101121013858im_/http://www.gravatar.com/avatar.php?gravatar_id=8d441be0d213fe849a7c8f4dd0f1e1e3&default=http%3A%2F%2Fthemes.bavotasan.com%2Fsupport%2Fplugins%2FGravatar%2Fdefault.gif&size=60" alt="ericboyd"/></a><a href="/web/20101121013858/http://themes.bavotasan.com/support/profile/74/ericboyd">ericboyd</a> </span> <span class="DateCreated"> November 17 </span> <span class="Permalink"> <a href="/web/20101121013858/http://themes.bavotasan.com/support/discussion/46/ad-space-layout-options-%3A-125x125-adverts/p1" class="Permalink" name="Item_1" rel="nofollow">Permalink</a> </span> <div class="CommentInfo"> </div> </div> <div class="Message"> <style type="text/css">/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .php {font-family:monospace;} .php .imp {font-weight: bold; color: red;} .php .kw1 {color: #b1b100;} .php .kw2 {color: #000000; font-weight: bold;} .php .kw3 {color: #990000;} .php .kw4 {color: #009900; font-weight: bold;} .php .co1 {color: #666666; font-style: italic;} .php .co2 {color: #666666; font-style: italic;} .php .co3 {color: #0000cc; font-style: italic;} .php .co4 {color: #009933; font-style: italic;} .php .coMULTI {color: #666666; font-style: italic;} .php .es0 {color: #000099; font-weight: bold;} .php .es1 {color: #000099; font-weight: bold;} .php .es2 {color: #660099; font-weight: bold;} .php .es3 {color: #660099; font-weight: bold;} .php .es4 {color: #006699; font-weight: bold;} .php .es5 {color: #006699; font-weight: bold; font-style: italic;} .php .es6 {color: #009933; font-weight: bold;} .php .es_h {color: #000099; font-weight: bold;} .php .br0 {color: #009900;} .php .sy0 {color: #339933;} .php .sy1 {color: #000000; font-weight: bold;} .php .st0 {color: #0000ff;} .php .st_h {color: #0000ff;} .php .nu0 {color: #cc66cc;} .php .nu8 {color: #208080;} .php .nu12 {color: #208080;} .php .nu19 {color:#800080;} .php .me1 {color: #004000;} .php .me2 {color: #004000;} .php .re0 {color: #000088;} .php span.xtra { display:block; } </style> <p>I know this topic was on the old forum and can't seem to find the old forum again...<br/><br/>At any rate, the 125x125 advert section is great, but on the page they are bunched together. What code would I use in the custom css section to add some padding so they are centered and there is a little space in between them?<br/><br/>Thanks!</p> </div> </div> </li> <li class="Item Comment" id="Comment_97"> <div class="Comment"> <div class="Meta"> <span class="Author"> <a href="/web/20101121013858/http://themes.bavotasan.com/support/profile/6/cbavota"><img src="https://web.archive.org/web/20101121013858im_/http://www.gravatar.com/avatar.php?gravatar_id=ba043b2af6a355787f1b6fd1b1ea3eda&default=http%3A%2F%2Fthemes.bavotasan.com%2Fsupport%2Fplugins%2FGravatar%2Fdefault.gif&size=60" alt="cbavota"/></a><a href="/web/20101121013858/http://themes.bavotasan.com/support/profile/6/cbavota">cbavota</a> </span> <span class="DateCreated"> November 17 </span> <span class="Permalink"> <a href="/web/20101121013858/http://themes.bavotasan.com/support/discussion/comment/97/#Comment_97" class="Permalink" name="Item_2" rel="nofollow">Permalink</a> </span> <div class="CommentInfo"> </div> </div> <div class="Message"> <p>If you add the classname "four" to each img tag it will space them out accordingly. This is how the default HTML looks:<div class="geshi_syntax"><table><tr><td><div class="code"><pre class="php"><a href="#"><img src="<span class="kw2"><?php</span> <span class="kw1">echo</span> THEME_URL<span class="sy0">;</span> <span class="sy1">?></span>/images/adspot.png" alt="" class="four" /></a><br/><a href="#"><img src="<span class="kw2"><?php</span> <span class="kw1">echo</span> THEME_URL<span class="sy0">;</span> <span class="sy1">?></span>/images/adspot.png" alt="" class="four" /></a><br/><a href="#"><img src="<span class="kw2"><?php</span> <span class="kw1">echo</span> THEME_URL<span class="sy0">;</span> <span class="sy1">?></span>/images/adspot.png" alt="" class="four" /></a><br/><a href="#"><img src="<span class="kw2"><?php</span> <span class="kw1">echo</span> THEME_URL<span class="sy0">;</span> <span class="sy1">?></span>/images/adspot.png" alt="" class="four" /></a></pre></div></td></tr></table></div></p> </div> </div> </li> <li class="Item Comment" id="Comment_104"> <div class="Comment"> <div class="Meta"> <span class="Author"> <a href="/web/20101121013858/http://themes.bavotasan.com/support/profile/74/ericboyd"><img src="https://web.archive.org/web/20101121013858im_/http://www.gravatar.com/avatar.php?gravatar_id=8d441be0d213fe849a7c8f4dd0f1e1e3&default=http%3A%2F%2Fthemes.bavotasan.com%2Fsupport%2Fplugins%2FGravatar%2Fdefault.gif&size=60" alt="ericboyd"/></a><a href="/web/20101121013858/http://themes.bavotasan.com/support/profile/74/ericboyd">ericboyd</a> </span> <span class="DateCreated"> November 17 </span> <span class="Permalink"> <a href="/web/20101121013858/http://themes.bavotasan.com/support/discussion/comment/104/#Comment_104" class="Permalink" name="Item_3" rel="nofollow">Permalink</a> </span> <div class="CommentInfo"> </div> </div> <div class="Message"> <p>After looking at sidebar.php, the class 'four' is already in there, so I tried adding some padding in style.css without success.<br/><br/>Any other ideas/suggestions?</p> </div> </div> </li> <li class="Item Comment" id="Comment_107"> <div class="Comment"> <div class="Meta"> <span class="Author"> <a href="/web/20101121013858/http://themes.bavotasan.com/support/profile/74/ericboyd"><img src="https://web.archive.org/web/20101121013858im_/http://www.gravatar.com/avatar.php?gravatar_id=8d441be0d213fe849a7c8f4dd0f1e1e3&default=http%3A%2F%2Fthemes.bavotasan.com%2Fsupport%2Fplugins%2FGravatar%2Fdefault.gif&size=60" alt="ericboyd"/></a><a href="/web/20101121013858/http://themes.bavotasan.com/support/profile/74/ericboyd">ericboyd</a> </span> <span class="DateCreated"> November 17 </span> <span class="Permalink"> <a href="/web/20101121013858/http://themes.bavotasan.com/support/discussion/comment/107/#Comment_107" class="Permalink" name="Item_4" rel="nofollow">Permalink</a> </span> <div class="CommentInfo"> </div> </div> <div class="Message"> <p>Duh. I figured out what you meant, was to add the class to the images through the layout options. Yet when I did, they no longer stay as they were, they now break into one column, instead of two columns with 2 images in each row. Even though I have not added a break at all. How do you fix it to be back to normal with padding?</p> </div> </div> </li> <li class="Item Comment" id="Comment_124"> <div class="Comment"> <div class="Meta"> <span class="Author"> <a href="/web/20101121013858/http://themes.bavotasan.com/support/profile/6/cbavota"><img src="https://web.archive.org/web/20101121013858im_/http://www.gravatar.com/avatar.php?gravatar_id=ba043b2af6a355787f1b6fd1b1ea3eda&default=http%3A%2F%2Fthemes.bavotasan.com%2Fsupport%2Fplugins%2FGravatar%2Fdefault.gif&size=60" alt="cbavota"/></a><a href="/web/20101121013858/http://themes.bavotasan.com/support/profile/6/cbavota">cbavota</a> </span> <span class="DateCreated"> November 18 </span> <span class="Permalink"> <a href="/web/20101121013858/http://themes.bavotasan.com/support/discussion/comment/124/#Comment_124" class="Permalink" name="Item_5" rel="nofollow">Permalink</a> </span> <div class="CommentInfo"> </div> </div> <div class="Message"> <p>If they break it means there is actually not enough space for them to be next to each other with that amount of padding/margin between them. How wide is your sidebar? It should be 300px or wider.</p> </div> </div> </li> <li class="Item Comment" id="Comment_145"> <div class="Comment"> <div class="Meta"> <span class="Author"> <a href="/web/20101121013858/http://themes.bavotasan.com/support/profile/74/ericboyd"><img src="https://web.archive.org/web/20101121013858im_/http://www.gravatar.com/avatar.php?gravatar_id=8d441be0d213fe849a7c8f4dd0f1e1e3&default=http%3A%2F%2Fthemes.bavotasan.com%2Fsupport%2Fplugins%2FGravatar%2Fdefault.gif&size=60" alt="ericboyd"/></a><a href="/web/20101121013858/http://themes.bavotasan.com/support/profile/74/ericboyd">ericboyd</a> </span> <span class="DateCreated"> November 18 </span> <span class="Permalink"> <a href="/web/20101121013858/http://themes.bavotasan.com/support/discussion/comment/145/#Comment_145" class="Permalink" name="Item_6" rel="nofollow">Permalink</a> </span> <div class="CommentInfo"> </div> </div> <div class="Message"> <p>Got'cha. Well I do have that column with the adverts set at 300px, so I'll try a little bigger and see how it goes. I believe we've solved this issue.<br/><br/>Thanks again! </p> </div> </div> </li> </ul> <div class="Foot Closed"> <div class="Note Closed">This discussion has been closed.</div> <a href="/web/20101121013858/http://themes.bavotasan.com/support/discussions" class="TabLink">← All Discussions</a> </div> </div> <div id="Panel"> <div class="Box GuestBox"> <h4>Hey there!</h4> <p>Take a look around, and if you would like to add a comment or start a discussion, register by clicking on the button below.</p> <a class="Button" href="https://web.archive.org/web/20101121013858/http://themes.bavotasan.com/register/">Register</a> </div><div class="Box"> <h4>Categories</h4> <ul class="PanelInfo"> <li><strong><a href="/web/20101121013858/http://themes.bavotasan.com/support/discussions">All Discussions</a></strong> 53</li> <li class="Parent">Premium Themes</li> <li class="Active"><strong><a href="/web/20101121013858/http://themes.bavotasan.com/support/categories/magazine-premium">Magazine Premium</a></strong> 41</li> <li><strong><a href="/web/20101121013858/http://themes.bavotasan.com/support/categories/moderno">Moderno</a></strong> 0</li> <li><strong><a href="/web/20101121013858/http://themes.bavotasan.com/support/categories/illustrious">Illustrious</a></strong> 0</li> <li><strong><a href="/web/20101121013858/http://themes.bavotasan.com/support/categories/stationery">Stationery</a></strong> 0</li> <li class="Parent">General Discussions</li> <li><strong><a href="/web/20101121013858/http://themes.bavotasan.com/support/categories/faqs">FAQs</a></strong> 4</li> <li><strong><a href="/web/20101121013858/http://themes.bavotasan.com/support/categories/documentation">Documentation</a></strong> 6</li> <li><strong><a href="/web/20101121013858/http://themes.bavotasan.com/support/categories/showcase">Showcase</a></strong> 1</li> <li><strong><a href="/web/20101121013858/http://themes.bavotasan.com/support/categories/translations">Translations</a></strong> 0</li> <li><strong><a href="/web/20101121013858/http://themes.bavotasan.com/support/categories/bugs">Bugs</a></strong> 1</li> </ul> </div> <div class="Box"> <h4>In this Discussion</h4> <ul class="PanelInfo"> <li> <strong><a href="/web/20101121013858/http://themes.bavotasan.com/support/profile/6/cbavota" class="UserLink">cbavota</a></strong> November 18 </li> <li> <strong><a href="/web/20101121013858/http://themes.bavotasan.com/support/profile/74/ericboyd" class="UserLink">ericboyd</a></strong> November 18 </li> </ul> </div> <div class="Box Tags"> <h4>Tagged</h4> <ul class="PanelInfo"> <li><strong><a href="/web/20101121013858/http://themes.bavotasan.com/support/discussions/tagged/custom">custom</a></strong> 2</li> <li><strong><a href="/web/20101121013858/http://themes.bavotasan.com/support/discussions/tagged/spacing">spacing</a></strong> 1</li> <li><strong><a href="/web/20101121013858/http://themes.bavotasan.com/support/discussions/tagged/advertisements">advertisements</a></strong> 1</li> <li><strong><a href="/web/20101121013858/http://themes.bavotasan.com/support/discussions/tagged/125x125">125x125</a></strong> 1</li> <li><strong><a href="/web/20101121013858/http://themes.bavotasan.com/support/discussions/tagged/ad">ad</a></strong> 1</li> </ul> </div> </div> </div> </div> <div id="Foot"> <p>Copyright © 2010 <a href="https://web.archive.org/web/20101121013858/http://bavotasan.com/">bavotasan.com</a>. All Rights Reserved. Powered by <a href="https://web.archive.org/web/20101121013858/http://vanillaforums.org/">Vanilla</a>.</p> </div> </body> </html>

CINXE.COM

Ad Space Layout Options : 125x125 Adverts - Themes by bavotasan.com - Support Forum