[html] per cominciare

proprio terra terra xD

« Older   Newer »
 
  Share  
.
  1. Minnie ffl
        Top   Dislike
     
    .

    User deleted


    Vorremmo riempire questa sezione con tutorial riguardanti un po' di codici (skin, template, trucchetti), stavo facendo il tut su come fare una skin, ma temo di averlo cancellato xD Credo ripartirò, mi stava venendo pure male u.u
    Per ora vi insegno qualche cavolatine che potete trovare in qualsiasi guida sull'html.

    andare a capo
    CODICE
    <br>


    grassetto
    CODICE
    <b>testo</b>


    corsivo
    CODICE
    <i>testo</i>


    sottolineato
    CODICE
    <u>testo</u>


    sbarrato
    CODICE
    <s>testo</s>


    testo allineato a sinistra

    CODICE
    <p align="left">testo</p>

    testo allineato a destra

    CODICE
    <p align="right">testo</p>

    testo giustificato

    CODICE
    <p align="justify">testo</p>

    testo centrato

    CODICE
    <p align="center">testo</p>


    grandezza testo (aumenta il numero per aumentare la grandezza)
    CODICE
    <font size="1">testo<font>


    linea
    CODICE
    <hr>


    immagine
    CODICE
    <img src="http://link_della_tua_immagine.png">


    inserire un'immagine alla sinistra di un testo
    CODICE
    <img src="link_della_tua_immagine.png" align="left">


    inserire un'immagine alla destra di un testo
    CODICE
    <img src="link_della_tua_immagine.png" align="right">


    inserire un link
    CODICE
    <a href="http://tuo_link">testo</a>


    immagine con un collegamento
    CODICE
    <a href="http://link_del_sito"><img src="http://link_dell_immagine.png"></a>


    testo (anche immagine) scorrevole
    CODICE
    <marquee direction="up" scrollAmount=1 height="30" width="70%">immagine/testo</marquee>

    direction indica la direzione
    scrollAmount indica la velocità
    height indica l'altezza del campo di scorrimento
    width invece indica la larghezza del campo di scorrimento rispetto alla larghezza della pagina

    colore del testo
    CODICE
    <font color="#codice colore">testo</font>


    carattere del testo
    CODICE
    <font face="font">testo</font>


    ---------------in un forum---------------

    inserire una scrollbar
    CODICE
    <div style="overflow: auto; height: 100px;">TESTO</div>

    Al posto di 100 inserite il numero corrispondente all'altezza desiderata... se poi volete anche la larghezza basta che l'aggiungiate


    codice per inserire un'immagine piccola che al passaggio del mouse viene visualizzata con le dimensioni reali:
    SPOILER (click to view)
    questo va in cima al forum:
    CODICE
    <style type="text/css">
    .thumbnail{
    position: relative;
    z-index: 0;
    }

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

    .thumbnail span{ /*CSS for enlarged image*/
    position: absolute;
    background-color: lightyellow;
    padding: 5px;
    left: -1000px;
    border: 1px dashed gray;
    visibility: hidden;
    color: black;
    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: 60px; /*position where enlarged image should offset horizontally */
    }
    </style>


    e questo è per l'immagine:
    CODICE
    <a class="thumbnail" href="#thumb"><img src="link_immagine.png" width="100px" height="100px" border="0" /><span><img src="link_immagine.png" /><br />Descrizione!</span></a>



    per inserie un alert che compare all'apertura di una pagina
    CODICE
    <script language="javascript">
    alert("Testo");
    </script>


    Il codice va inserito nella gestione codici HTML, nella zona codice sopra alla sezione in cui si vuole che compaia l'alert.

    Ci sono tante cose sfiziose u.u
    prima o poi le impareremo :*_*:

    per un maggiore approfondimento: x x

    Edited by Amethyst77 - 25/7/2009, 10:29
     
    .
  2.     Top   Dislike
     
    .
    Avatar


    Group
    Posts
    18,550
    Wilberini
    +532

    Status
    Anonymous

    tuorial aggiornato ^^

     
    .
  3. ~•Fragrance
        Top   Dislike
     
    .

    User deleted


    Non mi è chiaro l'ultimo xD
    Mentre gli altri sono super *_*
     
    .
  4.     Top   Dislike
     
    .
    Avatar


    Group
    Posts
    18,550
    Wilberini
    +532

    Status
    Anonymous
    hai presente la casella che appare quando apri la sezione presentazione con scritto "leggi il regolamento"? ecco è proprio quella li ^^
     
    .
  5.     Top   Dislike
     
    .
    Avatar


    Bigamy is having one wife too many. Monogamy is the same. (Oscar Wilde)

    Group
    Posts
    24,395
    Wilberini
    +250
    Location
    dal fitto fogliame di un bosco

    Status
    Anonymous
    Ho modificato la descrizione, magari risulta più chiaro così di cosa si tratti ^^
     
    .
  6. Claudium
        Top   Dislike
     
    .

    User deleted


    Che differenza c'è tra
    CODICE
    <br />

    e
    CODICE
    <br>

    ?
     
    .
  7.     Top   Dislike
     
    .
    Avatar


    Bigamy is having one wife too many. Monogamy is the same. (Oscar Wilde)

    Group
    Posts
    24,395
    Wilberini
    +250
    Location
    dal fitto fogliame di un bosco

    Status
    Anonymous
    Per l'html gli elementi vuoti come l'interruzione di riga vengono indicati tra <>, da qui il codice

    CODICE
    <br>



    Nel'XHTML, invece, tutti gli elementi vuoti devono terminare con /, da qui il codice

    CODICE
    <br/>
     
    .
  8. ~•Fragrance
        Top   Dislike
     
    .

    User deleted


    CITAZIONE (Rosenkreutz @ 25/7/2009, 10:05)
    hai presente la casella che appare quando apri la sezione presentazione con scritto "leggi il regolamento"? ecco è proprio quella li ^^

    Ho capito grazie ^________^
     
    .
  9. ~•Fragrance
        Top   Dislike
     
    .

    User deleted


    Scusatemi ma non riesco a far funzionare il codice dell'alert ç___ç
     
    .
  10. Minnie ffl
        Top   Dislike
     
    .

    User deleted


    per caso hai messo dei ' o " all'interno del messaggio?
     
    .
  11. ~•Fragrance
        Top   Dislike
     
    .

    User deleted


    sì per questo non funziona?
     
    .
  12. ir3ne7
        Top   Dislike
     
    .

    User deleted


    una domanda, come faccio a mettere un'immagine a sinistra del testo che abbia un collegamento??
     
    .
  13. OniAn
        Top   Dislike
     
    .

    User deleted




    CODICE
    <p align="right">[URL=http://gimpworld.forumfree.it/?t=35279911#lastpost][IMG]http://i36.tinypic.com/2ent5s8.gif[/IMG][/url]</p>
     
    .
  14. ir3ne7
        Top   Dislike
     
    .

    User deleted


    no, ma così c'è solo l'immagine a destra.. io intendevo uan cosa tipo questa:


    E questo invece è il testo










    CODICE
    <img src="http://gimpworld.altervista.org/_altervista_ht/summertime/summer-01.png" align="left">
    E questo invece è il testo


    solo che vorrei che cliccando sull'immagine, andasse ad un determinato sito...
     
    .
  15.     Top   Dislike
     
    .
    Avatar

    Icons © GW ♥

    Group
    Posts
    11,410
    Wilberini
    +456

    Status
    Offline
    Prova questo:
    A destra:
    CODICE
    <p align="right"><a href="http://gimpworld.forumfree.net"><img src="http://gimpworld.altervista.org/_altervista_ht/summertime/summer-01.png"></a></p> e questo è il testo


    A sinistra:
    CODICE
    <p align="left"><a href="http://gimpworld.forumfree.net"><img src="http://gimpworld.altervista.org/_altervista_ht/summertime/summer-01.png"></a></p> e questo è il testo
     
    .
24 replies since 22/12/2008, 18:26   729 views
  Share  
.
Top