FOR BETTER DESIGNS

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. Adding a new plugin ”Twitter badge” to this web page.
3. Seperate the posts in your wordpress theme
4. Some minor design fixes for my new wordpress theme
5. Crop theme design in photoshop and add the images to your wordpress blog or web site.