[Html] riquadro in firma

non uccidetemi ç___ç

« Older   Newer »
 
  Share  
.
  1. ~•Fragrance
        Top   Dislike
     
    .

    User deleted


    Oggio ho fatto il mio primo tutorial che riguarda l'html forse è un pò banale ma spero che vi sia utile, in caso contrario non uccidetemi please XD
    Va bè banco alle ciance e cominciamo

    Qui ci starebbe la firma bla bla bla


    il codice è questo
    CODICE
    <div style="background-color:#FFF; border:5px solid #000; color:#000">Qui ci starebbe la firma</div>


    per cambiare colore alla scritta bastate che modificate nella "voce" color:#000 i numeri con i colore che volete ad esempio se volete fare la scritta rossa mettete color:#FB0000
    ed il codice verrebbe così

    CODICE
    <div style="background-color:#FFF; border:5px solid #000; color:#FB0000">Qui ci starebbe la firma</div>


    Qui ci starebbe la firma


    mentre se volete cambiare l colore al bordo dovete modificare alla voce border:5px solid #000; questa parte qua con il colore che volete ad esempio se volete il bordo azzurro sarà così border:5px solid #00A0F0; ed il codice sarebbe questo
    CODICE
    <div style="background-color:#FFF; border:5px solid #00A0F0; color:#FB0000">Qui ci starebbe la firma</div>


    Qui ci starebbe la firma


    mentre se volete cambiare il colore dello sfondo dovete modificare alla voce color:#FFF questa parte qua con il colore che volete ad esempio se lo sfondo lo volete verde dovete mettere così color:#00FB54 quindi il codice sarebbe
    CODICE
    <div style="background-color:#00FB54;border:5px solid #00A0F0; color:#FB0000">Qui ci starebbe la firma</div>


    Qui ci starebbe la firma


    mente se volete fare il riquadro più piccolo dovete aggiungere una voce dopo color:#000; esattamente questa width:50% e quindi il codice sarebbe questo

    CODICE
    <div style="background-color:#FFF; border:5px solid #000; color:#000; width:50%">Qui ci starebbe la firma</div>

    Qui ci starebbe la firma


    mente se volete fare il bordo più spesso o più sottile dvete modificare questa voce qua border:5px ad esempio se lo volete più sepsso diventerà così border:10px ed il codice sarebbe questo
    CODICE
    <div style="background-color:#FFF; border:10px solid #000; color:#000; width:50%">Qui ci starebbe la firma</div>

    Qui ci starebbe la firma


    mentre se lo volete senza bordo basta che alla voce border:10px solid #000 ci metiate 0px così
    CODICE
    <div style="background-color:#FFF; border:0px solid #0; color:#000; width:50%">Qui ci starebbe la firma</div>

    Qui ci starebbe la firma
    oppure potete mettere border: none

    Spero che vi piaccia e che vi sia utile!
    NB. Questo tutorial è stato creato intermente da me quindi è severamente vietata la copia intera o in pate del tutorial altrimenti vi uccido!

    Edited by ~•Fragrance - 8/9/2009, 17:10
     
    .
  2. `minnieffl
        Top   Dislike
     
    .

    User deleted


    scusa se ti correggo xD
    ma in verità per eliminare il bordo si mette border: 0px
    quello che modificavi tu è il codice esagonale (che può anche essere con meno cifre volendo) cioè quello che inizia con #, ovvero il codice del colore. Non te lo mette solo perchè ti da errore perchè questo colore (#0) non esiste.
    Per la firma va bene, ma se poi più avanti uno vuole fare una pagina più complessa anche con dell'xhtml e non solo html di base poi potreste avere problemi con altre cose (scritte nel modo giusto) e non capire perchè non vi venga fuori.

    O almeno a me sta faccenda così me l'hanno spiegato così a scuola xD
    e l'ho provata anche sulla mia pelle prima di iniziare a studiare i codici a scuola
     
    .
  3. Jimi Tux
        Top   Dislike
     
    .

    User deleted


    CITAZIONE (`minnieffl @ 8/9/2009, 14:02)
    quello che modificavi tu è il codice esagonale

    ehmmm... in realta il codice sarebbe esadecimale XD

    Aggiungo un paio di cose a quanto ha già detto fflina. I colori in esadecimale possono essere specificati con 6 cifre o anche con 3. Nel caso si usino 3 cifre, ogni cifra vale per due. Mi spiego meglio con due esempi:

    #CFG è uguale a #CCFFGG
    #323 è uguale a #332233

    Per togliere il bordo si può anche scrivere
    CODICE
    border: none;

    oppure rimuovere direttamente la proprietà border. Tanto se non si vuole mettere il bordo non serve a nulla lasciarla.

    Edited by Jimi Tux - 8/9/2009, 16:38
     
    .
  4. ~•Fragrance
        Top   Dislike
     
    .

    User deleted


    Sì avete ragone ma siccome io l'ho fatto più che altro per la firma e non ho pensato alle pagine più complesse... e per la firma funziona anche così comunque ora correggo grazie ^^
     
    .
  5. `minnieffl
        Top   Dislike
     
    .

    User deleted


    CITAZIONE (Jimi Tux @ 8/9/2009, 15:02)
    CITAZIONE (`minnieffl @ 8/9/2009, 14:02)
    quello che modificavi tu è il codice esagonale

    ehmmm... in realta il codice sarebbe esadecimale XD

    rooooooooootfl
    questa ce la dobbiamo segnare u.u
    ok basta ot xD
     
    .
  6. OniAn
        Top   Dislike
     
    .

    User deleted


    mi serviva gracias *-*
     
    .
  7.     Top   Dislike
     
    .
    Avatar


    Group
    Posts
    18,550
    Wilberini
    +532

    Status
    Anonymous
    per mettere 2 cose sullo stesso livello come si fa? cioè voglio mettere a sinistra un'immagine e a destra dei link o una scritta.. >__< son incapaceeee...

    comunque è utile.. gaccie.. :)
     
    .
  8. ~•Fragrance
        Top   Dislike
     
    .

    User deleted


    Se intendi ciò
    GW                             ;                                          bla bla


    basta che inserisci questa parolina magica XD
    CODICE
    &nbsp;
    tra il link e il testo xD

    Io conosco solo questo modo ma se qualcun'altro sa un altro metodo che parli ora o taccia per sempre ^^ XD

    Grazie a voi =)
     
    .
  9.     Top   Dislike
     
    .
    Avatar


    Group
    Posts
    18,550
    Wilberini
    +532

    Status
    Anonymous
    provoooo.. :D
     
    .
  10. `minnieffl
        Top   Dislike
     
    .

    User deleted


    io uso questo metodo con l'immagine:
    (ovvero metti align="left" nelle opzioni dell'immagine)

    Tutto ciò che ho fatto prima del 27 maggio 1999,
    è stato un'illusione, esistere senza vivere.
    Mia figlia, la nascita di mia figlia mi ha dato la vita.

    Johnny Depp


    CODICE
    <img src="http://i294.photobucket.com/albums/mm99/ffl_album2/firma-3.png" align="left">
    <font face="georgia" size="2px"><i>Tutto ciò che ho fatto prima del 27 maggio 1999,
    è stato un'illusione, <b>esistere senza vivere</b>.
    Mia figlia, la nascita di mia figlia mi ha dato la vita.</i></font>
    <div align="right"><font face="georgia" size="1px" color="#a2a2a2"><i><b>Johnny Depp</b></i></font></div>


    però tutte le volte che lo vai a modificare forumfree te la trasforma in
    CODICE
    [IMG][/IMG]


    però in una pagina di html rimane uguale

    se no fai una tabella e allinei tutto come ti pare
     
    .
  11.     Top   Dislike
     
    .
    Avatar


    Group
    Posts
    18,550
    Wilberini
    +532

    Status
    Anonymous
    uhhhhh provo così allora gaccie ^___^
     
    .
10 replies since 7/9/2009, 16:37   210 views
  Share  
.
Top