There's an article right here to tell you how to use a "secret url" to disable ads on Google but why do that when we have the power of AdBlock Plus in our hands?
First, if you don't have Firefox, go ahead and download it, it's miles ahead of IE7 anyway. Secondly, if you don't have AdBlock Plus, go ahead and download it because it's going to help you ALOT and get rid of all those ads.
Now then, if you just now installed them, restart Firefox so we can continue. Open up AdBlock and click "Add Filter" and type (or copy and paste) "#table(mbEnd)" without the quotations. The "#" at the start tells AdBlock to block an element. "Table" tells it which element, the table element, and the "mbEnd" tells it what what the table's class name is. Well, you just blocked ads on the right side with that code, now let's block the top.
The top ads that appear are under two different classes. Type these line of code as separate filters:#div(tpa1)
#div(tpa2)
Good job, you just blocked the ads on Google, maybe I'll get Dugg like the other guy did.
What we're doing is giving a word or navigation link or etc. an icon. The "labels" word at the bottom of this post with the little crayon is an example. It's fairly easy to do, so I'll explain how to do it in this article.
Create the Class
Go to your CSS and create a class. Name it whatever you want but I'm going to name it "icon." So your CSS should now look like this..icon {
}
Give It Some Padding
Now, give it some space for the icon. The icon I'm using is the little blue crayon icon at the bottom of this post which is 16x16, so I'm going to put this in my CSS:
.icon {
padding-left: 18px;
}
Place the Icon
That gives it a little bit of breathing room. It gives it a padding of 18px to the left. Now, we're going to add the icon itself using "background."
.icon {
padding-left: 18px;
background: url("urlhere.png") no-repeat center left;
}
What this does is put the icon as it's background that is vertically centered and left-aligned horizontally.
And that's about it, wasn't that hard, it was actually pretty easy.
Labels: Internet, Web Design