Codici utili per forum

« Older   Newer »
 
  Share  
.
  1.  
    .
    Avatar

    Regina

    Group
    Admin
    Posts
    4,245
    Location
    Dalle braccia di Zero <3

    Status
    Dead
    Per mettere le scritte a fianco di una immagine
    CODICE
    <table>
    <tr><td>Mettere qui l'immagine</td>
    <td>Scritte...scritte.....</td></tr></table>


    Menù a tendina
    CODICE
    <select>
    <option value="1">prova1</option>
    <option value="2">prova2</option>
    <option value="3">prova3</option>
    <option value="1">prova4</option>
    <option value="2">prova5</option>
    <option value="3">prova6</option>
    </select>


    Testo o immagine che si ferma al passaggio del mouse
    CODICE
    <marquee onmouseover="this.stop()" onmouseout="this.start()">Testo/Immagine</marquee>


    Sfondo in firma
    CODICE
    <div style="background-image:url(http://i25.tinypic.com/4geuv.png)"><div style="background-image:url(Mettere qui lo sfondo)">METTERE QUA LA FIRMA</div>


    Barra testo scorrevole
    CODICE
    <div style="overflow:auto; height:30px;">
    SUGARSUGARSUGARSUGAR
    </div>


    Bottoncino
    CODICE
    <button>testooo</button>



    Testo rimbalzante
    CODICE
    <marquee behavior=alternate>Testo o immagine </marquee>


    Scritta scorrevole con sfondo

    Testo qui


    CODICE
    <marquee bgcolor="#FFAAFF" width="100%">Testo qyu</marquee>


    Frasi una sopra l'altra

    QUI IL TESTO CHE VUOI SOTTO
    QUI IL TESTO CHE VUOI SOPRA



    CODICE
    <p align="center"><font style="text-decoration:none; font-family: impact; font-size: 20px; color: #f5c2ee; line-height: 6px;">QUI IL TESTO CHE VUOI SOTTO </font>
    <font style="text-decoration:none; font-family: arial; color:#8e3482 ; font-size: 30px;">QUI IL TESTO CHE VUOI SOPRA</font></p>


    Testo sbarrato

    Testo

    CODICE
    <s>Testo</s>




    CODICE
    <hr>

    Testo a destra

    TESTO


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

    Testo al centro;

    TESTO


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

    Immagine nel profilo:
    CODICE
    <img src=LINK IMMAGINE width="148" height="44">

    Barra scorrevole

    CODICE
    <textarea>TESTO</textarea>

    Altra barra scorrevole

    dhasdhasdhasdhasdhahsd

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


    Testo dall'alto verso il basso
    Testo
    CODICE
    <marquee align="middle" scrollamount="1" height="100" vspace="20" width="100%" direction="up"scrolldelay="1">Testo</marquee>


    Testo lampeggiante
    Testo qui
    CODICE
    <marquee direction="up" scrollAmount=35 height="40" width="80%">Testo qui</marquee>


    Testo a zig zag
    gfgf
    CODICE
    <marquee direction="up" behavior="alternate" height="200"><marquee behavior="alternate" width="30%">gfgf</marquee></marquee>


    SAUUU
    CODICE
    <marquee scrollamount="5" direction="up" style="background-color: pink; width: 200px; height: 30px; border: 2px solid black;">SAUUUUUU</marquee>




    SCRITTE ARCOBALENO AL PASSAGGIO DEL MOUSE

    Dovete metterlo su "Gestione Codice HTML" -> "In cima al sito".
    Il codice è questo:

    CODICE
    <!-- Prelevato nel Forum di Supporto di ForumFree.net e ForumCommunity.net -->
    <script type="text/javascript">var rate = 20 // Increase amount(The degree of the transmutation)
    var obj // The object which event occured in
    var act = 0 // Flag during the action
    var elmH = 0 // Hue
    var elmS = 128 // Saturation
    var elmV = 255 // Value
    var clrOrg // A color before the change
    var TimerID // Timer ID

    if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) {Browser = true} else {Browser = false}if (Browser) {document.onmouseover = doRainbowAnchor; document.onmouseout = stopRainbowAnchor}function doRainbow(){if (Browser && act != 1) {act = 1; obj = event.srcElement; clrOrg = obj.style.color;TimerID = setInterval("ChangeColor()",100)}}function stopRainbow(){if (Browser && act != 0) {obj.style.color = clrOrg; clearInterval(TimerID); act = 0}}function doRainbowAnchor(){if (Browser && act != 1) {obj = event.srcElement; while (obj.tagName != 'A' && obj.tagName != 'BODY') {obj = obj.parentElement; if (obj.tagName == 'A' || obj.tagName == 'BODY')break}if (obj.tagName == 'A' && obj.href != '') {act = 1; clrOrg = obj.style.color; TimerID = setInterval("ChangeColor()",100)}}}function stopRainbowAnchor(){if (Browser && act != 0) {if (obj.tagName == 'A') {obj.style.color = clrOrg; clearInterval(TimerID); act = 0}}}function ChangeColor(){obj.style.color = makeColor()}function makeColor(){if (elmS == 0) {elmR = elmV; elmG = elmV; elmB = elmV}else {t1 = elmV; t2 = (255 - elmS) * elmV / 255; t3 = elmH % 60; t3 = (t1 - t2) * t3 / 60; if (elmH < 60) {elmR = t1; elmB = t2; elmG = t2 + t3}else if (elmH < 120) {elmG = t1; elmB = t2; elmR = t1 - t3}else if (elmH < 180) {elmG = t1; elmR = t2; elmB = t2 + t3}else if (elmH < 240) {elmB = t1; elmR = t2; elmG = t1 - t3}else if (elmH < 300) {elmB = t1; elmG = t2; elmR = t2 + t3}else if (elmH < 360) {elmR = t1; elmG = t2; elmB = t1 - t3}else {elmR = 0; elmG = 0; elmB = 0}}elmR = Math.floor(elmR); elmG = Math.floor(elmG); elmB = Math.floor(elmB); clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16); elmH = elmH + rate; if (elmH >= 360)elmH = 0; return clrRGB}</script>


    <script type="text/javascript">

    var immagine='http://img174.imageshack.us/img174/7996/cufm7.gif';
    var code = '';
    if (document.all) {
    code += '<span ID="pointer" STYLE="position: absolute; left: -100">';
    code += '<img NAME="pointerImg" SRC="' + immagine + '" BORDER=0>';
    code += '</span>';
    } else {
    code += '<layer ID="pointer" POSITION="absolute" LEFT="-100">';
    code += '<img ID="pointerImg" SRC="' + immagine + '" BORDER=0>';
    code += '</layer>';
    }
    document.write(code);

    if(document.layers) document.captureEvents(Event.MOUSEMOVE);
    document.onmousemove = coordinate;

    function coordinate(e) {
    if (document.layers) {
    document.layers.pointer.left = e.pageX + 8;
    document.layers.pointer.top = e.pageY + 8;
    }
    if (document.all) {
    pointer.style.left = event.clientX + document.body.scrollLeft + 8;
    pointer.style.top = event.clientY + document.body.scrollTop + 8;
    }
    return true;
    }
    </script>


    PER METTERE LE IMMY IN TABELLA (con riferimento al profilo)

    In fondo al forum (HTML):

    CODICE
    <style type="text/css">

    .thumbnail{
    position: relative;
    z-index: 0;
    }

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

    .thumbnail span{ /*CSS for enlarged image*/
    position: absolute;
    background-color: black;
    padding: 5px;
    left: -1000px;
    border: 1px dashed gray;
    visibility: hidden;
    color: #C655FF;
    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>


    Quetto nello spazio dove ci sono le immy in tabella:

    CODICE
    <p><a class="thumbnail" href="LINK PROFILO"><img src="LINK IMMAGINE PICCOLA" width="15px" height="50px" border="0"><span><img src="LINK IMMAGINE GRANDE (NASCOSTA)"><br> <b> Nick -....<br> occupazione</b><br>


    bisogna ovviamente cambiare i valori delle misure e i colori in caso di necessità ...



    Edited by ..:Gaki Girl:.. - 19/4/2009, 16:35
     
    Top
    .
  2. ..:Gaki Girl:..
     
    .

    User deleted


    Raga ho qui il codice x le scritte arcobaleno al passaggio del mouse....il codice e tt lo metto su
     
    Top
    .
  3. {_ Yuriko ~
     
    .

    User deleted


    sisi mettilo *-*
     
    Top
    .
  4. ..:Gaki Girl:..
     
    .

    User deleted


    messo^^
     
    Top
    .
  5. » Vero Chan ~
     
    .

    User deleted


    cavolo grazie mile ho messo nel mio foum quelo della scritta arcobaleno!!!!!!!!!!!
     
    Top
    .
  6. {_ Yuriko ~
     
    .

    User deleted


    accie *-*
     
    Top
    .
  7.  
    .
    Avatar

    Regina

    Group
    Admin
    Posts
    4,245
    Location
    Dalle braccia di Zero <3

    Status
    Dead
    bravissima <33
    più sono meglio è
     
    Top
    .
  8. {_ Yuriko ~
     
    .

    User deleted


    già *Q*

    messo il codice per le immy dello staff in tabella ... può essere utile *-*
     
    Top
    .
  9. ..:Gaki Girl:..
     
    .

    User deleted


    ok
     
    Top
    .
  10. ..:Baby Bimba:..
     
    .

    User deleted


    io ho preso la scritta arcobaleno al passaggio del mouse!!
     
    Top
    .
  11. ..:Gaki Girl:..
     
    .

    User deleted


    ^^

    Raga sapete il codice del bottoncino che appare all'improvviso e tu clikki sempre ok?
     
    Top
    .
  12.  
    .
    Avatar

    Regina

    Group
    Admin
    Posts
    4,245
    Location
    Dalle braccia di Zero <3

    Status
    Dead
    Il bottoncino che appare credo non sia disponibile per i forum ma solo per i siti.
    Comunque ho aggiunto il bottone normale (:
     
    Top
    .
  13. ..:Gaki Girl:..
     
    .

    User deleted


    np....i cosi là ci sn mi smbra di aver visto il codice su un sito...cmq se lo trovo lo metto
     
    Top
    .
  14. ..:Gaki Girl:..
     
    .

    User deleted


    Ragazze scusate ma l'ultimo codicea me non va. Mi sapete dire se è sbagliato ?
     
    Top
    .
  15.  
    .
    Avatar

    Regina

    Group
    Admin
    Posts
    4,245
    Location
    Dalle braccia di Zero <3

    Status
    Dead
    Allora devi incollare questo in modifica colori e stili :
    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>


    poi questo dove ci sono le targhette

    CODICE
    <a class="thumbnail" href=><img src=LINK IMMAGINE PICCOLA CHE COMPARE SUL FORUM width="16px" height="53px" border="0" /><span><img src=LINK IMMAGINE CHE SI VEDE AL PASSAGGIO DEL MOUSE /><br />TESTO</span></a>
     
    Top
    .
17 replies since 14/12/2008, 21:40   393 views
  Share  
.