sidebar copiata

melödy

▚ Posted on 3/9/2013, 13:34 by: melödy

User deleted

ma io non parlo semplicemente dell'effetto! quello ci sta, non dico che siccome l'ho usato io gli altri non possono farlo... lungi da me dire una cosa del genere, ma qui parliamo addirittura di pixel di distanza identici... e quelli parlano da soli!

ti faccio un esempio... prendiamo le linguette
mio code

CODICE

.linguetta1 {position: fixed; margin-top: -1px; width: 52px; height: 15px; margin-left: 8px; background-color: #F3E1D6; border-top: 1px solid #F3E1D6; float: left; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; font-family: cambria, calibri; font-size: 11px; color: #D9B99B; text-align: center; line-height: 12px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px}
.linguetta1:hover {border-top: 7px solid #F3E1D6; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; font-color: #D9B99B; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px}

tuo code

CODICE

.linguetta1 {position: fixed; margin-margin-top: -1px; width: 52px; height: 15px; margin-left: 2px; background-color: #FFDD8D; border-top: 1px solid #F5CBD0; float: left; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; font-family: georgia; font-style: italic; font-size: 12px; font-color: #DBE3D2; text-align: center; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px}
.linguetta1:hover {border-top: 7px solid #FFFCF7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; font-color: #DBE3D2; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px}

è a questo che mi riferisco... non all'effetto di per se... e se guardi anche altre parti sono identiche!

13 replies since 27/8/2013, 22:13 390 views