Text Styles

newest | top rated | most popular | most commented

Added by aycarumba, 1 Year, 2 Months, 3 Weeks, 2 Days, 18 Hours, 4 Minutes ago

A bulletproof unordered list of links, each with a unique (purely decorative) left-aligned icon that is referenced with CSS — but that is also clickable.

0 | Text Styles > Bullets/Lists

6.0/10

Currently 6.00/10

BoxPunch

Added by vasdee, 1 Year, 2 Months, 3 Weeks, 3 Days, 1 Hour, 36 Minutes ago

How does one punch out the corner of an element and put something in the space created?

0 | Text Styles > Other

10.0/10

Currently 10.00/10

CSS element hover effect

Added by vasdee, 1 Year, 2 Months, 4 Weeks, 1 Hour, 55 Minutes ago

The HTML and CSS codes displayed are just plain samples for you to understand the general idea of how this works. This sort of effect is, of course, extensible and may be tweaked to suit your desire. The only limitation is your imagination

0 | Text Styles > Other

6.0/10

Currently 6.33/10

Worn Text Headlines

Added by vasdee, 1 Year, 2 Months, 4 Weeks, 2 Hours, 6 Minutes ago

Create a worn-text effect. Great for headlines and a grungy look. Achieved by using css-image replacement with a repeating grungy transparent image.

2 | Text Styles > Headings

6.0/10

Currently 6.00/10

Syntax highlighting with language autodetection

Added by aycarumba, 1 Year, 3 Months, 3 Days, 19 Hours, 58 Minutes ago

Highlight.js highlights syntax in code examples on blogs, forums and in fact on any web pages. It’s very easy to use because it works automatically: finds blocks of code, detects a language, highlights it.

The program knows almost any languages: Python, Ruby, Perl, PHP, HTML, CSS, Django, Javascript, VBScript, Delphi, Java, C++, RenderMan (RSL and RIB), SQL, SmallTalk, Axapta, 1C.

0 | Text Styles > Code Highlighting

5.0/10

Currently 4.67/10

File Type Icon Links

Added by aycarumba, 1 Year, 3 Months, 3 Days, 21 Hours, 7 Minutes ago

Many people use Javascript to automatically add file type icons to their external links, mailto links, Word, PDF, Excel Document links… when it can be done very easily with CSS 2.1.

1 | Text Styles > Links

10.0/10

Currently 9.75/10

Quotations in CSS

Added by aycarumba, 1 Year, 3 Months, 1 Week, 1 Day, 8 Hours, 33 Minutes ago

Style quotes with CSS whilst making sure you use the right XHTML tools for the job. This code has been tested and works in the following browsers

* Win IE5-7
* Win Firefox 1.0-2
* Win Opera 7-9
* Win Netscape 6-8
* Mac Safari 2
* Mac Firefox 1.0-2
* Mac Camino 1
* Mac Opera 9

1 | Text Styles > Quotes/Blockquotes

7.0/10

Currently 7.33/10

Hyperlink Cues with Favicons

Added by aycarumba, 1 Year, 3 Months, 1 Week, 1 Day, 13 Hours, 26 Minutes ago

For links that point to external sites, what if, instead of showing a generic 'external link' icon, we showed that site's favicon?

The favicon gives the reader something to recognize if they are already familiar with the destination site, and if not familiar, something new to associate with it. It's similar to the way a feed reader, or a bookmark list, might show sites.

The…

0 | Text Styles > Links

0.0/10

Currently 0.00/10

Iconize Textlinks with CSS

Added by aycarumba, 1 Year, 3 Months, 1 Week, 1 Day, 14 Hours, 6 Minutes ago

Links are fun, but sometimes we don't know where they take us. With this little CSS technique a user can identify a link by its icon. This whole thing was inspired by the "Showing Hyperlink Cues with CSS" article of Ask the CSS Guy.

The idea is pretty simple, if a link points to a .pdf file, we show the .pdf icon after the link.

The CSS technique has been successfully…

0 | Text Styles > Links

10.0/10

Currently 10.00/10

PDF/DOC/ZIP Links Labeling

Added by aycarumba, 1 Year, 3 Months, 1 Week, 1 Day, 14 Hours, 11 Minutes ago

Appends icons to any pdf, doc or zip link. Uses javascript.

0 | Text Styles > Links

0.0/10

Currently 0.00/10

‹ First<12 >Last ›