Sujet: Modèle de présentation de galerie Sam 8 Avr - 3:11 | |
Informations
Le forum est paramétré pour qu'il y ait un rappel des premiers messages. C'est pourquoi nous vous proposons un modèle de galerie codée afin de faciliter la lisibilité.
Le concept est simple :
1. Vous copiez-collez et personnalisez le code de la galerie dans votre premier message et vous y ajoutez vos créas.
2. Vous postez chaque nouvelle créa que vous faites à la suite, afin que les gens puissent réagir
3. Vous éditez le premier message pour rajouter vos créas au fur et à mesure, pour faire un rappel de vos créations.
Rappel : Vous êtes libres d'organiser votre galerie comme vous le souhaitez. Ce système n'est pas obligatoire.Modèle de présentation
Voilà un modèle de présentation
facultatif pour vos galeries.
Vous pouvez choisir le nombre d'onglets que vous voulez (de 1 à 4), ainsi que leur nom et leur contenu.
Attention à ne pas toucher au code (même pour sauter une ligne). Vous ne pouvez revenir à la ligne ou sauter des lignes qu'entre les balises "div" qui délimitent le contenu de chaque onglet, et nul part ailleurs.
Les sections modifiables sont indiqués par des crochets [ et ] que vous pouvez supprimer. Vous pouvez mettre autant d'images que vous le souhaitez dans chaque onglet.- Code modèle de galerie - sans onglet:
- Code:
-
<div class="message_graph">
<div class="message_graph_titre">[NOM GALERIE]</div>
<div class="message_graph_contenu"><div class="contenu ong1">
[center][img]LIEN IMAGE ONGLET 1[/img]
[img]LIEN IMAGE ONGLET 1[/img]
[img]LIEN IMAGE ONGLET 1[/img][/center]
</div></div>
</div>
- Code modèle de galerie - 2 onglets:
- Code:
-
<div class="message_graph"><input checked="" name="message_graph" id="onglet_1" type="radio" /> <input name="message_graph" id="onglet_2" type="radio" />
<div class="message_graph_titre">[NOM GALERIE]</div>
<div class="message_graph_boutons"><label for="onglet_1" class="bouton ong1">[NOM ONGLET 1]</label> <label for="onglet_2" class="bouton ong2">[NOM ONGLET 2]</label></div>
<div class="message_graph_contenu"><div class="contenu ong1">
[center][img]LIEN IMAGE ONGLET 1[/img]
[img]LIEN IMAGE ONGLET 1[/img]
[img]LIEN IMAGE ONGLET 1[/img][/center]
</div>
<div class="contenu ong2">
[center][img]LIEN IMAGE ONGLET 2[/img]
[img]LIEN IMAGE ONGLET 2[/img]
[img]LIEN IMAGE ONGLET 2[/img][/center]
</div></div>
</div>
- Code modèle de galerie - 3 onglets:
- Code:
-
<div class="message_graph"><input checked="" name="message_graph" id="onglet_1" type="radio" /> <input name="message_graph" id="onglet_2" type="radio" /> <input name="message_graph" id="onglet_3" type="radio" />
<div class="message_graph_titre">[NOM GALERIE]</div>
<div class="message_graph_boutons"><label for="onglet_1" class="bouton ong1">[NOM ONGLET 1]</label> <label for="onglet_2" class="bouton ong2">[NOM ONGLET 2]</label> <label for="onglet_3" class="bouton ong3">[NOM ONGLET 3]</label> </div>
<div class="message_graph_contenu"><div class="contenu ong1">
[center][img]LIEN IMAGE ONGLET 1[/img]
[img]LIEN IMAGE ONGLET 1[/img]
[img]LIEN IMAGE ONGLET 1[/img][/center]
</div>
<div class="contenu ong2">
[center][img]LIEN IMAGE ONGLET 2[/img]
[img]LIEN IMAGE ONGLET 2[/img]
[img]LIEN IMAGE ONGLET 2[/img][/center]
</div>
<div class="contenu ong3">
[center][img]LIEN IMAGE ONGLET 3[/img]
[img]LIEN IMAGE ONGLET 3[/img]
[img]LIEN IMAGE ONGLET 3[/img][/center]
</div></div>
</div>
- Code modèle de galerie - 4 onglets:
- Code:
-
<div class="message_graph"><input checked="" name="message_graph" id="onglet_1" type="radio" /> <input name="message_graph" id="onglet_2" type="radio" /> <input name="message_graph" id="onglet_3" type="radio" /> <input name="message_graph" id="onglet_4" type="radio" />
<div class="message_graph_titre">[GALERIE DE PSEUDO]</div>
<div class="message_graph_boutons"><label for="onglet_1" class="bouton ong1">[NOM ONGLET 1]</label> <label for="onglet_2" class="bouton ong2">[NOM ONGLET 2]</label> <label for="onglet_3" class="bouton ong3">[NOM ONGLET 3]</label> <label for="onglet_4" class="bouton ong4">[NOM ONGLET 4]</label> </div>
<div class="message_graph_contenu"><div class="contenu ong1">
[center][img]LIEN IMAGE ONGLET 1[/img]
[img]LIEN IMAGE ONGLET 1[/img]
[img]LIEN IMAGE ONGLET 1[/img][/center]
</div>
<div class="contenu ong2">
[center][img]LIEN IMAGE ONGLET 2[/img]
[img]LIEN IMAGE ONGLET 2[/img]
[img]LIEN IMAGE ONGLET 2[/img][/center]
</div>
<div class="contenu ong3">
[center][img]LIEN IMAGE ONGLET 3[/img]
[img]LIEN IMAGE ONGLET 3[/img]
[img]LIEN IMAGE ONGLET 3[/img][/center]
</div>
<div class="contenu ong4">
[center][img]LIEN IMAGE ONGLET 4[/img]
[img]LIEN IMAGE ONGLET 4[/img]
[img]LIEN IMAGE ONGLET 4[/img][/center]
</div></div>
</div>