Beat Fly Blog | tutorial photoshop jquery css

Eccomi di nuovo alle prese con gli utilissimi pezzetti di codice con cui sviluppare e mantenere il proprio sito Web; nel primo appuntamento “9 semplici snippet CSS” abbiamo visto alcuni frammenti utili per implementare regole CSS nei nostri lavori quotidiani. Proseguiamo oggi con alcuni nuovi frammenti davvero utili e soprattutto validi.

Hide text with text indent

h1 {
text-indent:-9999px;/*testo nascosto, ma ottimizzato per il SEO*/
margin:0 auto;
width:948px;
background:transparent url("images/header.jpg") no-repeat scroll;}

Cross Browser Minimum Height

#container { min-height:500px; } * html #container { height:500px; }

Highlight links that open in a new window

a[target="_blank"]:before,
a[target="new"]:before {
margin:0 5px 0 0;
padding:1px;
outline:1px solid #333;
color:#333;
background:#ff9;
font:12px "Zapf Dingbats";
content: "\279C";}

Highlight links to PDF and Word files

a[href$="pdf"]:after,
a[href$="doc"]:after {
margin:0 0 0 5px;
font:bold 12px "Lucida Grande";
content: " (PDF)";}
a[href$=".doc"]:after {content: " (DOC)";}

Drop Caps

p:first-letter{
display:block;
margin:5px 0 0 5px;
float:left;
color:#FF3366;
font-size:60px;
font-family:Georgia;}

CSS Transparency Settings for All Browsers

.transparent_class {
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   -khtml-opacity: 0.5;
   opacity: 0.5;}