Link e codici

« Older   Newer »
 
  Share  
.
  1.  
    .
    Avatar

    Senior Member

    Group
    Administrator
    Posts
    18,082
    Location
    Da casa mia

    Status
    Offline

    Link e codici



    Immagine

    CODICE
    <img src="LINK IMMAGINE" width="X" height="Y" alt="TITOLO">





    Scrollbar

    CODICE
    <div style="width:300px;height:150px;overflow-y: scroll;overflow-x: scroll;"></div>


    Questo codice mette la barra sia in verticale che in orizzontale
    width:300px;
    Rappresenta la larghezza da attribuire al div
    height:150px;
    Rappresenta l'altezza da attribuire al div
    overflow-y: scroll;
    Indica che, se il contenuto supera l'altezza stabilita, deve essere inserita la barra di scorrimento verticale
    overflow-x: scroll;
    Indica che, se il contenuto supera la larghezza stabilita, deve essere inserita la barra di scorrimento verticale

    Codice che funziona in tabella e nella firma:

    CODICE
    <div style="width:200px;height:100px;overflow-y: scroll; border:1px solid black;">
    ...
    ...
    </div>

    Questo codice mette un contorno nero, creando una finestra con scrollbar
    width:200px;
    Rappresenta la larghezza da attribuire al div

    height:100px;
    Rappresenta l'altezza da attribuire al div

    overflow-y: scroll;
    Indica che, se il contenuto supera l'altezza stabilita, deve essere inserita la barra di scorrimento verticale

    border:1px solid black;
    Indica spessore, tipo e colore del bordo.

    Nuova scrollbar

    CODICE
    <div style="overflow: auto; height: 50px;">
    ...
    ...
    </div>

    Automaticamente si mette la barra se si supera una certa altezza.




    Guida all'inserimento di scrollbar nelle tabelle

    http://supporto.forumfree.it/?t=6071609



    Creato da Hamm per Sentieri Arcani
    CODICE
    <marquee scrollamount='5' onMouseover='this.scrollAmount=1' onMouseout='this.scrollAmount=5' direction="right" height="60px" width="270 px">TESTO QUI</marquee>




    Codici marquee

    MARQUEE CHE SI FERMA AL PASSAGGIO DEL MOUSE
    CODICE
    <marquee onmouseover="this.stop()" onmouseout="this.start()">TESTO QUI</marquee>


    MARQUEE CHE RALLENTA AL PASSAGGIO DEL MOUSE
    CODICE
    <marquee scrollamount='5' onMouseover='this.scrollAmount=1' onMouseout='this.scrollAmount=5'>TESTO QUI</marquee>


    MARQUEE CON VELOCITA' REGOLABILE - ORIZZONTALE
    CODICE
    <marquee  behavior="scroll" scrollamount="2">TESTO QUI</marquee>


    MARQUEE DALL'ALTO VERSO IL BASSO - VERTICALE
    CODICE
    <marquee  behavior="scroll" direction="down" height="100px">TESTO QUI</marquee>


    MARQUEE DAL BASSO VERSO L'ALTO - VERTICALE
    CODICE
    <marquee  behavior="scroll" direction="up" height="100px">TESTO QUI</marquee>


    MARQUEE ALTERNATO - ORIZZONTALE
    CODICE
    <marquee behavior="alternate">TESTO QUI</marquee>


    MARQUEE DA SINISTRA A DESTRA - ORIZZONTALE
    CODICE
    <marquee behavior="scroll" direction="right">TESTO QUI</marquee>


    MARQUEE DA DESTRA A SINISTRA - ORIZZONTALE
    CODICE
    <marquee>TESTO QUI</marquee>


    Con link
    CODICE
    <font face="Arial" size="2"><b><marquee height="30" scrollamount="5" scrolldelay="60" width="100%" style="font-family: Arial; font-size: 5pt; color: #000"></b></font><a target="top" href="http://angelgraphic4um.forumfree.net/"><font face="Arial" size="2"><b> http://angelgraphic4um.forumfree.net/</marquee></b></font></a>


    Scorrevole Alternata
    CODICE
    <marquee behavior="alternate"><marquee width="150">Graphics Dream</marquee></marquee>


    Testo che si muove
    CODICE
    <marquee direction="up" behavior="alternate" height="200"><marquee behavior="alternate" width="30%">Il vostro testo qui</marquee></marquee>

    CODICE
    <marquee direction="up" behavior="alternate" height="200"><marquee behavior="alternate" width="30%">*Inserisci qui il testo*</marquee></marquee>


    Edited by Hamm - 12/2/2017, 17:52
     
    Top
    .
  2.  
    .
    Avatar

    Senior Member

    Group
    Administrator
    Posts
    18,082
    Location
    Da casa mia

    Status
    Offline
    Come creare un link con apertura in un'altra finesta:
    CODICE
    <a href="link_del_sito" target="_blank">testo</a>


    Come inserire immagini:
    CODICE
    <img src="link_immagine" alt="descrizione_immagine">

    CODICE
    <img src="link_immagine" alt="descrizione_immagine" width="largezza_immagine_in_pixel" height="altezza_immagine_in_pixel" title="testo_che_appare_al_passaggio_del_mouse">


    Come creare un anteprima cliccabile di una immagine:
    CODICE
    <a href="link_immagine" target="_blank"><img src="link_immagine" width="largezza_immagine_in_pixel" height="altezza_immagine_in_pixel" alt="descrizione_immagine"></a>


    Come inserire un'immagine con link:
    CODICE
    <a href="link_del_sito"><img src="link_immagine" alt="descrizione_immagine"></a>

    CODICE
    <a href="link_del_sito"><img src="link_immagine" border="0" alt="descrizione_immagine" width="largezza_immagine_in_pixel" height="altezza_immagine_in_pixel" title="testo_che_appare_al_passaggio_del_mouse"></a>


    Come inserire un'immagine con link e apertura in un'altra finesta:
    CODICE
    <a href="link_del_sito" target="_blank"><img src="link_immagine" alt="descrizione_immagine"></a>

    CODICE
    <a href="link_del_sito" target="_blank"><img src="link_immagine" border="0" alt="descrizione_immagine" width="largezza_immagine_in_pixel" height="altezza_immagine_in_pixel" title="testo_che_appare_al_passaggio_del_mouse"></a>


    Come inserire un'immagine a lato di un paragrafo di testo funziona!
    CODICE
    <p>
    <img src="link_immagine" align="left" alt="descrizione_immagine" width="largezza_immagine_in_pixel" height="altezza_immagine_in_pixel">Questo è un paragrafo di testo con un'immagine a lato, il testo avrà un'immagine a sinistra, perchè l'attibuto align dell'immagine ha il valore left
    </p>


    Come allineare verticalmente un'immagine all'interno di un testo
    CODICE
    <p>
    Questo è un paragrafo di testo con un'immagine inserita all'interno<img src="link_immagine" alt="descrizione_immagine" width="largezza_immagine_in_pixel" height="altezza_immagine_in_pixel"> la riga di testo è allineata al fondo dell'immagine perchè l'immagine non ha un attributo align
    </p>

    CODICE
    <p>
    Questo è un paragrafo di testo con un'immagine inserita all'interno<img src="link_immagine" alt="descrizione_immagine" align="bottom" width="largezza_immagine_in_pixel" height="altezza_immagine_in_pixel"> la riga di testo è allineata al fondo dell'immagine perchè l'immagine ha l'attributo align="bottom"
    </p>

    CODICE
    <p>
    Questo è un paragrafo di testo con un'immagine inserita all'interno<img src="link_immagine" alt="descrizione_immagine" align="middle" width="largezza_immagine_in_pixel" height="altezza_immagine_in_pixel"> la riga di testo è allineata al centro dell'immagine perchè l'immagine ha l'attributo align="middle"
    </p>

    CODICE
    <p>
    Questo è un paragrafo di testo con un'immagine inserita all'interno<img src="link_immagine" alt="descrizione_immagine" align="top" width="largezza_immagine_in_pixel" height="altezza_immagine_in_pixel"> la riga di testo è allineata alla sommità dell'immagine perchè l'immagine ha l'attributo align="top"
    </p
     
    Top
    .
  3.  
    .
    Avatar

    Senior Member

    Group
    Administrator
    Posts
    18,082
    Location
    Da casa mia

    Status
    Offline

    FAST TOPIC PREVIEW



    Script per avere un'anticipazione dei topic

    Aggiungere il seguente codice in Amministrazione => Grafica => Codice HTML => In cima al forum :
    CODICE
    <script>
    var FastPreviewOnClick = true;
    </script>


    Va messo in HTML in fondo al forum

    CODICE
    <script type="text/javascript">
    var FastPreviewOnClick = true;
    </script>
    <script type="text/javascript" src="http://ffb.forumfree.net/js/fast_topic.js"></script>


    Aggiungere il seguente codice in Amministrazione => Grafica => Colori e Stili:
    CODICE
    /* FAST TOPIC PREVIEW - FFBOARD */
    /* Avatar & Preview */
    .fast_preview {height: 0; overflow: hidden}
    .fast_preview.clicked {height: auto}
    .fast_preview img {float: left; padding: 1px; margin: 5px; border: 1px solid #D5D5D5; background: #FFF; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); width: 40px; height: 40px}

    /* Apri & Chiudi */
    .bb .fp_open {background: url(http://i.imgur.com/BzDhcHL.png) no-repeat top}
    .bb .fp_close {background: url(http://i.imgur.com/BzDhcHL.png) no-repeat bottom}
    .bb .fp_open, .bb .fp_close {margin-left: 10px; width: 16px; height: 16px; display: none; float: right; cursor: pointer}
    .bb .fp_open.clicked, .bb .fp_close.clicked {display: block}


    Per informazioni http://ffboard.forumfree.it/?t=66484042



    <!---Inizio Codice-->
    <marquee style="text-align: center; font-family:'Palatino Linotype'; font-size: 9pt; color: #B8B7B6; height: 84px; width: 95%;" direction="up" scrollAmount="1" scrolldelay="2" onmouseover="this.stop()"onmouseout="this.start()">
    Scrivi tu......scrivi tu.....scrivi tu.....

    Scrivi tu......scrivi tu.....scrivi tu.....

    Scrivi tu......scrivi tu.....scrivi tu.....

    Scrivi tu......scrivi tu.....scrivi tu.....

    Scrivi tu......scrivi tu.....scrivi tu.....

    Scrivi tu......scrivi tu.....scrivi tu.....

    Scrivi tu......scrivi tu.....scrivi tu.....

    Scrivi tu......scrivi tu.....scrivi tu.....

    <!--Fine codice-->


    CODICE
    <!---Inizio Codice--><table style="width: 412px; height: 233px; border-color: #c0c0c0; border-width: 0; background-image: url('http://graficasmiles.altervista.org/Targhette/TarghettebyGraficandsmiles/xx398__5_.png'); background-repeat: no-repeat; text-align: center; font-family: 'Palatino Linotype'; color: #C0C0C0; font-size: 9pt" cellpadding="0" cellspacing="0" align="center">
           <tr>
                   <td style="height: 69px; width: 105px"></td>
                   <td style="height: 69px; width: 203px"> </td>
                   <td style="height: 69px"> </td>
           </tr>
           <tr>
                   <td style="height: 99px; width: 105px"></td>
                   <td style="height: 99px; width: 203px">
                   <marquee style="text-align: center; font-family:'Palatino Linotype'; font-size: 9pt; color: #B8B7B6; height: 84px; width: 95%;" direction="up" scrollAmount="1" scrolldelay="2" onmouseover="this.stop()"onmouseout="this.start()">
    Scrivi tu......scrivi tu.....scrivi tu.....<br>
    Scrivi tu......scrivi tu.....scrivi tu.....<br>
    Scrivi tu......scrivi tu.....scrivi tu.....<br>
    Scrivi tu......scrivi tu.....scrivi tu.....<br>
    Scrivi tu......scrivi tu.....scrivi tu.....<br>
    Scrivi tu......scrivi tu.....scrivi tu.....<br>
    Scrivi tu......scrivi tu.....scrivi tu.....<br>
    Scrivi tu......scrivi tu.....scrivi tu.....<br></marquee></td>
                   <td style="height: 99px; width: 104px"> </td>
           </tr>
           <tr>
                   <td style="height: 65px; width: 105px"> </td>
                   <td style="height: 65px; width: 203px"> </td>
                   <td style="height: 65px"> </td>
           </tr>
    </table>
    <!--Fine codice-->




    Codice creato da Hamm

    CODICE
    <!-- Inizio Codice--><table style="width: 272px; height: 222px; border-color: #c0c0c0; border-width: 0; background-image: url('http://i.imgur.com/jk1IfYP.png'); background-repeat: no-repeat; text-align: center; font-family: 'Optima'; color: #C0C0C0; font-size: 9pt" cellpadding="0" cellspacing="0" align="center">
           <tr>
                   <td style="height: 69px; width: 105px"></td>
                   <td style="height: 69px; width: 203px"> </td>
                   <td style="height: 69px"> </td>
           </tr>
           <tr>
                   <td style="height: 95px; width: 105px"></td>
                   <td style="height: 95px; width: 203px">
                   <marquee style="text-align: left; font-family:'Optima'; font-size: 9pt; color: #B8B7B6; height: 100px; width: 150;" direction="up" scrollAmount="1" scrolldelay="2" onmouseover="this.stop()"onmouseout="this.start()">
    <a href="http://passioneinviola.blogfree.net/?t=2051154" target="_blank"><img src="http://i46.tinypic.com/33bz3nd.jpg" alt="SOS tigre"></a>

    <a href="http://passioneinviola.blogfree.net/?t=2054817" target="_blank"><img src="http://i45.tinypic.com/14c5zrp.jpg" alt="SOS orso polare"></a>

    <a href="http://passioneinviola.blogfree.net/?t=3723226" target="_blank"><img src="http://i.imgur.com/xjiYq.png" alt="Non sprecare acqua-Passione in Viola"></a>

    <a href="http://passioneinviola.blogfree.net/?t=2711804" target="_blank"><img src="http://i30.tinypic.com/2w57jlz.png" alt="No abbandono"></a> </marquee></td>
                   <td style="height: 99px; width: 104px"> </td>
           </tr>
           <tr>
                   <td style="height: 65px; width: 105px"> </td>
                   <td style="height: 65px; width: 203px"> </td>
                   <td style="height: 65px"> </td>
           </tr>
    </table>
    <!--Fine codice-->


    <!-- Inizio Codice-->
    <marquee style="text-align: left; font-family:'Optima'; font-size: 9pt; color: #B8B7B6; height: 100px; width: 150;" direction="up" scrollAmount="1" scrolldelay="2" onmouseover="this.stop()"onmouseout="this.start()">




    Non sprecare acqua-Passione in Viola


    <!--Fine codice-->

    Edited by Hamm - 12/2/2017, 17:53
     
    Top
    .
  4.  
    .
    Avatar

    Senior Member

    Group
    Administrator
    Posts
    18,082
    Location
    Da casa mia

    Status
    Offline
    HTML: Inserire un'immagine per ogni punto elenco numerato

    http://html.blogfree.net/?t=441936

    Elenco
    http://www.ideepercomputeredinternet.com/2...stile-html.html
     
    Top
    .
  5.  
    .
    Avatar

    Senior Member

    Group
    Administrator
    Posts
    18,082
    Location
    Da casa mia

    Status
    Offline
    Effetto neve

    E' codice in uso e dovrebbe essere modificabile con altri oggetti

    http://ilforumdizino.forumcommunity.net/?t=48843759

    Codice HTML che sarà mostrato in FONDO a tutte le pagine

    CODICE
    <!-- Codice effetto neve -->
    <script type="text/javascript">
    <!-- Begin
    var no = 15; // image number or falling rate
    var speed = 20; // the lower the number the faster the image moves
    var snow = new Array();
    // definizioni delle immagini da muovere
    // aggiungi o cancella gli elementi dell'array secondo preferenza
    snow[0] = "http://skin.forumfree.net/christmas/snow.png"
    snow[1] = "http://skin.forumfree.net/christmas/snow.png"
    snow[2] = "http://i.imgur.com/QIW3W9x.gif"
    snow[3] = "http://i.imgur.com/01zFC3e.gif"
    var ns4up = (document.layers) ? 1 : 0; // browser sniffer
    var ie4up = (document.all) ? 1 : 0;
    var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
    var dx, xp, yp; // coordinate and position variables
    var am, stx, sty; // amplitude and step variables
    var i, doc_width = 800, doc_height = 1800;

    if (ns4up||ns6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
    } else if (ie4up) {
    doc_width = document.body.clientWidth;
    doc_height = document.body.clientHeight;
    }
    dx = new Array();
    xp = new Array();
    yp = new Array();
    am = new Array();
    stx = new Array();
    sty = new Array();
    j = 0;

    for (i = 0; i < no; ++ i) {
    dx[i] = 0; // set coordinate variables
    xp[i] = Math.random()*(doc_width-50); // set position variables
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20; // set amplitude variables
    stx[i] = 0.02 + Math.random()/10; // set step variables
    sty[i] = 0.7 + Math.random(); // set step variables
    if (ns4up) { // set layers
    if (i == 0) {
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>");
    } else {
    document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>");
    } } else if (ie4up||ns6up) { if (i == 0)
    {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>");
    } else {
    document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>");
    }
    }
    if (j == (snow.length-1)) { j = 0; } else { j += 1; }
    }

    function snowNS() { // Netscape main animation function
    for (i = 0; i < no; ++ i) { // iterate for every dot
    yp[i] += sty[i]; if (yp[i] > doc_height) {
    xp[i] = Math.random()*(doc_width-am[i]-30);
    yp[i] = -30;
    stx[i] = 0.02 + Math.random()/10;
    sty[i] = 0.7 + Math.random();
    doc_width = self.innerWidth;
    doc_height = self.innerHeight; }
    dx[i] += stx[i];
    document.layers["dot"+i].top = yp[i]+pageYOffset;
    document.layers["dot"+i].left = xp[i] +
    am[i]*Math.sin(dx[i]);
    }
    setTimeout("snowNS()", speed);
    }

    function snowIE_NS6() { // IE main animation function
    for (i = 0; i < no; ++ i) { // iterate for every dot
    yp[i] += sty[i];
    if (yp[i] > doc_height) {
    xp[i] = Math.random()*(doc_width-am[i]-30);
    yp[i] = -30;
    stx[i] = 0.02 + Math.random()/10;
    sty[i] = 0.7 + Math.random();
    doc_width = ns6up?window.innerWidth-5:document.body.clientWidth;
    doc_height = ns6up?window.innerHeight-5:document.body.clientHeight;
    }
    dx[i] += stx[i];
    if (ie4up){
    document.all["dot"+i].style.pixelTop = yp[i]+document.body.scrollTop;
    document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
    }
    else if (ns6up){
    document.getElementById("dot"+i).style.top=yp[i]+pageYOffset;
    document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]);
    }
    }
    setTimeout("snowIE_NS6()", speed);
    }
    if (ns4up) {
    snowNS();
    } else if (ie4up||ns6up) {
    snowIE_NS6();
    }
    // End --></script>


    Questa è la parte con le immagini della neve

    CODICE
    snow[0] = "http://skin.forumfree.net/christmas/snow.png"
    snow[1] = "http://skin.forumfree.net/christmas/snow.png"


    Altre immagini usate per la caduta

    CODICE
    http://i.imgur.com/QIW3W9x.gif"



    CODICE
    http://i.imgur.com/01zFC3e.gif"




    Questo qui sotto, mai usato

    http://newsboard.forumfree.it/?t=67605561

    Una volta usato, come rimuovere tutto il codice


    Edited by Hamm - 3/1/2016, 13:37
     
    Top
    .
  6.  
    .
    Avatar

    Senior Member

    Group
    Administrator
    Posts
    18,082
    Location
    Da casa mia

    Status
    Offline
    Cornici con testo

    http://sherazade.blogfree.net/?t=5433658
    CITAZIONE (Sherazade~ @ 12/10/2016, 10:34) 

    Cornice tratteggio fino



    CODICE
    <div style="border: 4px Dotted #7171FF; width: 400px;">inserisci qui la firma</div>


    inserisci qui la firma





    Cornice spessa tratteggiata



    CODICE
    <div style="border: 7px Dotted #F00000; width: 600px;">[color=green]testo[/color]
    </p></div>


    testo





    Cornice tratteggio largo



    CODICE
    <div style="border: 4px Dashed #00CCFF; width: 400px;">Inserisci qui la firma</div>


    Inserisci qui la firma





    Cornice spessa con spazio interno colorato



    CODICE
    <div align="center"><div style="width: 300px; background-color:#FAE3FF; border: 5px solid #FF7171; font:10pt; color: #FF7171"; align="center">[color=red]testo[/color]
    </div></div>


    testo


    - width: 300px = larghezza
    - background-color:#FAE3FF = colore di sfondo
    - border: 5px = spessore bordo
    - solid #FF7171 = colore bordo
    - font:10pt = grandezza font in punti
    - color: #FF7171 = colore font




    Cornice con titolo



    CODICE
    <fieldset><legend><b>Titolo</b></legend><p align="center">Aggiungi i tuoi contenuti</p></fieldset>


    Titolo

    Aggiungi i tuoi contenuti







    Cornice con spazio interno colorato



    CODICE
    <div align="center"><div style="font-family: georgia; font-size: 10px; width: 350px; color: #000000; background-color: #C6ECFF; -moz-border-radius: 15px; text-align: justify; padding: 10px; border: 3px solid #3939FF"><p align="center"> TESTO </p></div></div>


    TESTO



    - font-size: 10px = grandezza scritta
    - width: 350px = larghezza rettangolo
    - color: #000000 = colore scritta
    - background-color: #C6ECFF = colore di sfondo
    - border: 3px = spessore bordo in pixel
    - solid #3939FF = colore bordo





    Cornice doppia



    CODICE
    <div style="border: 4px double #FFAAAA; width: 400px;">Inserisci qui la firma</div>


    Inserisci qui la firma





    Scritta su sfondo colorato



    CODICE
    <div style="padding: 1px; background-color: #7171FF; color: #FFFFFF; font-size: 9px; font-family: georgia; text-align: left; width: 200px; line-height: 10px;"> testo testo testo testo testo testo</div>


    testo testo testo testo testo testo


    - background-color: = colore di sfondo
    - color= colore testo




    Testo fra due righe colorate



    CODICE
    <div style="border-bottom:1px solid #CODICE ESADECIMALE;border-top:1px solid #CODICE ESADECIMALE">testo</div>

    testo





    Doppio bordo, effetto tratteggiato e cornice spessa



    CODICE
    <div align="center"><fieldset style="border: 1px dashed #CODICE ESADECIMALE; margin: 0px; padding: 1px; width:140px"><fieldset style="border: 3px solid #CODICE ESADECIMALE; margin: 0px; width: 140px"><center>testo</center></fieldset></fieldset></div>

    testo






    Bordo più spesso sopra e sotto



    CODICE
    <div align="center"><div style="width: 140px; background-color: #CODICE ESADECIMALE; border: 10px solid #CODICE ESADECIMALE; border-right: 3px solid #CODICE ESADECIMALE; border-left: 3px solid #CODICE ESADECIMALE; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; font-size: 11px; font-family: tahoma; text-align: justify; padding: 15px; line-height:80%">testo</div></div>

    testo





    Bordo arrotondato



    CODICE
    <div align="center"><div style=" background-color: #CODICE ESADECIMALE; -moz-border-radius-topleft: 9px; -moz-border-radius-bottomright: 9px; -webkit-border-radius: 9px; border: 0; padding: 4px; width: 230px; color: #CODICE ESADECIMALE; font-size: 10px; font-family: georgia; text-align: center;" > testo testo  </div><div style=" background-color: transparent; border-bottom: 2px dotted #CODICE ESADECIMALE; padding: 0; width: 240px; height: 3px; color: #CODICE ESADECIMALE; font-size: 10px; font-family: verdana; text-align: center;" ></div>
    </div>

    testo testo






    Riquadro con testo e immagine, sfondo colorato



    CODICE
    <div align=center><div style="background-color:#CODICE COLORE; color:#666666; font-size:9px; font-family:georgia; text-align:left; width:NUMERO CHE INDICA LA LARGHEZZA DEL RETTANGOLOpx; -moz-border-radius: 11px; padding:6px; line-height:8px;"><div><table border="0">

    <tr>
    <td>[IMG]LINK DIRETTO IMMAG[/IMG]</td>
    <td>
    SCRIVI QUEL CHE VUOI QUI
    </td>
    </tr>
    </table></div></div></div>





    Cornice spessa con dentro immagine allineata e testo


    CODICE
    <div align=center><div style="Border: NUMERO SPESSORE DEL BORDOpx solid#COLORE DEL BORDO; color:#666666; font-size:9px; font-family:georgia; text-align:left; width: 250px; -moz-border-radius: 11px; padding:6px; line-height:8px;"><div><table >

    <tr>
    <td>LINK IMMAGINE</td>
    <td><div style="overflow:auto; height:100px">TESTO</div></td>
    </tr>

    </table></div></div></div>


    Volendo si può aggiungere anche una scrollbar:
    CODICE
    <div style="overflow:auto; height:NUMERO DI PIXEL CHE INDICA L'ALTEZZA MASSIMA DEL TESTO PRIMA CHE SI ATTIVI LA BARRA DI SCORRIMENTOpx"> TESTO TESTO </div>


    Edited by Hamm - 3/11/2022, 19:10
     
    Top
    .
  7.  
    .
    Avatar

    Senior Member

    Group
    Administrator
    Posts
    18,082
    Location
    Da casa mia

    Status
    Offline
    Generatore interattivo di tabelle con grafica uguale a quella del forum


    http://ffmagazine.forumfree.it/?pag=tablecreator
     
    Top
    .
  8.  
    .
    Avatar

    Senior Member

    Group
    Administrator
    Posts
    18,082
    Location
    Da casa mia

    Status
    Offline
    Guida Tabella Slide con effetto Fade

    http://ffmagazine.forumfree.it/?t=48148627



    Immagini ai lati del container

    In Gestione HTML -> Codice che sarà mostrato in cima a tutte le pagine, inserisci questo
    HTML
    CODICE
    <div style="position:absolute;right: 0; width: 120px;"><img src="LINK_IMMAGINE"></div>


    per l'immagine a destra, e questo
    HTML
    CODICE
    <div style="position:absolute;left: 0; width: 120px;"><img src="LINK_IMMAGINE"></div>


    per l'immagine a sinistra.

    Edited by Hamm - 3/11/2022, 19:11
     
    Top
    .
  9.  
    .
    Avatar

    Senior Member

    Group
    Administrator
    Posts
    18,082
    Location
    Da casa mia

    Status
    Offline
    Dove modificare le dimensioni del font nella skin

    indico che codici devi toccare per i caratteri nei post:
    Per i font nei post cerca .color
    Per i font nel form di scrittura .forminput
    Per il font nella descrizione sezione .desc
    Per editare il font "modificato da" .edit
    Queste sono le stringhe di codice in CdA:
    CITAZIONE
    .desc {font-size: 10pt; color: #8E6F55}

    .edit {font-size: 9px; color: #AD8C6D}

    .color {color: #755E47; font-size: 10.5pt; line-height: 150%}

    .textinput {background-color: #E6C6A5; border:solid 1px #BA7C7C; color: #755E47; font-size: 10.5pt; font-family: verdana; vertical-align: middle}

    Consiglio di rimanere sul 10pt o 10.5pt, come ho impostato qui.(CdA)
     
    Top
    .
  10.  
    .
    Avatar

    Senior Member

    Group
    Administrator
    Posts
    18,082
    Location
    Da casa mia

    Status
    Offline
    CITAZIONE (Sherazade~ @ 12/10/2016, 12:41) 

    Testo con alone



    CODICE
    <div style="width:100%;filter:glow(color=FF0000)">testo con l'alone</div>

    testo con l'alone





    Testo sovrapposto 1



    CODICE
    <p align="center"><font style="text-decoration:none; font-family: impact; font-size: 20px; color: #f5c2ee; line-height: 6px;">Testo sotto</font>
    <font style="text-decoration:none; font-family: arial; color:#8e3482 ; font-size: 30px;">testo sopra</font></p>

    Testo sotto
    testo sopra






    Testo sovrapposto 2



    CODICE
    <font style="text-decoration:none; font-family: Maiandra GD; font-size: 50px; color: yellow; eight: 35px;">
    BLABLABLA</font>
    <font style="text-decoration:none; font-family: Century Gothic; color: red; font-size: 30px;">perchè te mi hai BLABLABLA</font>
    </div>



    BLABLABLA

    perchè te mi hai BLABLABLA





    Testo sovrapposto 3



    CODICE
    <font style="font-family: georgia; text-transform: uppercase; color:#60ae95; font-size: 20pt; text-decoration: none">testo</font>
    <font style="font-family: georgia; text-transform: lowercase; text-shadow: 2px 2px 2px #636464; font-size: 20pt; color: #363636; line-height: 0px; font-style: italic">SOVRAPPOSTO</font>


    testo
    SOVRAPPOSTO
     
    Top
    .
9 replies since 7/2/2014, 20:40   150 views
  Share  
.
Top