CSS Category

Schermata-2B01-2456308-2Balle-2B18.38.21
0

Web Fonts!

Questo dovrebbe essere un post a favore della tipografia web e delle tante cose belle che Google e altri sviluppatori mettono a disposizione dei web designers. Anche se maledici il momento in cui fai al volo un layout grafico per il cliente e ti accorgi – nel magico momento della presentazione – che non disponi…

0

codice CSS n.2

/*—–INIZIO STRUTTURA MENU———*/ .nav { list-style: none; margin: 0; padding: 0;} .nav > li, .nav > li > a { display: inline-block; *display: inline; /* per IE7 */ zoom: 1; } .stacked > li { display: list-item;} .stacked > li > a { display: block;} .flyout, .flyout-alt { position: relative;} .flyout-content { position: absolute; top:…

0

codice CSS n.1

Questo è uno dei listati CSS creato prendendo un pò di spunti dal web. #spazio {background: #e6b741;text-transform: uppercase;display: block;color: #fff;font-size: 11px;font-weight: 500;line-height: 15px;padding: 2px 5px;top: -19px;opacity: 0;right: 30px;cursor: pointer;} #spazio > ul {color: #555;text-decoration: none;background-color: #8A2BE2;} #container {width: 100%;position: relative;background-color: #008800; /* verde */} .piccolo {clear: both;padding: 0;height: 0;margin: 0;background-color: #ADD8E6; /* light blue */}…

0

Tecniche CSS: “elementi nascosti” e “foglio di stampa”

1- nascondere gli elementi: div #hide { display: none; } $(function() { $(‘#click’). click(function(){ if($ (‘#hide’).css(‘display’) = = ‘ block’) $(‘#hide’).css(‘display’, ‘none’); else $(‘#hide’).css(‘display’, ‘none’); return false; }); }); nel codice mostrato andiamo ad implementare Jquery (anche se quest’ultimo ha direttamente la funzione toggle() che esegue lo stesso funzionamento: esso utilizza la regola CSS display: none;…