TheLinkMedic has followers.

Free CSS Quote Containers

Here's a mini grab bag of CSS containers for the purpose of adding quotes that you can add to your blog reletivly easily.

It's just a small way of spicing up the look of your posts.

Check out CSS For Bloggers on how to impliment these boxes properly.

You can change the colors as you wish to match your blog just change the background and border color # codes.

Quote Box 1

quotebox1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, laoreet mattis, massa. Sed eleifend nonummy diam. Praesent mauris ante, elementum et, bibendum at, posuere sit amet, nibh. Duis tincidunt lectus quis dui viverra vestibulum. Suspendisse vulputate aliquam dui. Nulla elementum dui ut augue. Aliquam vehicula mi at mauris.

#quotebox1
{padding: 5px 5px 5px 50px;
margin: 8px;
background-color: #eeeeee;
border: 2px solid #dddddd;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmjy2g0WbNY9iV_WktfBNjiOtbfqM7lCF5OyIby8T4sT5efXDqMv-BJLe3U08vaCM0Z61KX9TnuDdYFK7PCGCopI22lFLQhqLaWaNNxco1hQpSDVnLdFiUY6vJjlbvCysbKVasflDNBgM/');
background-repeat:no-repeat;}

Quote Box 2

quotebox2. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam cursus. Morbi ut mi. Nullam enim leo, egestas id, condimentum at, laoreet mattis, massa. Sed eleifend nonummy diam. Praesent mauris ante, elementum et, bibendum at, posuere sit amet, nibh. Duis tincidunt lectus quis dui viverra vestibulum. Suspendisse vulputate aliquam dui. Nulla elementum dui ut augue. Aliquam vehicula mi at mauris.
#quotebox2
{padding: 5px 5px 5px 60px;
margin: 8px;
background-color: #eeeeee;
border: 2px solid #dddddd;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihtB4oAhStdHNTBqT_-9k877BRyjtZInawCDas1hRHz2Zh6ekccJzazES_tIRS-QKfAY2An8UK0uq8ZNxkVQjhXmTnJAE7z9dFA8pPP5Sv0dHkxOGd5ZQ0VeIKLFMmK24BZ6MW2s5_l1Q/');
background-repeat:no-repeat;}

How to add to CSS style basics

To add to Blogger go to Dashboard > Design > Template Designer > Advanced > Add CSS and insert code.

To add to WordPress go to Appearance > Editor > Styles > custom.css > Add CSS code and update file.

How to add to post

<div id="quotebox1">Text Here</div>

Want more?

Open the CSS Code Vault

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...