Multi
Multi
[CSS Snippet] No Border on the Advertisements
Topic Started: Tuesday, 23. August 2011, 20:46 (930 Views)
FallenShadow
No Avatar
The Stoner Artist
Recently, Lewis. posted a thread about removing the border from around his ad box. Thread to be found here: click

He couldn't figure out a way and was told it was against ZB ToS. Which it's not. You're allowed to style that box, themers do with each theme. So long as the ad is unaffected, it sits within ToS.

Took me a lil bit, but I finally figured out how to remove that border without affecting every other td in #main or table.

Add the following to your Theme's CSS:
Code:
 
div#main table:first-child tbody tr td {
border: none;
background: none;
}


This will remove the border and background you have around the ads, without breaching ToS and affecting the ads in anyway.

A point Lewis made was, because he had a box-shadow: on his td, it still had one on the ad though everything else was gone. This leads to this:

Anything you add to the td needs to be removed from the ad. i.e. To remove the box-shadow, simply add the following:
Code:
 
box-shadow:none;

This nulls the box-shadow that would be inherited through the td.
www.FallnShadw.com
Personal and Professional Portfolio. Officially Open.
Off
Profile
Quote
Top
 
Lewis.
Member Avatar
Awesomesauce.
:) Good idea to share this with everyone.

Posted Image

Posted Image
Off
Profile
Quote
Top
 
Wolfwood
Member Avatar
Level 4
Oh wow, nice code. I need to use this, the border annoys me because it makes the advertisement stick out even more then it should. Thankyou for this.
Posted Image
Off
Profile
Quote
Top
 
Gabe.
Member Avatar

can you use this to style the ad box differently than the other tds? :o
Posted Image

Ask your favourite gold member a question :r
old siggehs



Off
Profile
Quote
Top
 
FallenShadow
No Avatar
The Stoner Artist
Yes, you can I believe. You can style it however you want. Cuz if you don't style it (with this) then it just inherits the normal td traits. This way, it's all on it's own
www.FallnShadw.com
Personal and Professional Portfolio. Officially Open.
Off
Profile
Quote
Top
 
Gabe.
Member Avatar

awesome thanks, i needed this :)
Posted Image

Ask your favourite gold member a question :r
old siggehs



Off
Profile
Quote
Top
 
FallenShadow
No Avatar
The Stoner Artist
No problem. Glad its useful to at least a couple people haha
www.FallnShadw.com
Personal and Professional Portfolio. Officially Open.
Off
Profile
Quote
Top
 
Leonardo
Member Avatar
Level 2
Wonderful. Nice find FallenShadow; will definitely be useful to me.
Off
Profile
Quote
Top
 
FallenShadow
No Avatar
The Stoner Artist
Leonardo
Wednesday, 14. September 2011, 20:31
Wonderful. Nice find FallenShadow; will definitely be useful to me.
I actually look forward to seeing what you do with it :P
www.FallnShadw.com
Personal and Professional Portfolio. Officially Open.
Off
Profile
Quote
Top
 
Joe
Member Avatar
Hi.
Hah, nice tip FS. :P
Joe
Off
Profile
Quote
Top
 
FallenShadow
No Avatar
The Stoner Artist
I know :P
www.FallnShadw.com
Personal and Professional Portfolio. Officially Open.
Off
Profile
Quote
Top
 
Maddy
Member Avatar
BAMMMMM!
Outline Documentations
T H E M E S

Documentation accepted in to the Themes database
Posted Image
This is a work in progress ^^

"You still talk about it? You still care about it."


Tumblr - WeHeartIt - My Things - Twitter

The List
Life
<3
Off
Profile
Quote
Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Coding & Development · Next Topic »

Welcome Guest [Log In] [Register]
Outline Live
Loading..
Loading..