Ad overlaps banner (Full Version)

All Forums >> [AE Forum Resources] >> Forum Support and Suggestions



Message

PD -> Ad overlaps banner (4/20/2012 2:49:17)

So while I was making a new forum style for personal use, I noticed that once the TD code from the CSS is changed colorwise, I get an odd phenomena where the google ad banner actually ends up overlapping the banner not that I actually mind; For what I'm using the style for, it is totally worth the price (darker skin), and I disable the banners by default (don't like them). I know so far the only reason that the banner doesn't originally get overlapped in the normal skins is because the default settings make the TD.body clear so that the people can't see the overlap without element inspection.

Anyone wanna explain the origins behind the ridiculous dimensions of the forum's google ads and how I can make it so that the forum's banner properly overlaps the over-extension of the google ad banner?



random fun 12 -> RE: Ad overlaps banner (4/20/2012 2:55:34)

Strange, it's always done that for me. Try Chrome's new Adblocker tool, that may work.



serenity_777_ -> RE: Ad overlaps banner (4/20/2012 5:07:44)

@PD: If you looked into this site's Page source and got the forum style code from it for your personal use the Google ad is still in there. However you may drop the code in any HTML box and simply remove the ad and it will generate as if the ad was never there. Thus meaning that this site deliberately advertises ads.



PD -> RE: Ad overlaps banner (4/20/2012 16:14:39)

Problem is that I don't use Chrome, and the forum's css uses like a million inherit codes, meaning that the td glues a lot of stuff together meaning that the td code ultimately cannot separate elements. Basically, the ad doesn't have its own class in the css; it just uses the td (which strangely is tied to a lot of other irrelevant objects on the forums)

I could try creating a class. Here's the css code: http://pastebin.com/p0VyPsqA

I took the css's of two sites and merged them together, which explains the irregular coding.

A lot of what I need to do can't be fixed because it's hard coded (I believe). Unless there's a specific code line I can use to isolate the ad class from the td.



serenity_777_ -> RE: Ad overlaps banner (4/20/2012 18:13:35)

You need to study the code, Trust me eventually you'll be able to see which code is which. It's almost like a maze when looking into a website's source and custom style sheet. I understand that you cannot implement a forum style of your own. Which is why you are using AE forum's written code. But you don't need to copy the whole website's code. You can just simply copy the css style code. E.G:
-----

body {color: #000000; font: 11px Verdana,Arial,Helvetica,sans-serif; background-color: #b90000; }
.c3 {font: 10px Verdana,Helvetica,sans-serif;color:#000000;}
.forumtitle {font: bold 16px Verdana,sans-serif;color:#FFA611;}
.messagetitle {font: 18px Verdana,sans-serif;color:#FFA611;}

a.navAnchor {color:#FFA611; text-decoration:underline;}
a.navAnchor:hover {color:#000000; text-decoration:underline;}

.c2 {font: 10px Verdana,Helvetica,sans-serif;color:#000000;}
.head {font: bold 14px Verdana,sans-serif;}
.high {background-color: Yellow;font: bold 11px Verdana,Arial,sans-serif;color: Black;border: 1px solid Black;}
.info {font: 11px Verdana,sans-serif;}
.msg {font: 11px Verdana,sans-serif;}
.newpost {font: bold 12px Verdana,sans-serif;}
.offline {color:red}
.oldpost {font: 12px Verdana,sans-serif;}
.online {color:green}
.quote {border:1px Solid #ff0000; background-color:#F2D562; width:85%; margin:2px; padding:5px; color:#505050; font: 11px Verdana,sans-serif;}
.spoiler {border:1px Solid #505050; background-color:#ffffff; width:85%; margin:2px; padding:5px; color:#ffffff; font: 11px Verdana,sans-serif;}
.subhead {font: bold 12px Verdana,Arial,sans-serif;}
.titlehead {font: bold 14px Verdana,sans-serif; line-height:150%;}
.ultrasmall {font: 10px Verdana,sans-serif;}

a {color:#841C00; text-decoration:none;}
a:hover {color: #F1A027;text-decoration:underline}

input {color : #000000;font: normal 11px Verdana,sans-serif;}
pre {font: 11px "Courier New",monospace;}
select {color : #000000;font: normal 11px Verdana,sans-serif;}
td {font: 11px Verdana,Helvetica,sans-serif; color: #000000;}
td.cat {background-image: url(image/catcell.gif)}
textarea {color : #000000;font: normal 11px Verdana,Helvetica,sans-serif;}
th {/* background-image: url(image/ticell.gif) */}

.cborder {background-color: #000000; color: #000000; border: 1px solid #000000;}
.ccurr {background-color: #977035; color: #000000;}
.clist {background-color: #F8F8F8; color: #000000;}
.cpage td {padding: 1px 3px 1px 3px;}
.ctitle {background-color: #555555; color: #FFFFFF; font: 11px tahoma; white-space: nowrap;}
-----
Ok, So you see the color codes "#FFFFFF, etc..? Those are codes to implement and show color. Simply change those Color codes around, However this is NOT an HTML code it is a Css code. Goodluck :)



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition
0.078125