The ‹pre› tag is used to display preformatted text or code snippet to a web page. Some web design related blogs would use simple plugin that easily post syntax-highlighted code with its complete functionality (ie: view source, copy to clipboard, print). However, you can style this ‹pre› element to appear neat, stylish and usable by having deep understanding of how this web element works especially in different browsers. Here are some tutorials and resources about ‹pre› Tags Styling to get you start with.
Styling Code Snippets with CSS by Soh Tanaka
Read More
Labels: css, web design
Behance Network
COLOURlovers
Dribbble
DeviantART
Forrst
Flickr
Google+
LinkedIn
Lovedsgn
Picasa
Posterous
Facebook
GTalk
Skype
Twitter
Yahoo Messenger
Beautify Your 'pre' Tags - by Evan of arsgrafik.com
Perfect Pre Tags - by Jeff Starr of Perishable Press
Auto highlight text inside pre tags using jQuery by Eoin Gallagher of Magp.ie
Using the code and pre Tags for Code and to Highlight Text - by Mike Nichols of Thesis Theme Tools
Making preformated pre text wrap in CSS3, Mozilla, Opera and IE
HTML Pre Tag
PRE TAGS STYLING TOOLS IN BLOGGING CMS
Wordpress
- Convert Content of Pre-Tags in HTML-Code
- 12 Wordpress Plugins to Display and Highlight Code within your Blog
- SyntaxHighlighter Evolved Plugin
- WP-SynHighlight Plugin
Blogger BlogspotBe sure to check this design set also
Coffee Latte Card
Fantasy Floral Vectors
Related Post: