Help me!

Ma come si fa a fare quella cosa dello staff???

« Older   Newer »
 
  Share  
.
  1. NaruHinaXRufyxHancock
     
    .

    User deleted


    Salve, ho notato che in molti forum in alto della TagBoard ci sono delle immagini dove c'è scritto Mod/Admin/Founder, con i loro Nick.(Con sopra scritto STAFF)
    Come si fa a fare quelle cose?
     
    Top
    .
  2. elenucciax004
     
    .

    User deleted


    Sposto la discussione in Aiuti grafica e HTML e ti scrivo il codice ;)
     
    Top
    .
  3. elenucciax004
     
    .

    User deleted


    Eccomi ^-^

    Questo è il codice da inserire in HTML, nel punto in cui vuoi che compaiano le immagini di dimensioni ridotte:

    CODICE
    <a class="thumbnail" href="LINK PROFILO UTENTE"><img src="URL IMMAGINE PICCOLA"><span><img src="URL IMMAGINE GRANDE"><br><b>NOME</b><br><i>descrizione</i></span></a>


    Questo codice va ripetuto per ogni membro dello staff.

    In CCS, invece, bisogna copiare questo:

    CODICE
    /*IMMAGINI STAFF*/
    .thumbnail {position: relative;
    z-index: 0}

    .thumbnail:hover {background-color: transparent;
    z-index: 9}

    .thumbnail span {/*CSS for enlarged image*/
    position: absolute;
    background-color: #D37AA1;
    padding: 4px;
    left: -1000px;
    border: 1px solid #FFFFFF;
    visibility: hidden;
    color: #FFFFFF;
    text-decoration: none}

    .thumbnail span img {/*CSS for enlarged image*/
    border-width: 0;
    padding: 2px}

    .thumbnail:hover span {/*CSS for enlarged image on hover*/
    visibility: visible;
    top: 0;
    left: 16px}

    .thumbnail a:hover {background-color: #46A0BB; border: 1px solid}


    Ovviamente, questo codice si può personalizzare in base alla grafica del forum in cui è inserito.
    Si può cambiare lo stile del bordo, la posizione e altri dettagli. Per questo, puoi consutlare una guida HTML e CSS, in cui troverai tutte le informazioni di cui hai bisogno :)
     
    Top
    .
2 replies since 3/6/2012, 15:08   31 views
  Share  
.
Top
Top