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:

<iframe width=”500px” height=”200px” style=”width: 500px; height: 200px;” scrolling=”no” src=”http://www.kiwiage.it/gadgets/linkscounter/linkForm.php?skin=http://my.domain.com/path/to/mystyle.css” frameborder=”0″></iframe><br /><a href=”http://www.kiwiage.it”>Powered by Kiwiage</a>

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!