Script HTML/Css

« Older   Newer »
 
  Share  
.
  1. _Noah_
    view post Posted on 11/5/2012, 09:47
        +1   -1
     
    .

    User deleted
    MENU LATERALE (Da aggiungere in -> Gestione HTML -> IN CIMA)
    CODICE
    <!-- Prelevato da Forumfree Fast Scripts -->
    <script type="text/javascript">var moving, menuRows=1, htmlItems='';function move(b){clearTimeout(moving); if(b<0&&parseInt(Menu.left)>-Width||b>0&&parseInt(Menu.left)<0){moving=setTimeout('move('+b+')',slideSpeed); theleft+=b; Menu.left=theleft+'px'}} function startMenu(menu,barText){document.write('<div id=ssm style="width:'+(Width+30)+'px; left:-'+(Width)+'px; top:'+Yoffset+'px; '+(isStatic?'':'top:expression('+Yoffset+'+(y=document.body.scrollTop)+\'px\'); position:fixed!important; ')+'position:absolute; z-index:9" onmouseover=move(10) onmouseout="clearTimeout(moving); moving=setTimeout(\'move(-10)\',waitTime)"><table class=mainbg width=100% cellpadding=4 cellspacing=1><tr><td class=title align=center><b>'+menu+'<\/b><td class=ww rowspan='+menuRows+' style="height:50;width:20px;padding:12px 4px 12px 4px;font-size:10pt;font-weight:bold" align=center valign=middle>'+barText); Menu=document.getElementById("ssm").style; theleft=-Width}function addItem(text,link){menuRows++; htmlItems+='<tr><td class=aa><span class=web><a HREF='+link+'>'+text+'<\/a><\/span>'} function endMenu(){document.write(htmlItems+'<\/table><\/div>')} if(document.getElementById){isStatic=false; Yoffset=20; Width=130; slideSpeed=20; waitTime=500;

    addItem("NOME","URL TOPIC/SEZIONE");

    startMenu("","URL IMMAGINE");
    endMenu()
    }
    </script>



    FIRME BLOCCATE IN DETERMINATE SEZIONI (Da aggiungere in -> Gestione HTML -> IN CIMA)
    CODICE
    <!-- Prelevato da Forumfree Fast Scripts -->
    <script type="text/javascript">sign=1;

    if(document.title.indexOf("NOME SEZIONE")!=-1) sign=0;
    if(document.title.indexOf("NOME SEZIONE")!=-1) sign=0;
    if(document.title.indexOf("NOME SEZIONE")!=-1) sign=0;
    if(document.title.indexOf("NOME SEZIONE")!=-1) sign=0;
    if(document.title.indexOf("NOME SEZIONE")!=-1) sign=0;

    if(sign==0) document.write("<style>.signature, .bottomborder {display: none}<\/style>")
    </script>



    ICONA IN BASSO A DX/SX CHE TI PORTA AD UNA DETERMINATA PAG (Da aggiungere in -> Gestione HTML -> IN CIMA)
    CODICE
    <div style="right:65px; bottom:30px; bottom:expression(20-(y=document.body.scrollTop)+\'px\'); position:fixed!important; position:absolute; z-index:9">
    <a href="javascript:scroll(0, 0)"><img class="immaginefade" src="http://oi50.tinypic.com/tz028.jpg"></a></div>



    ULTERIORI STATISTICHE IN BASSO AL FORUM
    CODICE
    <!-- Prelevato da Forumfree Fast Scripts -->
    <script type="text/javascript">stats='MESSAGGIO DA INSERIRE';
    </script>



    SCRITTA CHE SEGUE IL CURSORE (Da aggiungere in -> Gestione HTML -> IN FONDO)
    CODICE
    <!-- Generato con il FFMag FastScripts Script by ~ DarkStyle -->
    <style>.spanstyle {position: absolute; visibility: visible; top: -50px; left: 0; font-family: "segoe ui", Verdana, Arial; z-index: 9; font-weight: bold; color: red}</style>

    <script type="text/javascript">
    /*
    Cursor Trailer Text- By Peter Gehrig (http://www.24fun.ch/)
    Thanks to Dynamic Drive: http://www.dynamicdrive.com/dynamicindex13/trailortext.htm
    ***************************************************************************************************
    Edited by DarkStyle / Modificato da DarkStyle
    Made compatible with Forumfree by DarkStyle / Reso compatibile con Forumfree da DarkStyle
    Made compatible with gecko browsers (Mozilla, Opera, ...) by DarkStyle / Reso compatibile con i browsers gecko (Mozilla, Opera, ...) da DarkStyle
    (C) 2009 http://ffmagazine.forumfree.net
    */
    var x,y; var flag = 0;

    var offPos = 10; //Distanza dal cursore
    var trailerSpeed = 'medium'; //'slow', 'medium', 'fast' o valore numerico - Velocità del fade
    // Il tuo messaggio in array (Forum free : var trailerMessage = new Array("F", "o", "r", "u", "m", " ", "F", "r", "e", "e"); )
    var trailerMessage = new Array("†", "R", "e", "s", "i", "d", "e", "n", "t", " ", "E", "v", "i", "l", " ", "P", "r", "o", "j", "e", "c", "t", "†");

    switch(trailerSpeed) {case 'medium':trailerSpeed=30;break; case 'slow':trailerSpeed=50;break; case 'fast':trailerSpeed=10;break;} var ind = new function() {this.i = 0;}; var xpos = new Array(); for (i = 0; i < trailerMessage.length; i++) {ind.i = i; xpos[ind.i] = -50;} var ypos = new Array(); for (i = 0; i < trailerMessage.length; i++) {ind.i = i; ypos[ind.i] = -50;}var IE = document.all ? true : false; if (!IE) document.captureEvents(Event.MOUSEMOVE); document.onmousemove = function(e) { if (IE) {x = event.clientX + document.body.scrollLeft; y = event.clientY + document.body.scrollTop;} else {x = e.pageX; y = e.pageY;} x = x < 0 ? 0 : x; y = y < 0 ? 0 : y; flag = 1;}; function makesnake() {if (flag == 1 && IE) {for (i = trailerMessage.length-1; i >= 1; i--) {ind.i = i; xpos[ind.i] = xpos[ind.i - 1] + offPos; ypos[ind.i] = ypos[ind.i - 1];} xpos[0] = x + offPos; ypos[0] = y + offPos; for (i = 0; i < trailerMessage.length; i++) {ind.i = i; var thisspan = document.getElementById('span' + ind.i).style; thisspan.posLeft = xpos[ind.i]; thisspan.posTop = ypos[ind.i];}} else if (flag == 1 && !IE) {for (i = (trailerMessage.length - 1); i >= 1; i--) {ind.i = i; xpos[ind.i] = xpos[ind.i - 1] + offPos; ypos[ind.i] = ypos[ind.i - 1];} xpos[0] = x + offPos; ypos[0] = y + offPos; for (i = 0; i < trailerMessage.length; i++) {ind.i = i; var thisspan = document.getElementById('span' + ind.i); thisspan.style.left = xpos[ind.i]; thisspan.style.top = ypos[ind.i];}} var timer = setTimeout("makesnake()", trailerSpeed);}for (i=0;i<=trailerMessage.length-1;i++) {ind.i = i; trailerMessage[ind.i] = trailerMessage[ind.i] == ' ' ? ' ' : trailerMessage[ind.i]; document.write('<span id="span' + ind.i + '" class="spanstyle">' + trailerMessage[ind.i] + '</span>');} window.onload = makesnake(); var body = document.body ? document.body : (document.activeElement ? document.activeElement : 0); if(body) {body.style.overflowX = 'hidden'; body.style.overflowY = 'auto'; body.style.minHeight = 0; body.style.width = '100%';}
    </script>



    APERTURA SPOILER SINGOLO (Da aggiungere in -> Gestione HTML -> IN FONDO)
    CODICE
    <script type="text/javascript"><!--
    /* =======================================
    // Single Spoiler Opener - Apertura Spoiler Singoli
    // Realizzato da Bowser
    // (C) 2010 http://ffmagazine.forumfree.it
    // Versione: 1.0 - Ultima modifica: 24/01/2010 20:42
    // ======================================= */
    if(document.URL.indexOf('?t=')!=-1){function spoil(){var obj=this.parentNode;while(obj=obj.nextSibling)if(obj&&obj.style)break;obj.style.display=(obj.style.display=='block')?'none':'block';return false}var pagelinks=document.links,arrlen=pagelinks.length;for(i=0;i<arrlen;++i){var ind=new function(){this.i=i};if(pagelinks[ind.i].href=='javascript:spoiler()'){pagelinks[ind.i].onclick=spoil;pagelinks[ind.i].href='#'}}}
    //--></script>

    Aggiungere poi in Gestione CSS
    CODICE
    .spoiler .code .code {display: block}


    COLORI AGGIUNTIVI IN LISTA COLORI
    CODICE
    <script type="text/javascript"><!--
    if(document.URL.indexOf('act=Post')!=-1||document.URL.indexOf('?t=')!=-1||document.URL.indexOf('act=Msg&CODE=04')!=-1)
    {
    var color=new Array("Color_Name_1","Color_Name_2");
    var nomi={Color_Name_1: 'Nome_1', Color_Name_2: 'Nome_2'}

    var y=document.getElementsByName("COLOR")[0];
    for(i=0; i<color.length; i++)
    y.options[y.options.length]=new Option(nomi[color[i]] ,color[i]);
    y.options[y.options.length - 1].style.color =color[i];
    }
    //--></script>

    CITAZIONE
    var color=new Array("Color_Name_1","Color_Name_2")

    Al posto di Color_Name_n° aggiungere il nome del colore nella lista postata sotto.
    CITAZIONE
    var nomi={Color_Name_1: 'Nome_1', Color_Name_2: 'Nome_2'}

    Al posto di Color_Name_n° anche quì mettere il nome del color, mentre sostituire Nome_n° con il codice del colore.

    Aggiungere in Gestione CSS
    CODICE
    /* COLORI AGGIUNTIVI */
    .codebuttons [value="NOME COLORE"] {color: CODICE COLORE}
    .codebuttons [value="NOME COLORE"] {color: CODICE COLORE}

    Codici e nomi da prendere QUI


    LOGO CHE CAMBIA AD OGNI AGGIORNAMENTO [da inserire in Gestione HTML -> in Cima
    CODICE
    <script type="text/javascript"><!--
    var ran=new Array();

    ran[0]='<img src="indirizzo_immagine1">';
    ran[1]='<img src="indirizzo_immagine2">';
    ran[2]='<img src="indirizzo_immagine3">';

    var id=Math.round(Math.random()*(ran.length-1)); document.write(ran[id]);
    //--></script>


    Mentre se si vuole il logo che cambia la click, serve questo script
    CODICE
    <script type="text/javascript"><!--
    var ran=new Array();

    ran[0]='<a href="LINK FORUM"><img src="LINK IMMAGINE"></a>';
    ran[1]='<a href="LINK FORUM"><img src="LINK IMMAGINE"></a>';
    ran[2]='<a href="LINK FORUM"><img src="LINK IMMAGINE"></a>';

    var id=Math.round(Math.random()*(ran.length-1)); document.write(ran[id]);
    //--></script>



    SCRIPT NEVE (da aggiungere in -> HTML -> In cima)
    CODICE
    <script type="text/javascript">
    /* ------------------------------------------------------ */
    /* Script realizzato da Phoenìx - ffmagazine.forumfree.it */
    /* ----------- Inizio configurazione script ------------- */

    var numero_fiocchi = 90;
    var velocita = 4;
    var densita = 2;

    /* ------------ Fine configurazione script -------------- */
    /* -------------- Non modificare da qui! ---------------- */
    if(navigator.userAgent.indexOf("Opera")==-1){if(navigator.userAgent.indexOf("MSIE")==-1){document.write("<style>.p_fiocco {display: none; position: fixed; z-index: 9 !important}</style>\n<div id='flakes'>");for(var i=0;i<numero_fiocchi;i++){document.write('<div id="fiocco_'+(i+1)+'" class="p_fiocco"><div class="fiocco"></div></div>')}document.write("</div>");var flakes_status=new Array();var x=setInterval("Algorythm()",velocita*100)}}function Algorythm(){for(var i=0;i<densita;i++){var cId=Randomize(1,numero_fiocchi);if(flakes_status.indexOf(cId)==-1){flakes_status.push(cId);document.getElementById("fiocco_"+cId).children[0].setAttribute("style","top: 0; left: "+Randomize(1,window.innerWidth)+"px");document.getElementById("fiocco_"+cId).style.display="block"}}}function Randomize(min,max){return Math.floor(Math.random()*max)+min}
    </script>


    Questo in Colori e Stili
    SPOILER (clicca per visualizzare)
    CODICE
    /* Inizio script neve che scende [v2.0] */
    /* Codice sviluppato da Phoenìx - ffmagazine.forumfree.it */
    .fiocco {background-image: url('http://skin.forumfree.net/christmas/snow.png'); width: 22px; height: 24px; background-color: transparent; background-repeat: no-repeat; position: fixed}

    /* Script neve che scende [v2.0] core, non modificare da qui! */
    .fiocco {-moz-animation:anim 25s; -moz-animation-timing-function:linear; -moz-animation-iteration-count:infinite; -webkit-animation:anim 25s; -webkit-animation-timing-function:linear; -webkit-animation-iteration-count:infinite; animation:anim 25s; animation-timing-function:linear; animation-iteration-count:infinite} @-moz-keyframes anim {0% {top: 0%; margin-left: 2px} 2% {top: 2%; margin-left: 0} 4% {top: 4%; margin-left: -2px} 6% {top: 6%; margin-left: 0} 8% {top: 8%; margin-left: 2px} 10% {top: 10%; margin-left: 0} 12% {top: 12%; margin-left: -2px} 14% {top: 14%; margin-left: 0} 16% {top: 16%; margin-left: 2px} 18% {top: 18%; margin-left: 0} 20% {top: 20%; margin-left: -2px} 22% {top: 22%; margin-left: 0} 24% {top: 24%; margin-left: 2px} 26% {top: 26%; margin-left: 0} 28% {top: 28%; margin-left: -2px} 30% {top: 30%; margin-left: 0} 32% {top: 32%; margin-left: 2px} 34% {top: 34%; margin-left: 0} 36% {top: 36%; margin-left: -2px} 38% {top: 38%; margin-left: 0} 40% {top: 40%; margin-left: 2px} 42% {top: 42%; margin-left: 0} 44% {top: 44%; margin-left: -2px} 46% {top: 46%; margin-left: 0} 48% {top: 48%; margin-left: 2px} 50% {top: 50%; margin-left: 0} 52% {top: 52%; margin-left: -2px} 54% {top: 54%; margin-left: 0} 56% {top: 56%; margin-left: 2px} 58% {top: 58%; margin-left: 0} 60% {top: 60%; margin-left: -2px} 62% {top: 62%; margin-left: 0} 64% {top: 64%; margin-left: 2px} 66% {top: 66%; margin-left: 0} 68% {top: 68%; margin-left: -2px} 70% {top: 70%; margin-left: 0} 72% {top: 72%; margin-left: 2px} 74% {top: 74%; margin-left: 0} 76% {top: 76%; margin-left: -2px} 78% {top: 78%; margin-left: 0} 80% {top: 80%; margin-left: 2px} 82% {top: 82%; margin-left: 0} 84% {top: 84%; margin-left: -2px} 86% {top: 86%; margin-left: 0} 88% {top: 88%; margin-left: 2px} 90% {top: 90%; margin-left: 0} 92% {top: 92%; margin-left: -2px} 94% {top: 94%; margin-left: 0} 96% {top: 96%; margin-left: 2px} 98% {top: 98%; margin-left: 0} 100% {top: 100%; margin-left: -2px}} @-webkit-keyframes anim {0% {top: 0%; margin-left: 2px} 2% {top: 2%; margin-left: 0} 4% {top: 4%; margin-left: -2px} 6% {top: 6%; margin-left: 0} 8% {top: 8%; margin-left: 2px} 10% {top: 10%; margin-left: 0} 12% {top: 12%; margin-left: -2px} 14% {top: 14%; margin-left: 0} 16% {top: 16%; margin-left: 2px} 18% {top: 18%; margin-left: 0} 20% {top: 20%; margin-left: -2px} 22% {top: 22%; margin-left: 0} 24% {top: 24%; margin-left: 2px} 26% {top: 26%; margin-left: 0} 28% {top: 28%; margin-left: -2px} 30% {top: 30%; margin-left: 0} 32% {top: 32%; margin-left: 2px} 34% {top: 34%; margin-left: 0} 36% {top: 36%; margin-left: -2px} 38% {top: 38%; margin-left: 0} 40% {top: 40%; margin-left: 2px} 42% {top: 42%; margin-left: 0} 44% {top: 44%; margin-left: -2px} 46% {top: 46%; margin-left: 0} 48% {top: 48%; margin-left: 2px} 50% {top: 50%; margin-left: 0} 52% {top: 52%; margin-left: -2px} 54% {top: 54%; margin-left: 0} 56% {top: 56%; margin-left: 2px} 58% {top: 58%; margin-left: 0} 60% {top: 60%; margin-left: -2px} 62% {top: 62%; margin-left: 0} 64% {top: 64%; margin-left: 2px} 66% {top: 66%; margin-left: 0} 68% {top: 68%; margin-left: -2px} 70% {top: 70%; margin-left: 0} 72% {top: 72%; margin-left: 2px} 74% {top: 74%; margin-left: 0} 76% {top: 76%; margin-left: -2px} 78% {top: 78%; margin-left: 0} 80% {top: 80%; margin-left: 2px} 82% {top: 82%; margin-left: 0} 84% {top: 84%; margin-left: -2px} 86% {top: 86%; margin-left: 0} 88% {top: 88%; margin-left: 2px} 90% {top: 90%; margin-left: 0} 92% {top: 92%; margin-left: -2px} 94% {top: 94%; margin-left: 0} 96% {top: 96%; margin-left: 2px} 98% {top: 98%; margin-left: 0} 100% {top: 100%; margin-left: -2px}} @keyframes anim {0% {top: 0%; margin-left: 2px} 2% {top: 2%; margin-left: 0} 4% {top: 4%; margin-left: -2px} 6% {top: 6%; margin-left: 0} 8% {top: 8%; margin-left: 2px} 10% {top: 10%; margin-left: 0} 12% {top: 12%; margin-left: -2px} 14% {top: 14%; margin-left: 0} 16% {top: 16%; margin-left: 2px} 18% {top: 18%; margin-left: 0} 20% {top: 20%; margin-left: -2px} 22% {top: 22%; margin-left: 0} 24% {top: 24%; margin-left: 2px} 26% {top: 26%; margin-left: 0} 28% {top: 28%; margin-left: -2px} 30% {top: 30%; margin-left: 0} 32% {top: 32%; margin-left: 2px} 34% {top: 34%; margin-left: 0} 36% {top: 36%; margin-left: -2px} 38% {top: 38%; margin-left: 0} 40% {top: 40%; margin-left: 2px} 42% {top: 42%; margin-left: 0} 44% {top: 44%; margin-left: -2px} 46% {top: 46%; margin-left: 0} 48% {top: 48%; margin-left: 2px} 50% {top: 50%; margin-left: 0} 52% {top: 52%; margin-left: -2px} 54% {top: 54%; margin-left: 0} 56% {top: 56%; margin-left: 2px} 58% {top: 58%; margin-left: 0} 60% {top: 60%; margin-left: -2px} 62% {top: 62%; margin-left: 0} 64% {top: 64%; margin-left: 2px} 66% {top: 66%; margin-left: 0} 68% {top: 68%; margin-left: -2px} 70% {top: 70%; margin-left: 0} 72% {top: 72%; margin-left: 2px} 74% {top: 74%; margin-left: 0} 76% {top: 76%; margin-left: -2px} 78% {top: 78%; margin-left: 0} 80% {top: 80%; margin-left: 2px} 82% {top: 82%; margin-left: 0} 84% {top: 84%; margin-left: -2px} 86% {top: 86%; margin-left: 0} 88% {top: 88%; margin-left: 2px} 90% {top: 90%; margin-left: 0} 92% {top: 92%; margin-left: -2px} 94% {top: 94%; margin-left: 0} 96% {top: 96%; margin-left: 2px} 98% {top: 98%; margin-left: 0} 100% {top: 100%; margin-left: -2px}}
    /* Fine script neve che scende [v2.0] */


    THUMBNAIL (HTML -> posizione tabella)
    CODICE
    <!--THUMBNAIL**********************************-->

    <a class="thumbnail" href="LINK PROFILO"><img src="URL IMMAGINE PICCOLA"><span><img src="URL IMMAGINE GRANDE"><br>
    <b>NICK<br>GRUPPO</b></span>
    &nbsp &nbsp


    Colori e Stili
    CODICE
    /* THUMB */
    .thumbnail {position: relative; z-index: 8; text-decoration: none !important}
    .thumbnail:hover {background: transparent; z-index: 9}
    .thumbnail > span {display: none; position: absolute; top: 0; left: 60px; padding: 5px}
    .thumbnail > span img {padding: 2px}
    .thumbnail:hover > span {display: block; border: 1px dashed gray; background-color: #FFF; color: black}
    .thumbnail:hover span span {display: inline; border: none}


    Edited by ~Noah~ - 10/1/2014, 23:25
     
    Top
    .
0 replies since 11/5/2012, 09:47   280 views
  Share  
.

Bacheca
Create your forum and your blog! · Top Forum · Categories · Help · Status · Contacts · Powered by ForumCommunity