Re: THEME ZSPIN - Vos idées/Vos Réalisations
Publié : 04 janv. 2017 - 14:13
Allez on continue la formation ^^
Totalement inspiré du code de @porko, voici ce que tu dois insérer. Tout en sachant que les .trucmachin, tu leur donnes le nom que tu veux
Tu remarqueras le double .truc .machin (info_jeux_description .scrollauto), cela permet en fait à info_jeux_description d'appeler le script de scrolling plus bas
Ensuite les div, encore je sais ^^
Là tu retrouves une classe zspin-synopsis, c'est cette fonction que @vik a implanté par magie.
En gros, tu ajoutes des balises <trucmachin>blablabla</trucmachin> dans ton xml
tu ajoutes une balise zspin-trucmachin et hop, Zspin t'affiche le truc
pour toi ce serait zspin-histoire
ça c'est pour du texte
Et pour finir la fonction srollauto du pote/cousin/beauf de @porko, je sais plus en fait ^^
ceci est à caler dans le bas avant la balise de fermeture </body>
j'espère que ça va t'éclairer mais rassures-toi même @porko s'est mis à l'éditeur de text, tu peux utiliser BRACKETS qui est gratuit et nickel (c'est mon avis) et en plus un bouton prévisualisation direct
Totalement inspiré du code de @porko, voici ce que tu dois insérer. Tout en sachant que les .trucmachin, tu leur donnes le nom que tu veux
Code : Tout sélectionner
.zspin-description{
padding: 0 0 0 10%;
font-size:2.8em;
font-weight:bold;
font-family:Sans-Serif;
color: rgba(0,0,0,0.7);
text-shadow:0 -1px 1px rgba(0,0,0,0.8), 0 1px 1px rgba(255,255,255,0.8);
}
.info_jeux_description {
position: absolute;
top: 71%;
left: 31.3%;
width: 28.7%;
height:25%;
font-family: "Arial";
color: rgba(255,255,255, 0.9);
padding: 0px 0px 0px 0px;
line-height: 1.6vw;
font-size: 0.9vw;
background: transparent;
text-align: justify;
z-index: 3;
text-shadow:0 0 15px rgba(0,0,0,1);
}
.info_jeux_description .scrollauto {
overflow: hidden;
height: 90%;
margin: 0;
padding: 0;
}Ensuite les div, encore je sais ^^
Code : Tout sélectionner
<div class="info_jeux_description"></br></br>
<p class="scrollauto zspin-synopsis zspin_d">En gros, tu ajoutes des balises <trucmachin>blablabla</trucmachin> dans ton xml
tu ajoutes une balise zspin-trucmachin et hop, Zspin t'affiche le truc
pour toi ce serait zspin-histoire
ça c'est pour du texte
Et pour finir la fonction srollauto du pote/cousin/beauf de @porko, je sais plus en fait ^^
ceci est à caler dans le bas avant la balise de fermeture </body>
Code : Tout sélectionner
<script>
function autoscroll(){
$(".scrollauto").animate({scrollTop: $(".scrollauto")[0].scrollHeight}, 30000, function() {
// Animation complete.
$(this).animate({scrollTop: $(".scrollauto")[0].scrollHeight-$(".scrollauto")[0].scrollHeight},1000
, function() {
autoscroll();
});
});
}
setTimeout(function(){ autoscroll();}, 1000);
</script>