THEME ZSPIN - Vos idées/Vos Réalisations

Medias, themes, and more for zspin.

Modérateurs : vik, Modérateurs

Avatar de l’utilisateur
camarade35
Maître
Maître
Messages : 4230
Inscription : 05 sept. 2013 - 01:00
Localisation : Chevaigné
A remercié : 619 fois
A été remercié : 739 fois
Contact :

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Message par camarade35 » 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

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;
		}
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 ^^

Code : Tout sélectionner

	<div class="info_jeux_description"></br></br>
	<p class="scrollauto zspin-synopsis zspin_d">
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>

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>
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
préservation du patrimoine vidéoludique et de notre planète

Avatar de l’utilisateur
Porko
Modérateur
Modérateur
Messages : 2019
Inscription : 02 févr. 2014 - 00:00
Localisation : 26700
A remercié : 258 fois
A été remercié : 381 fois

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Message par Porko » 11 janv. 2017 - 17:37

Merci @camarade35!
Désolé j'arrive après la bataille... @lankou910 c'est bon ça marche?
Joli theme en passant^^

Avatar de l’utilisateur
babamimi262626
Connaisseur
Connaisseur
Messages : 271
Inscription : 21 juil. 2017 - 13:20
Localisation : sud-est
A remercié : 129 fois
A été remercié : 52 fois

Re: THEME ZSPIN - Vos idées/Vos Réalisations

Message par babamimi262626 » 08 nov. 2017 - 18:41

j'arrive tard mais j'ai découvert hyperspin y-a a peine 6 mois, voici mon premier thème htlm5 (merci camarade pour m'avoir sortit du bourbier) pour le main menu: console de salon (que j'ai du mal a trouver sur le net)

https://1fichier.com/?hbvstmiy9o" onclick="window.open(this.href);return false; Console de salon

Image

Répondre

Revenir à « Medias »