FOR BETTER DESIGNS

Today I want to share with you some little CSS tips which I am sure you will like if you don't know them. This are 2 tips which will make your site to look a little bit better in some way. If you have noticed all the images in my blog now have this not so good looking 1-2px border around them. To remove this border I should put a rule in my css file which is:

a img{ border:none; }

Before:                                                                    After:

This will remove border from all the images in your web site If you need that. For example in my case I want it removed.

Next little tip is about change the text highlight color in your posts. But I'll show you the tips only for Firefox, Safari and Opera. You should put this code in your css style document:

::-moz-selection{ /* Firefox */
background:#d6e0c8;
color:#000;
}

::selection{ /* Safari and Opera */
background:#d6e0c8
color:#000;
}

And after all I have this:

I hope you have litked this little tips and you'll use them in your web sites too.

Related Posts

1. Adding nice looking blockquotes for your posts using css
2. Crop theme design in photoshop and add the images to your wordpress blog or web site.
3. Some minor design fixes for my new wordpress theme
4. Seperate the posts in your wordpress theme
5. Adding a new plugin ”Twitter badge” to this web page.