In this post I want to give you this little tip I decided to use here in my blog. This is a blockquotes which are stylised with CSS and they can make your blog to look much nice.

For example you have some code HTML, CSS or whatever in your post and you want to make some border around it and maybe different background color.

Here is the code:

<blockquote>

<div style=“border: 1px dashed #5f5f5f; padding: 10px; background-color: #f2f2f2; margin: 5px;”><span style=“color: #333333;”>

Your text here

</span><span style=“color: #808080;”><span style=“font-style: normal; font-family: Georgia;”><em> </em></span></span></div>

</blockquote>

You see you can change the size of the border, the padding and background color and you can add your text. It will look exactly like mine. You can change this colors off course.

Hope this little tip will be in some good use for you.

If any question and comments I am here.

Related posts:

1. Some little css tips you can use in your blog
2. Seperate the posts in your wordpress theme
3. Some minor design fixes for my new wordpress theme

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