| |
 ©allbyme
 Group: -the lovely strange guy-Posts: 384 Status:  | |
| ecco un paio di codici richiesti dagli utenti, per evitare nuove discussioni-
ogni nuovo tipo di codice, sarà di colore porpora- 8D
testo a lato di un'immagine:
CODICE <div style="float: left; margin-right: 6px"> immagine </div> testo
immagine che al passaggio del mouse s'ingrandisce:
-gestione codici e colori
CODICE .originale {position: relative; z-index: 0}
.originale:hover {background-color: transparent; z-index: 9}
.originale span {position: absolute; background-color: none; padding: 5px; right: 0; display: none; border: none; text-decoration: none; font-weight: bold}
.originale span img {border-width: 0; padding: 2px}
.originale:hover span {visibility: visible; top: 10px; display: block; width: 200px; left: 15px}
.anteprima {position: relative; z-index: 0}
.anteprima:hover {background-color: transparent; z-index: 9}
.anteprima span {position: absolute; background-color: none; padding: 5px; right: 0; display: none; border: 3px solid #656262; visibility: hidden; color: #868686; text-decoration: none; font-weight: bold}
.anteprima span img {border-width: 0; padding: 2px}
.anteprima:hover span {visibility: visible; top: -230px; display: block; width: 170px; left: -40}
-gestione codici HTML (attenzione, a volte il codice vuole la larghezza prima dell'altezza, variate voi)
CODICE <a class="originale"href="LINK FORUM/BLOG/SITO"><img src="LINK IMMAGINE PICCOLA" border="0" height="XXXXX" width="XXXXX"><span> <img src="LINK IMMAGINE GRANDE"></span></a>
testo sovrapposto:
CODICE <font style="font-family: CARATTERE; font-size: NUMEROpx; color: #CODICE COLORE; line-height: NUMEROpx;">TESTO</font><br><font style="font-family: CARATTERE; color: #CODICE COLORE; font-size: NUMEROpx;">TESTO</font>
piccola barra in cima al logo, come menù dei siti:
-esempio
CODICE <table class="header_width" cellpadding="0" cellspacing="0"><tr><td><table class="mainbg" style="text-align: center; width: 100%" cellpadding="4" cellspacing="1"><tr><td class="title" style="letter-spacing: 1px; border: 0"> - <a href="">HOME</a> - </table></table><br>
codici di scorrimento (variate voi, pixels & co.)
-codice che si ferma al passaggio del mouse:
CODICE <marquee onmouseover="this.stop()" onmouseout="this.start()"> immagini/testo </marquee>
-scorrimento in alto
CODICE <marquee direction="up" scrollAmount=2 height="50" width="70%"> testo </marquee>
-scorrimento in basso
CODICE <marquee direction="right" scrollAmount=10 height="40" width="60%">
testo </marquee>
codice anti-copiatura:
CODICE <head>
<script type="text/javascript">
<!--
function click() {if (event.button==2) {alert('Non si ruba!')}}
document.onmousedown=click
// --></script>
</head>
codice trasparenza immagini:
CODICE .web a:link img, .web a:visited img {filter:alpha(opacity=30); -moz-opacity: 0.5; opacity: 0.5}
.web a:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0}
codice "riquadro" arrotondato:
CODICE <div style="PADDING-RIGHT: 6px; PADDpx; FONT-SIZE: 10px; PADDING-BOTTOM: 6px; WIDTH: 350px; LINE-ING-LEFT: 6HEIGHT: 8px; PADDING-TOP: 6px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left; -moz-border-radius: 11px"> testo </div>
codice "riquadro" con trattini in basso-:
CODICE <div style="overflow:auto; height:30px; width:250; PADDING-RIGHT: 3px; PADDpx; FONT-SIZE: 10px; PADDING-BOTTOM: 3px; WIDTH: 250px; LINE-ING-LEFT: 6HEIGHT: 4px; PADDING-TOP: 3px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center; -moz-border-radius: 11px; text-align: justify">testo</div>
codice scritta al "centro-sinistra":
CODICE <div style="margin-left: 100px"> testo </div>
codice menù scorrevole:
-modifica colori e stili
CODICE /* LINKS */
.links a:link, .links a:visited {display: block;
background-color: #F4F4F4;
border: 1px solid #D9D9D9;
margin-bottom: 1px;
padding-left: 2px}
.links a:hover {display: block;
background-color: #F8F9F9;
border: 1px solid #D9D9D9;
margin-bottom: 1px;
padding-left: 2px}
-gestione html
CODICE <div class="links"> <a href="url">testo</a> <a href="url">testo</a> <a href="url">testo</a> </div>
separazione skin in un solo blocco come nel mio pfolio:
-creare una nuova sezione, copiare e incollare l'ID da qualche parte per tenerlo salvo, ovvero il numero di quando apri la sezione -- esempio: blablabla.forumfree.net/?f=1234567, quello colorato-
intitolare la sezione, così:
CODICE <div style="display: none"> </div>
e mettendo come descrizione, il nome che vuoi dare al blocco-
poi in gestione codici e colori:
CODICE #fxxxx .zz:first-line {color: #FFF}
#fxxxx .desc {color: #A8A8A8; font-weight: bold}
#fxxxx .aa {border-top: 1px solid #ffffff; background-position: top}
#fxxxx .bb {border-top: 1px solid #ffffff; background-position: top}
#fxxxx .xx {border-top: 1px solid #ffffff; background-position: top; font-size: 0}
#fxxxx .yy {border-top: 1px solid #ffffff; background-position: top; font-size: 0}
#fxxxx .zz {border-top: 1px solid #ffffff; background-position: top; font-size: 0}
#fxxxx br {display: none}
#fxxxx .aa img {display: none}
- al posto di , inserire il colore della skin, dove c'è scritto "background color" 8D.
codici di scorrimento immagini senza scroll:
1 - 2Edited by highflyer, - 20/8/2009, 20:29 |
| | |
