Welcome To Snipplr


Everyone's Recent Snippets Tagged css



1 ... 25 26 27 28 29 ... 41
Puts a red border around anything with an inline style. Prefix with "javascript:" and paste into the address bar to run on a page directly, or run with a load event.
1 1146 posted 16 years ago by DaveChild
A jQuery plugin that will add a 'new' icon next to files that are newer than X amount of days.
1 1762 posted 16 years ago by neal_grosskopf
Code explains itself. I plan to do a lot more work on it - just wanted to throw it up here for a little sharing. Feel free to take it to the next level.
1 1042 posted 16 years ago by brettbergeron
2 1108 posted 16 years ago by PeteW
2 1167 posted 16 years ago by PeteW
2 1296 posted 16 years ago by PeteW
2 1477 posted 16 years ago by PeteW
Nice clean, and semantically correct breadcrumb XHTML accompanied by the CSS. Create a transparent GIF of the symbol '>' and save it in /img/gt.gif. This will be used for older browsers that don't support the :after pseudo element.
4 1322 posted 16 years ago by PeteW
<p>Cross-browser compatible especially for IE6/7 and makes use of CSS sprites for faster downloading. Download file <a href="http://johnimbong.com/blog/wp-content/uploads/2009/09/curves.zip">curves.zip (75 bytes)</a> which contains the CSS sprite nee...
1 1021 posted 16 years ago by enchance
Ever needed to use to background images in a table or div? It is possible b just using css. Although this is yet to be a standard safari will allow you to apply 2! Css backgrounds, however IE, FIRFOX and retro opera users will only see 1 !
1 1252 posted 16 years ago by scopefragger
2 1179 posted 16 years ago by simmering
Code for a Rake task that allows compiles all LESS stylesheets (.less) contained within a single directory.
0 1181 posted 16 years ago by brettbergeron
As with screen style sheets, you use the <link> element to define the print style sheet your Web page should use: <link> The only difference between this link element and the link to your screen style sheet is the attribute: media="print" Most...
0 1091 posted 16 years ago by thesmu
requires blank.gif (transparent 1px gif image)
1 2276 posted 16 years ago by gryzzly
This is a raw example of the nested lists structure with inherited numeration.
0 1105 posted 16 years ago by frujo
1 1077 posted 16 years ago by iTony
2 1101 posted 16 years ago by iTony
A wrapper may be made to enclose the content of a page, and then you can write descendant CSS rules that mention that wrapper's ID or class name in the selector. But what if only IE thought that wrapper existed? Then those rules would only work for I...
4 1316 posted 16 years ago by Meander365
Think this is a good one to remember. Let's say you have a set of list items and all of them have a border of 1px. Inside you have an image. When you hover over each list item you want the border to change thickness to 2px. The trick is to...
1 1263 posted 16 years ago by Meander365
This is a really useful techniques for preloading images on your website. Just place this code after the body tag in the CSS file. Everytime you refer to this image in your CSS file the image will be loaded from cache.
1 1119 posted 16 years ago by SunilTee
Enables you customise the colour of your <li> bullet points.
0 1244 posted 16 years ago by nostradamuszen
0 981 posted 16 years ago by rickfu
0 750 posted 16 years ago by pats
0 798 posted 16 years ago by pats
0 826 posted 16 years ago by pats
Save as the target of your link. Change http://assets.harkeydesign.net/css/diagnose.css to your own hosted version if you want guaranteed permanence.
1 927 posted 16 years ago by zachharkey
1 ... 25 26 27 28 29 ... 41