The point of this series is to effect just the elements of your blog posts. We want to control, at least a little, what your members insert into your blog.

Links

Want your links on your posts to stand out, be a bit different than the rest of the links on your site? Well here we go...

I'm not going to do much because links are used in so many different ways.

Here it is:

Here is my link 

I'm not going to do much because links are used in so many different ways.

You want to be careful not to put any margin or padding on them, except for maybe the left, like I have done. for the reason that links are usually inline and that would push peoples paragraph’s all out of whack. I'm going to put a small image that I will use later to do a CSS pop up PREVIEW of where the link is pointed.

 

Here it is, there is nothing to it. I floated the image at 50% again and made room for the image with a little padding.

.blog-entry .entry-body a {
        background: url(../img/images/linkbullet.png) no-repeat left 50%;
        padding-left: 18px;
        border-bottom: 1px dotted #bbb;
        }

<1 2 3 4