Posts written by .Henry

  1. view post Posted: 16/7/2016, 23:52    
    Mi presento. - Benvenuti
    .
    Benvenuto
  2. view post Posted: 16/7/2016, 13:51    
    Tabella Slide - Archivio Supporto
    .
    Il forum di prova è nascosto
  3. view post Posted: 14/7/2016, 22:56    
    Domanda sullo script Autoup Button V2 - Archivio Supporto
    .
    Prova ad aggiungere questo in Colori e stili:
    CODICE
    input.up_buttons ~ b {display: block; width: 100%; border-radius: 2px; color: #FFF !important; background: #52b781; font-size: 12px !important; text-align: center}
  4. view post Posted: 14/7/2016, 22:36    
    Spaziatura nel CSS - Archivio Supporto
    .
    Cerca il selettore .color e modifica la line-height.
    CODICE
    .color {line-height: 1.525em}
  5. view post Posted: 4/10/2015, 16:37    
    Visualizzazione della Skin - Archivio Supporto
    .
    Prova diminuendo ancora la larghezza:
    CODICE
    .forum .yy {width: 11% !important}
  6. view post Posted: 4/10/2015, 13:48    
    Visualizzazione della Skin - Archivio Supporto
    .
    Ho dimenticato !important
    CODICE
    .forum .yy {width: 12% !important}
  7. view post Posted: 4/10/2015, 10:09    
    Box di Sezione - Script & Servizi
    .
    Puoi inserire il widget degli ultimi topic nelle descrizioni delle varie sezioni:
    CODICE
    [LAST_TOPICS=n:1,sez:IDSEZIONE]

    Quindi ad esempio il primo box diventerà:
    HTML
    <div>
    <a href="?f=993744"><img src="http://i.imgur.com/dVB03MW.gif"><h3>Sez 1</h3></a><br>
    <div style="overflow:auto; height: 20px"><h4>prova 1 jhghjg fdgfd safsfsdf sdfsdgfsdfsd dgdfgdfgfdgd dfgdfgfdgdf dfgdfgdf sfsdfs dfg dfg<br>
    [LAST_TOPICS=n:1,sez:993744]
    </h4></div>
    </div>
  8. view post Posted: 4/10/2015, 09:55    
    Visualizzazione della Skin - Archivio Supporto
    .
    Per le immagini non saprei, magari era un problema momentaneo dell'hosting o qualcosa del genere. Per il problema delle sezioni aggiungi questo in Colori e Stili:
    CODICE
    .forum .yy {width: 12%}
  9. view post Posted: 30/9/2015, 13:17    
    Slideshow allungato verticalmente, come risolvere? - Archivio Supporto
    .
    HTML
    <div class="pannello" id="p2"> <!-- Pannello 2 -->
    <div style="text-align: justify; padding: 0 10px">
    <div style="float: left; margin-right: 15px">
    <a href="http://horrordapaura.forumfree.it/?t=70810608"><img src="http://i58.tinypic.com/2ptxtnp.jpg"></a>
    </div>
    </div>
    </div>
  10. view post Posted: 29/9/2015, 17:27    
    Slideshow allungato verticalmente, come risolvere? - Archivio Supporto
    .
    Alcuni <div> non erano chiusi, questo è il codice corretto:
    SPOILER (clicca per visualizzare)
    HTML
    <div id="slideshow">

    <!-- Radio -->
    <input checked="checked" type="radio" name="pan" id="pan1">
    <input type="radio" name="pan" id="pan2">
    <input type="radio" name="pan" id="pan3">
    <input type="radio" name="pan" id="pan4">
    <input type="radio" name="pan" id="pan5">
    <div id="slides">
    <div id="mask">
    <div class="slide_content">

    <div class="pannello" id="p1"> <!-- Pannello 1 -->
    <div style="font-weight: bold; font-size: 20px; text-align: left">Titolo pannello numero 1</div><div style="text-align: justify; padding: 0 10px">
    <div style="float: left; margin-right: 15px">
    <div style="background: url(http://vigamusmagazine.com/wp-content/uploads/2015/06/babadook_quad_art_3.jpg) no-repeat center 0px;background-size: 100%;width: 350px;height: 250px;margin: 5px 0;box-shadow: 0 0 0 1px rgba(255, 255, 255, .4)"></div></div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis. </div>
    </div>

    <div class="pannello" id="p2"> <!-- Pannello 2 -->
    <div style="font-weight: bold; font-size: 20px; text-align: left">Titolo pannello numero 1</div><div style="text-align: justify; padding: 0 10px">
    <div style="float: left; margin-right: 15px">
    <div style="background: url(http://vigamusmagazine.com/wp-content/uploads/2015/06/babadook_quad_art_3.jpg) no-repeat center 0px;background-size: 100%;width: 350px;height: 250px;margin: 5px 0;box-shadow: 0 0 0 1px rgba(255, 255, 255, .4)"></div></div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis. </div>
    </div>

    <div class="pannello" id="p3"> <!-- Pannello 3 -->
    <div style="font-weight: bold; font-size: 20px; text-align: left">Titolo pannello numero 1</div><div style="text-align: justify; padding: 0 10px">
    <div style="float: left; margin-right: 15px">
    <div style="background: url(http://vigamusmagazine.com/wp-content/uploads/2015/06/babadook_quad_art_3.jpg) no-repeat center 0px;background-size: 100%;width: 350px;height: 250px;margin: 5px 0;box-shadow: 0 0 0 1px rgba(255, 255, 255, .4)"></div></div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis. </div>
    </div>

    <div class="pannello" id="p4"> <!-- Pannello 4 -->
    <div style="font-weight: bold; font-size: 20px; text-align: left">Titolo pannello numero 1</div><div style="text-align: justify; padding: 0 10px">
    <div style="float: left; margin-right: 15px">
    <div style="background: url(http://vigamusmagazine.com/wp-content/uploads/2015/06/babadook_quad_art_3.jpg) no-repeat center 0px;background-size: 100%;width: 350px;height: 250px;margin: 5px 0;box-shadow: 0 0 0 1px rgba(255, 255, 255, .4)"></div></div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis. </div>
    </div>

    <div class="pannello" id="p5"> <!-- Pannello 5 -->
    <div style="font-weight: bold; font-size: 20px; text-align: left">Titolo pannello numero 1</div><div style="text-align: justify; padding: 0 10px">
    <div style="float: left; margin-right: 15px">
    <div style="background: url(http://vigamusmagazine.com/wp-content/uploads/2015/06/babadook_quad_art_3.jpg) no-repeat center 0px;background-size: 100%;width: 350px;height: 250px;margin: 5px 0;box-shadow: 0 0 0 1px rgba(255, 255, 255, .4)"></div></div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis. </div>
    </div>

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

    <div id="active">
    <label for="pan1"></label>
    <label for="pan2"></label>
    <label for="pan3"></label>
    <label for="pan4"></label>
    <label for="pan5"></label>
    </div>


    </div><script type="text/javascript">
    //SLIDESHOW A SCORRIMENTO AUTOMATICO
    //by bored - http://ffmagazine.forumfree.it/?t=65226584
    var slideJRadio = document.getElementById("slideshow").querySelectorAll('input[type="radio"]');
    var eSlide = 1;
    var slideJTime;
    function setSlideTime(){
    slideJTime = window.setInterval(function(){
    if(eSlide === slideJRadio.length){
    eSlide = 0;
    }
    slideJRadio[eSlide].checked = true;
    eSlide++;
    }, 4000);
    }
    setSlideTime();
    document.getElementById("slideshow").onmouseover = function(){
    window.clearInterval(slideJTime);
    }
    document.getElementById("slideshow").onmouseout = setSlideTime;
    for(var i = 0; i < slideJRadio.length; i++){
    slideJRadio[i].onclick=function(){
    eSlide = this.id.match(/[0-9]+/) - 1;
    }
    }
    </script>
  11. view post Posted: 27/9/2015, 09:15    
    Sezione in una riga - Archivio Supporto
    .
    Prova con questo codice:
    CODICE
    #f64609735 .aa, #f64609735 .yy {display: none}
    #f64609735 .bb {text-align: center; padding-bottom: 110px}
    #f64609735 .s {display:block; float: none; position: absolute; width: 98% !important; height: auto !important; margin-top: 10px}
    #f64609735 > * {width: 98%}
    #f64609735 .zz {text-align: center; width: 98% !important; white-space: nowrap; position: relative}
    #f64609735 .zz > div, #f64609735 .who a {margin: 0}
    #f64609735 .where {position: static; margin: 0}
    #f64609735 .when {position: absolute; bottom: -10px; left: 50%; margin-left: -44px !important; display: inline-block}
  12. view post Posted: 19/9/2015, 18:13    
    effetto movimento al passaggio del mouse - Archivio Supporto
    .
    Sostituisci il codice di prima con questo in colori e stili:
    CODICE
    .pic_cont {position: relative; display: inline-block; width: 100%}
    .pic_cont > * {transition: .3s all ease}
    .pic_original {opacity: 0; position: absolute; top: 0; left: 0; width: 100%}
    .pic_retouched, .pic_cont:hover > .pic_original {opacity: 1}
    .pic_cont:hover > .pic_retouch {opacity: 0}
    .pic_cont > br {display:none}

    Così le immagini dovrebbero rispettare i bordi.
  13. view post Posted: 19/9/2015, 17:57    
    effetto movimento al passaggio del mouse - Archivio Supporto
    .
    Una possibile soluzione è la seguente. In colori e stili:
    CODICE
    .pic_cont {position: relative; display: inline-block}
    .pic_cont > div {transition: .3s all ease}
    .pic_original {opacity: 0; position: absolute; top: 0; left: 0}
    .pic_retouched, .pic_cont:hover > .pic_original {opacity: 1}
    .pic_cont:hover > .pic_retouch {opacity: 0}
    .pic_cont > br {display:none}

    Nel topic:
    HTML
    <div class="pic_cont">
    <div class="pic_retouch"><img src="Url Immagine Modificata"></div>
    <div class="pic_original"><img src="Url Immagine Originale"></div>
    </div>
  14. view post Posted: 19/9/2015, 17:20    
    effetto movimento al passaggio del mouse - Archivio Supporto
    .
    Vuoi inserirlo in delle discussioni o come codice in cima alla sezione?

    P.S.: Puoi linkare il forum e abilitarmi se necessario?
  15. view post Posted: 18/9/2015, 13:21    
    Nome gruppo di sezioni - Archivio Supporto
    .
    Inserisci nel campo del nome gruppo sezioni:
    HTML
    <span></span>
106 replies since 5/11/2009
Filter forums
.
Create your forum and your blog! · Top Forum · Categories · Help · Status · Contacts · Powered by ForumFree
Top