PROCHAIN NIV. :
avatar
avatar
The maker of everything ⊱ Pnj
— MISSIVES : 204
— PRESTIGE : 638

Posté Ven 5 Jan - 1:09



⊱ Guide d'utilisation pour le
code de gestion des RPs
Parce que l'on ne possède pas tous les mêmes talents


BUT ✶ Ce guide à pour but de vous familiariser avec le code de gestion des RPs, offert par le forum, afin qui vous puissiez le modifier sans aucune aide extérieure. Le guide se penchera exclusivement sur la deuxième partie du modèle de la fiche soit ; la liste des RPs.

Ce qui sera abordé lors de ce guide ;


Code de base du forum ✶
Code:
<div class="prez"><div class="fiche_title2">Sommaire des rps
<span>Les événements passés.</span></div><div class="block"><!--

****** DEBUT ZONE ******
--><div class="liste_quests is-opened"><div class="fiche_title2"><a href="#">Férelden</a></div><div>
<!--
*** DEBUT QUETE ***
--><div class="clear quest"><a href="#" target="_blank"><img style="margin:0 10px 0 0" src="https://image.noelshack.com/fichiers/2017/48/3/1511974947-text-ico.png"></a><a class="greener3 da_left" href="#" target="_blank">RP N°XXX : Titre</a>
Description courte du RP.
<span class="bolder3">Partenaire(s)</span> : Nom prénom.</span></div><!--
*** FIN QUETE ***
--><div class="fake_hr"></div>
<!--
*** DEBUT QUETE ***
--><div class="clear quest"><a href="#" target="_blank"><img style="margin:0 10px 0 0" src="https://image.noelshack.com/fichiers/2017/48/3/1511974947-text-ico.png"></a><a class="greener3 da_left" href="#" target="_blank">RP N°XXX : Titre</a>
Description courte du RP.
<span class="bolder3">Partenaire(s)</span> : Nom prénom.</span></div><!--
*** FIN QUETE ***
--></div><!--
****** FIN ZONE ******
-->
</div></div></div>



Les différentes sections
Pour bien comprendre de ce que l'on parle

INTRODUCTION ✶ Pour faire simple, nous allons diviser le post en 3 sections :

  • Le titre principal
  • les catégories
  • les RPs

Pour comprendre plus facilement, voici un exemple en image afin de mieux vous repérer.
img_exp1

Le titre principal (et le sous-titre) Sans aucun doute le plus simple à comprendre et à modifier, il représente le titre (et le sous-titre) de la section. Celle-ci est entourée d'un fond noir englobant tous les éléments soient : titre, catégorie(s) et Rp(s).

Les catégories ✶ Ce sont les catégories qui possèdent des RPs. Chacune d'elle possède une bordure (voir image de référence plus haut) et est rétractable. Nous entendons par-là qu'il est possible, en appuyant sur le titre de la catégorie (dans l'exemple : FÉRELDEN) de diminuer ou d'allonger la catégorie.

  • Diminuer: On ne voit plus que le titre de la catégorie. Les RPs sont "invisibles".
  • Allonger: Les RPs sont visibles.

Il vous est possible de diviser vos RPs, donc de faire des catégories, de la façon qu'il vous plaira.
Exemple: par zone INRP (Fort-Céleste, Férendel) ou selon le statut de vos RPs (En cours, Terminés, abandonnés)

Les RPs✶ Chaque RP possède un titre (avec un lien menant vers celui-ci), une image, une courte description et la liste des partenaires.

Modifier le titre principal
Pour pouvoir modifier le titre principal, repérez le code suivant :
Code:
<div class="fiche_title2">Sommaire des rps
<span>Les événements passés.</span></div>

Titre principal: Représente ce qui est tout de suite après la balise
Code:
[i]<div class="fiche_title2">[/i]
Dans l'exemple, il s'agit de Sommaire des rps

Le sous-titre: Il se trouve entre la balise
Code:
<span></span>
Dans l'exemple, il s'agit de Les événements passés.


Ajout d'une catégorie
Ou si vous préférez une section pour vous RPs

Voici le code, simplifier, pour ajouter une zone/catégorie à votre fiche de gestion des RPs.
Code:
<div class="block"><!-- ****** DEBUT ZONE ******
--><div class="liste_quests"><div class="fiche_title2"><a href="#">Titre de la section/catégorie</a></div><div>
<!-- ****** DEBUT CONTENU ZONE/CATEGORIE - Mettre les RPS après ce commentaire ****** -->
Je suis le contenu de la section ou vous devez mettre vos RPs
<!-- ****** FIN CONTENU ZONE/CATEGORIE ****** -->
</div><!--
****** FIN ZONE  ******
--></div></div>

Chaque zone/catégorie se devra de se trouver entre la balise suivante :
Code:
<div class="prez"><div class="fiche_title2">Sommaire des rps
<span>Les événements passés.</span></div>
METTRE ICI TOUTES LES ZONES/CATÉGORIES.
</div>

Si vous désirez que votre zone/catégorie soit ouverte dès l'ouverture de la page, simplement ajouter la class suivante : is-opened à la suite de la class liste_quests comme suit en prenant bien soin de mettre un espace entre les deux class :
Code:
div class="liste_quests is-opened">

Ce qui donnerait ceci si l'on reprend le code complet pour l'ajout d'une zone/catégorie:
Code:
<div class="block"><!-- ****** DEBUT ZONE ******
--><div class="liste_quests is-opened"><div class="fiche_title2"><a href="#">Titre de la section/catégorie</a></div><div>
<!-- ****** DEBUT CONTENU ZONE/CATEGORIE - Mettre les RPS après ce commentaire ****** -->
Je suis le contenu de la section ou vous devez mettre vos RPs
<!-- ****** FIN CONTENU ZONE/CATEGORIE ****** -->
</div><!--
****** FIN ZONE  ******
--></div></div>


Ajout d'un RP

Voici le code simplifié pour l'ajout d'un RP:
Code:
<!--
*** DEBUT QUETE ***
--><div class="clear quest"><a href="#" target="_blank"><img style="margin:0 10px 0 0" src="https://image.noelshack.com/fichiers/2017/48/3/1511974947-text-ico.png"></a><a class="greener3 da_left" href="#" target="_blank">RP N°XXX : Titre</a>
Description courte du RP.
<span class="bolder3">Partenaire(s)</span> : Nom prénom.</span></div><!--
*** FIN QUETE ***
--><div class="fake_hr"></div>
Le code doit être placé entre les balises d'une zone/section.

Il y a en tout cinq éléments:

  • Le titre du RP
  • Le lien du RP
  • La description
  • La liste des partenaires
  • L'image

Le titre du RP et son lien ✶ Étroitement liés, ils sont représentés par la balise suivante :
Code:
<a class="greener3 da_left" href="#" target="_blank">RP N°XXX : Titre</a>

La (courte) description ✶ Située tout de suite après le titre du RP

La liste des partenaires ✶ Vous permet de faire la liste des personnages avec qui vous faites le RP.
Code:
<span class="bolder3">Partenaire(s)</span> : Nom prénom.</span>

L'image du RP ✶ Situé juste avant la balise pour le titre, elle vous permet de changer l'image de l'icône de votre RP.
Code:
<img style="margin:0 10px 0 0" src="https://image.noelshack.com/fichiers/2017/48/3/1511974947-text-ico.png">


Merci à Valÿra pour son travail !
Vous ne pouvez pas répondre aux sujets dans ce forum