Codici HTML post

« Older   Newer »
 
  Share  
.
  1.     Like  
     
    .
    Avatar

    Advanced Member

    Group
    Tetsu's Samurai
    Posts
    1,256

    Status
    Offline
    Siccome questo forum è sempre stato attivo con la grafica che ne dite di condividere i vostri modelli html?

    Io ne ho creato uno molto easy, non ci ho mai smanettato molto era tanto per provare.

    Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.


    Poi ognuno lo può usare se vuole. Metto in spoiler il codice e modificarselo come meglio crede.

    CODICE
    <div style="font-family: Trebuchet MS; font-size: 14px; color: #ccccff; border: 3px solid #1a001a; background: rgba(0, 0, 0, 0.9);";><b>TESTO</b></div>


    Edited by ShaneH - 20/9/2016, 22:26
     
    .
  2. Anselmo
        Like  
     
    .

    User deleted


    Per mettere il codice devi usare la funzione CODE, così:
    CODICE
    <div style="font-family: Trebuchet MS; font-size: 14px; color: #ccccff; border: 3px solid #1a001a; background: rgba(0, 0, 0, 0.9);";><b>Lorem Ipsum è un testo segnaposto utilizzato nel settore della tipografia e della stampa. Lorem Ipsum è considerato il testo segnaposto standard sin dal sedicesimo secolo, quando un anonimo tipografo prese una cassetta di caratteri e li assemblò per preparare un testo campione. È sopravvissuto non solo a più di cinque secoli, ma anche al passaggio alla videoimpaginazione, pervenendoci sostanzialmente inalterato. Fu reso popolare, negli anni ’60, con la diffusione dei fogli di caratteri trasferibili “Letraset”, che contenevano passaggi del Lorem Ipsum, e più recentemente da software di impaginazione come Aldus PageMaker, che includeva versioni del Lorem Ipsum.</b></div>


    L'idea è bella, ma consiglio di organizzarla in altro modo. Anziché postare direttamente i codici già elaborati per abbellire direttamente i post, consiglierei di postare i singoli elementi che ognuno può organizzarsi come vuole, e magari raggrupparli tutti nel primo post della discussione.
    Con singoli elementi intendo ad esempio:


    Testo incorniciato:

    Testo
    CODICE
    <fieldset>Testo</fieldset>







    Scrollbar:

    Testo testo testo
    Testo testo testoTesto testo testoTesto testo testo
    Testo testo testo
    Testo testo testoTesto testo testo
    Testo testo testo
    Testo testo testo
    Testo testo testo
    Testo testo testo
    Testo testo testo
    Testo testo testo
    Testo testo testoTesto testo testoTesto testo testo
    Testo testo testoTesto testo testoTesto testo testo
    CODICE
    <div style="overflow-y: scroll; width: 230px; height: 70px;"> Testo testo testo</div>







    Scrollbar invisibile:

    Testo testo testo
    Testo testo testoTesto testo testoTesto testo testo
    Testo testo testo
    Testo testo testoTesto testo testo
    Testo testo testo
    Testo testo testo
    Testo testo testo
    Testo testo testo
    Testo testo testo
    Testo testo testo
    Testo testo testoTesto testo testoTesto testo testo
    Testo testo testoTesto testo testoTesto testo testo
    CODICE
    <div style="overflow: hidden; width: 213px"><div style="overflow-y: scroll; width: 230px; height: 70px;"> Testo testo testo</div></div>
     
    .
  3.     Like  
     
    .
    Avatar

    Advanced Member

    Group
    Tetsu's Samurai
    Posts
    1,256

    Status
    Offline
    Anche se per quello Anse c'è google, diciamo il mio era più un modo per scambiarsi roba fatta da coloro che sono sul forum. Magari quando uno posta, poi chi vuole può chiedere chiarimenti su come e cosa modificare!

    Per chi non sa nulla di HTML diciamo che il tag
    CODICE
    <div></div>
    rappresenta le fondamenta per abbellire un post poiché permette di assegnare al testo messo all'interno del div una serie di opzioni. Ad esempio: sfondo, bordo, font del testo, colore del testo, grandezza del testo e così via. Persino l'opacità dell'immagine. Preciso che però l'uso del div con questa aggiunte porta l'HTML ad utilizzare anche il CSS, ma non sono un esperto in materia quindi non so dirvi di più se non provate per imparare!!

    Edited by ShaneH - 20/9/2016, 22:39
     
    .
  4. Anselmo
        Like  
     
    .

    User deleted


    CITAZIONE (ShaneH @ 20/9/2016, 22:31) 
    Anche se per quello Anse c'è google, diciamo il mio era più un modo per scambiarsi roba fatta da coloro che sono sul forum. Magari quando uno posta, poi chi vuole può chiedere chiarimenti su come e cosa modificare!

    Ah ok capito, allora la mia roba non centra molto, pardon :soso:
    a

    Edited by Anselmo - 21/9/2016, 18:08
     
    .
3 replies since 20/9/2016, 20:48   105 views
  Share  
.