Tutorial Links Counter Box:
Personalizzare la grafica del box è semplice.
Segui il tutorial attentamente e avrai il tuo box pronto da incollare:
Step 1 - Modifica il css
Prendi il codice del css e crea un foglio di stile da collegare nell’HTML:
<!-- Occhio ai commenti -->
@charset "utf-8";
/* CSS Document */
<!-- modifica lo stile del testo -->
body{
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0px;
font-size: 12px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
<!-- Puoi modificare l'immagine di sfondo del BOX -->
#linksXounterBox {
width: 300px;
height: 160px;
background-image: url(/gadgets/linkscounter/box-counter.png);
<!-- URL immagine sfondo-->
background-position: left top;
background-repeat: no-repeat;
padding-top: 35px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
#linkscounter-external-label{
<!-- inserisci lo stile del risultato link esterni-->
}
#linkscounter-nofollow-label{
<!-- inserisci lo stile del risultato link nofollow-->
}
#linkscounter-internal-label{
<!-- inserisci lo stile del risultato link interni-->
}
.linkButton{
<!-- inserisci lo stile del bottone -->
}
Una volta modificato il CSS a vostro piacimento non vi resta che sostituirlo nell’ HTML da prelevare.
Step 2 - Modifica il codice HTML
Questo il codice originale:
<iframe width=”300px” height=”160px” style=”width: 300px; height: 160px;” scrolling=”no” src=”http://www.kiwiage.it/gadgets/linkscounter/linkForm.php” frameborder=”0″></iframe><br><a href=”http://www.kiwiage.it”>Powered by Kiwiage</a>
Questo il codice dove collegare il css modificato:
Inserisci l’URL esatto del tuo foglio di stile sul parametro skin al posto di http://my.domain.com/path/to/mystyle.css e hai il tuo codice pronto!
Step 3 - Incolla il codice
Ora non ti resta che inserire il codice sulla tua pagina…
Mi raccomando lascia il link a Kiwiage, per noi è importante e a te non cambia nulla!
Grazie!
