Accueil
Dernières images
Rechercher
Membres
Groupes
S'enregistrer
Connexion
Moses.
The Dark Phoenix
Messages : 235
#28.04.20 0:43
Deux options :
Soit vous avez la conf et vous l'ajouter directement à la page HTML, soit vous remplissez le code et je l'ajoute.
Le code à remplir par personnage :
Concernant les images :
Afin de s'assurer que le code ne devienne pas trop lourd (parce que ça risque fortement d'arriver), il faudrait 1) éviter de mettre des images bien trop immenses 2) les compresser. Ca va être un peu (beaucoup) chiant à faire, mais c'est important, sinon le code risque de merder méga vite. Au pire, je me dévoue, c'pas un problème.
Le plus simple pour compresser : c'est de le faire par grosse vague. Genre tu trouves les images pour 15 personnages, tu les enregistres dans un dossier. Si c'est des PNG, tu les balances ici : https://compresspng.com/fr/ Si c'est des JPG, tu les balances ici : https://compressjpeg.com/fr/
Une fois compressé, tu les télécharges toutes d'un coup, tu les extrait du .zip et tu les balances toutes là : https://imgur.com/upload?beta et boum, t'as les liens des images compressées à mettre dans le code.
Concernant les infos (genre instagram ou scénario), vous pouvez en supprimer et en rajouter sans souci
Si vous vous sentez de les ajouter au code :
Modules -> page HTML -> https://nanana-test.forumactif.com/h1-bottin-personnage
Cliquer sur modifications en mode avancé (les trois rouages) sinon ça va tout casser !
Le code est à coller à la fin, juste après le dernier :
et avant :
Prévisualiser histoire de voir si c'est tout bon puis sauvegarder.
Si vous vous sentez pas de l'ajouter vous même :
Balancer moi le code ici entre balise code et je les ajouterais !
Soit vous avez la conf et vous l'ajouter directement à la page HTML, soit vous remplissez le code et je l'ajoute.
Le code à remplir par personnage :
- Code:
<!--------------------------BEGIN CHARACTER-------------------------->
<div class="grid-item thing thing thing">
<!--small/before click section-->
<div class="intro">
<img src="LIEN IMAGE 1" alt=" " />
<div class="expand">
<div class="name">NOM PERSONNAGE
</div>
</div>
</div>
<!--expanded/after click section-->
<div class="header">
<img src="LIEN IMAGE 2" alt=" " />
</div>
<!-------------------------navigation section------------------------->
<h1>NOM DU PERSONNAGE</h1>
<div class="links box">
<div class="linkgroup">
<h2>A savoir</h2>
<a>Groupe: </a>
<a>Né en</a>
<a>métier </a>
<a>Vit à </a>
<a>Célibataire/En couple</a>
<a>Avatar: </a>
</div>
<div class="linkgroup">
<h2>Scénario et PL</h2>
<a href="LIEN SCENAR" target="_blank">TITRE SCENAR</a>
<a href="LIEN SCENAR" target="_blank">TITRE SCENAR</a>
</div>
<div class="linkgroup">
<h2>the third</h2>
<a href="LIEN PRES" target="_blank">Présentation</a>
<a href="LIEN FICHE" target="_blank">Liens</a>
<a href="LIEN INSTA" target="_blank">Instagram</a>
<a href="LIEN PROFIL">profil</a>
</div>
</div>
<div class="bio">
<p>LA DESCRIPTION ICI </p>
</div>
</div>
<!---------------------------END CHARACTER--------------------------->
Concernant les images :
Afin de s'assurer que le code ne devienne pas trop lourd (parce que ça risque fortement d'arriver), il faudrait 1) éviter de mettre des images bien trop immenses 2) les compresser. Ca va être un peu (beaucoup) chiant à faire, mais c'est important, sinon le code risque de merder méga vite. Au pire, je me dévoue, c'pas un problème.
Le plus simple pour compresser : c'est de le faire par grosse vague. Genre tu trouves les images pour 15 personnages, tu les enregistres dans un dossier. Si c'est des PNG, tu les balances ici : https://compresspng.com/fr/ Si c'est des JPG, tu les balances ici : https://compressjpeg.com/fr/
Une fois compressé, tu les télécharges toutes d'un coup, tu les extrait du .zip et tu les balances toutes là : https://imgur.com/upload?beta et boum, t'as les liens des images compressées à mettre dans le code.
Concernant les infos (genre instagram ou scénario), vous pouvez en supprimer et en rajouter sans souci
Si vous vous sentez de les ajouter au code :
Modules -> page HTML -> https://nanana-test.forumactif.com/h1-bottin-personnage
Cliquer sur modifications en mode avancé (les trois rouages) sinon ça va tout casser !
Le code est à coller à la fin, juste après le dernier :
- Code:
<!---------------------------END CHARACTER--------------------------->
et avant :
- Code:
</div><!--end container-->
Prévisualiser histoire de voir si c'est tout bon puis sauvegarder.
Si vous vous sentez pas de l'ajouter vous même :
Balancer moi le code ici entre balise code et je les ajouterais !
Moses.
The Dark Phoenix
Messages : 235
#12.05.20 4:55
Novitates autem si spem adferunt, ut tamquam in herbis non fallacibus fructus appareat, non sunt illae quidem repudiandae, vetustas tamen suo loco conservanda; maxima est enim vis vetustatis et consuetudinis. Quin in ipso equo, cuius modo feci mentionem, si nulla res impediat, nemo est, quin eo, quo consuevit, libentius utatur quam intractato et novo. Nec vero in hoc quod est animal, sed in iis etiam quae sunt inanima, consuetudo valet, cum locis ipsis delectemur, montuosis etiam et silvestribus, in quibus diutius commorati sumus.
Moses.
The Dark Phoenix
Messages : 235
#12.05.20 4:57
- Spoiler:
- Novitates autem si spem adferunt, ut tamquam in herbis non fallacibus fructus appareat, non sunt illae quidem repudiandae, vetustas tamen suo loco conservanda; maxima est enim vis vetustatis et consuetudinis. Quin in ipso equo, cuius modo feci mentionem, si nulla res impediat, nemo est, quin eo, quo consuevit, libentius utatur quam intractato et novo. Nec vero in hoc quod est animal, sed in iis etiam quae sunt inanima, consuetudo valet, cum locis ipsis delectemur, montuosis etiam et silvestribus, in quibus diutius commorati sumus.
Contenu sponsorisé
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum|
|
|