Add content with CSS


	Add content with CSS

desmond54

5-5-2008 6:28 AM

265 views

tags:

css, programming

Add a Comment

Login to Comment. Not a member yet? Sign up

Createblog

CSS for Dynamic Data Table Presentation

30 Websites to follow if you’re into Web D...

What Would Jesus Do?

10 Signs you've been using Firefox too long

Free Web Bulding-This I Like

More clips from desmond54

ObjectDock

DropBox Secure backup, sync and sharing

Gmail attachments made easy!

Today's Top Clips

visit the Top Clips page

View the Top Clips from May 5, 2008

Embed This Clip In Your Site...

<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/7974a69f-927f-49be-b6a1-1663856ee817/06FE86D0-C716-48C5-8FD5-23F5CAC9490A/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://www.brainfire.co.uk/blog/2005/03/add_content_with_css.php" href="http://www.brainfire.co.uk/blog/2005/03/add_content_with_css.php" style="font-size: 11px;">www.brainfire.co.uk</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.brainfire.co.uk/blog/2005/03/add_content_with_css.php"><P>I had a use for some flashy <ABBR title="Cascading Style Sheets">CSS</ABBR> 2.0 code the other day. I couldn't find it in my library, which was really annoying. I've decided to store various bits of handy code on here. Here's the first:
</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.brainfire.co.uk/blog/2005/03/add_content_with_css.php"><BLOCKQUOTE><CODE>a:after {
content: " (" attr(href) ") ";
font-size: 80%;
}
</CODE></BLOCKQUOTE></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.brainfire.co.uk/blog/2005/03/add_content_with_css.php"><P>Add the <A title="More about the content rule on W3C" href="http://www.w3schools.com/css/pr_gen_content.asp">content rule</A> to anchors in your print stylesheet as aboue & you'll have lovely little <ABBR title="Uniform Resource Locator">URL</ABBR>'s of each link placed in brackets after the link content.</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.brainfire.co.uk/blog/2005/03/add_content_with_css.php"><P>This doesn't work on Internet Explorer though. Does work on Firefox. So think of is as an enhancement rather than rely on it.</P></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/06FE86D0-C716-48C5-8FD5-23F5CAC9490A/blog/" title="blog or email this clip"><img src="http://content6.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>

Clipmarks: Home; New Clips; Top Clips; Dashboard

Popular Topics: News; Life; Science; Technology; Entertainment

Get Started: Sign Up; Install Clipping Tool; How Clipping Works; Clip-to-Blog™; ClipSearch

Tools and Resources: FAQ; ClipWeek; Top Clippers; Top Tags; Site Map

About Clipmarks: About Us; Contact; Blog; Copyright; Privacy; EULA

Search Options

Related Clips

More clips from desmond54

Today's Top Clips