Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.


 
-39%
Le deal à ne pas rater :
Ordinateur portable ASUS Chromebook Vibe CX34 Flip
399 € 649 €
Voir le deal

Code de présentation

 :: Members Meeting :: Bureau de Janus :: Présentation Voir le sujet précédent Voir le sujet suivant Aller en bas
Mer 7 Mai 2008 - 19:54
Chaos
Maître du Jeu
Chaos
Masculin
Nombre de messages : 8577
Age : 39
Localisation : Sous ton lit...
Voici la fiche de présentation que vous devrez mettre en place ainsi que son code à copier/coller.



 

Divinité Majeure - Divinité Mineure

  • écrire ici
  • écrire ici
  • écrire ici
  • écrire ici
  • écrire ici
  • écrire ici
  • écrire ici
Citation ici

Physique & Caractère

Décrivez en quelques mots le physique et le caractère de vos deux divinités.

Histoire

Racontez l'histoire de vos personnages, leurs réunions, comment ont-ils réagi face à la décision de Chaos...
Créé par Nom du joueur
Parlez-nous un petit peu de vous...


Code:
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto" rel="stylesheet"><style>:root {--couleur-fond: #424242;--couleur-fond: #353535;--bordure-int: #989898;--bordure-bloc: #111;}.app {width: 550px;font-family: 'Roboto', sans-serif;background-color: #282828;padding: 10px;box-sizing: border-box;border: 1px solid #2c2c2c;margin: auto;position: relative;}.app h2,.app h3 {font-family: 'Montserrat', sans-serif;margin:0;text-transform: uppercase;letter-spacing: 2px;font-size: 12px;font-weight: bold;}.app h2 {background-color: var(--couleur-fond);text-align: center;color: #f2f2f2;padding: 30px 0;border: 1px solid var(--bordure-bloc);}.app h3 {color: var(--couleur-fond2);margin-bottom: 10px;}.app-basics, .joueur {display: -webkit-box;display: -ms-flexbox;display: flex;}.app-info {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 360px;}.app ul {border: 1px solid var(--bordure-bloc);border-top: 0;border-bottom: 0;padding:10px 15px;margin: 0;list-style-type: none;font-size: 10px;background: var(--couleur-fond2);color: #aaa;height: 260px;overflow: auto;}.app ul li {border-bottom: 1px solid #2c2c2c;padding: 7px 0 7px;display: block;}.app ul li:last-child {border-bottom: 0;}.app ul li label {color: inherit;width: 30%;display: inline-block;font-weight: bold;text-transform: uppercase;font-family: 'Montserrat', sans-serif;}.app .app-avatar {padding: 20px;background: #303030;box-sizing: border-box;}.app .app-avatar img {vertical-align: middle;height: 320px;width: 200px;}.app-quote {line-height: 11px;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;background: #1d1d1d;display: inline-block;font-size: 8px;text-transform: uppercase;letter-spacing: 1px;color: #aaa;vertical-align: top;padding: 20px;box-sizing: border-box;text-align: justify;}.app-story {background-color: var(--couleur-fond);border: 1px solid var(--bordure-bloc);padding: 10px;box-sizing: border-box;height: 300px;}.app-story + .app-story {border-top: 0;height: auto;}.app-story > div {background-color: #f2f2f2;border: 1px solid #393939;padding: 30px 50px;box-sizing: border-box;box-shadow: inset 6px 0 var(--bordure-int), inset 0 6px var(--bordure-int),inset -6px 0 var(--bordure-int), inset 0 -6px var(--bordure-int);height: 100%;}.app-story > div > div {font-size: 11px;text-align: justify;height: 100%;overflow: auto;padding-right: 10px;line-height: 14px;}.joueur .app-avatar {height: 100px;width: 100px;}.app-joueur {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}.app-joueur-head {font-family: 'Montserrat', sans-serif;background-color: var(--couleur-fond2);text-transform: uppercase;color: #f2f2f2;font-size: 10px;letter-spacing: 1px;padding: 10px;border: 1px solid var(--bordure-bloc);border-top: 0;}.app-joueur .infos {background-color: var(--couleur-fond);text-transform: none;color: #f2f2f2;font-family: "roboto";letter-spacing: 0px;height: 40px;overflow: auto;border: 1px solid var(--bordure-bloc);border-top: 0;padding: 10px;font-size: 11px;box-sizing: content-box;}.app-credit {position: absolute;bottom: -15px;left: 0;}.app-credit a {font-family: 'Montserrat', sans-serif;text-transform: uppercase;letter-spacing: 1px;font-size: 7px;font-weight: bold;text-decoration: none!important;color: #282828;}</style>

  <div class="app"><h2>Divinité Majeure - Divinité Mineure</h2><!--
  --><div class="app-basics"><div class="app-info"><ul><!--
  --><li><label>Élu(e)</label>écrire ici</li><!--  
  --><li><label>Domaine</label>écrire ici</li><!--
  --><li><label>Nexus</label> écrire ici</li><!--
  --><li><label>Influence</label> écrire ici</li><!--
  --><li><label>Alignement</label> écrire ici</li><!--
  --><li><label>Avatar 1</label> écrire ici</li><!--
  --><li><label>Avatar 2</label> écrire ici</li></ul><!--

  --><div class="app-quote">Citation ici</div><!--

  --></div><div class="app-avatar"><img src="http://via.placeholder.com/200x320"  /></div></div><!--


  --><div class="app-story"><div><div><h3>Physique & Caractère</h3>Décrivez en quelques mots le physique et le caractère de vos deux divinités.</div></div></div><!--


  --><div class="app-story"><div><div><h3>Histoire</h3>Racontez l'histoire de vos personnages, leurs réunions, comment ont-ils réagi face à la décision de Chaos...</div></div></div><!--

  --><div class="joueur"><img src="http://via.placeholder.com/80x80" class="app-avatar" /><div class="app-joueur"><div class="app-joueur-head">Créé par <b>Nom du joueur</b></div><div class="infos">Parlez-nous un petit peu de vous...</div></div></div><div class="app-credit"><a href="http://terrible.forumactif.org" target="_blank">Awful</a></div></div>


Explication du code.

Voici un petit coup de main pour vous expliquer comment s'y retrouver dans la prise en charge du code. vous verrez, c'est TRÈS facile.

Code:
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto" rel="stylesheet"><style>:root {--couleur-fond: #424242;--couleur-fond: #353535;--bordure-int: #989898;--bordure-bloc: #111;}.app {width: 550px;font-family: 'Roboto', sans-serif;background-color: #282828;padding: 10px;box-sizing: border-box;border: 1px solid #2c2c2c;margin: auto;position: relative;}.app h2,.app h3 {font-family: 'Montserrat', sans-serif;margin:0;text-transform: uppercase;letter-spacing: 2px;font-size: 12px;font-weight: bold;}.app h2 {background-color: var(--couleur-fond);text-align: center;color: #f2f2f2;padding: 30px 0;border: 1px solid var(--bordure-bloc);}.app h3 {color: var(--couleur-fond2);margin-bottom: 10px;}.app-basics, .joueur {display: -webkit-box;display: -ms-flexbox;display: flex;}.app-info {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 360px;}.app ul {border: 1px solid var(--bordure-bloc);border-top: 0;border-bottom: 0;padding:10px 15px;margin: 0;list-style-type: none;font-size: 10px;background: var(--couleur-fond2);color: #aaa;height: 260px;overflow: auto;}.app ul li {border-bottom: 1px solid #2c2c2c;padding: 7px 0 7px;display: block;}.app ul li:last-child {border-bottom: 0;}.app ul li label {color: inherit;width: 30%;display: inline-block;font-weight: bold;text-transform: uppercase;font-family: 'Montserrat', sans-serif;}.app .app-avatar {padding: 20px;background: #303030;box-sizing: border-box;}.app .app-avatar img {vertical-align: middle;height: 320px;width: 200px;}.app-quote {line-height: 11px;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;background: #1d1d1d;display: inline-block;font-size: 8px;text-transform: uppercase;letter-spacing: 1px;color: #aaa;vertical-align: top;padding: 20px;box-sizing: border-box;text-align: justify;}.app-story {background-color: var(--couleur-fond);border: 1px solid var(--bordure-bloc);padding: 10px;box-sizing: border-box;height: 300px;}.app-story + .app-story {border-top: 0;height: auto;}.app-story > div {background-color: #f2f2f2;border: 1px solid #393939;padding: 30px 50px;box-sizing: border-box;box-shadow: inset 6px 0 var(--bordure-int), inset 0 6px var(--bordure-int),inset -6px 0 var(--bordure-int), inset 0 -6px var(--bordure-int);height: 100%;}.app-story > div > div {font-size: 11px;text-align: justify;height: 100%;overflow: auto;padding-right: 10px;line-height: 14px;}.joueur .app-avatar {height: 100px;width: 100px;}.app-joueur {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}.app-joueur-head {font-family: 'Montserrat', sans-serif;background-color: var(--couleur-fond2);text-transform: uppercase;color: #f2f2f2;font-size: 10px;letter-spacing: 1px;padding: 10px;border: 1px solid var(--bordure-bloc);border-top: 0;}.app-joueur .infos {background-color: var(--couleur-fond);text-transform: none;color: #f2f2f2;font-family: "roboto";letter-spacing: 0px;height: 40px;overflow: auto;border: 1px solid var(--bordure-bloc);border-top: 0;padding: 10px;font-size: 11px;box-sizing: content-box;}.app-credit {position: absolute;bottom: -15px;left: 0;}.app-credit a {font-family: 'Montserrat', sans-serif;text-transform: uppercase;letter-spacing: 1px;font-size: 7px;font-weight: bold;text-decoration: none!important;color: #282828;}</style>

Toute cette partie du code représente, en gros, l'architecture du code: vous n'y touchez pas.

 
Code:
<div class="app"><h2>Divinité Majeure - Divinité Mineure</h2><!--

C'est ici que vous mettez le nom de vos deux ivinités. À la place de "Divinité Majeure", vous mettez le nom de la Divinité Majeure choisie (exmple: Athéna). À la place de "Divinité Mineure", vous mettez le nom de la Divinité Mineure choisie (exemple: Abel).


Code:
 --><div class="app-basics"><div class="app-info"><ul><!--
 --><li><label>Élu(e)</label>écrire ici</li><!-
 --><li><label>Domaine</label>écrire ici</li><!--
  --><li><label>Nexus</label> écrire ici</li><!--
  --><li><label>Influence</label> écrire ici</li><!--
  --><li><label>Alignement</label> écrire ici</li><!--
  --><li><label>Avatar 1</label> écrire ici</li><!--
  --><li><label>Avatar 2</label> écrire ici</li></ul><!--

Ici, à la place des mentions, "écrire ici", vous remplirez les demandes.
  • Élu(e): Notez le nom du Chevalier d'or qui partira à la recherche de vos deux divinités  et qui aura un rôle de conseiller si vous le souhaitez
  • Domaine: le nom de Domaine où se trouvent vos deux divinités. Par exemple: pour Athéna et Abel, vous pouvez mettre Sanctuaire.
  • Nexus: l'Artéfact de départ de votre divinité majeure. par exemple, pour Athéna, Sceptre de Niké.
  • Influence: vous noterez l'influence de départ de votre personnage (La Terre
    les Cieux, les Océans ou les Enfers)
  • Alignement: Il s'agit de la personnalité de votre personnage. *
  • Avatar 1: Si vous souhaitez que votre divinité majeure soit réincarnée  dans un humain, veuillez mettre le nom et le prénom de cette réincarnation. ( Exemple: Saori Kido pour Athéna)
  • Avatar 2: Si vous souhaitez que votre divinité mineure soit réincarnée  dans un humain, veuillez mettre le nom et le prénom de cette réincarnation. ( Exemple: Hideki Tanamura pour Abel


Code:
 --><div class="app-quote">Citation ici</div><!--

Ici,à la place de "Citation ici", vous pouvez metre une petite phrase qui personnifie le ton de vos deux divibnités.


Code:
 --></div><div class="app-avatar"><img src="http://via.placeholder.com/200x320"  /></div></div><!--

Voyez-vous la grande image qui se trouve à droite de la fiche de présentation ? C'est ici que vous mettrez une image représentant votre divinité majeure, votre divinité mineure ou les deux si vous le souhaitez.


Code:
 --><div class="app-story"><div><div><h3>Physique & Caractère</h3>Décrivez en quelques mots le physique et le caractère de vos deux divinités.</div></div></div><!--

L'explication vous est donnée. Il n'y a pas besoin d'écrire un gros pavé, mettez simplement l'essentiel.

Code:
 --><div class="app-story"><div><div><h3>Histoire</h3>Racontez l'histoire de vos personnages, leurs réunions, comment ont-ils réagi face à la décision de Chaos...</div></div></div><!--

Même remarque précédemment: l'explication vous est donnée. Il n'y a pas besoin d'écrire un gros pavé, mettez simplement l'essentiel.


Code:
 --><div class="joueur"><img src="http://via.placeholder.com/80x80" class="app-avatar" />

Voyez-vous la petite image qui se trouve en bas à gauche de la fiche de présentation ?  Mettez une petite image VOUS représentant: il s'agit de votre espace personnel.

Code:
<div class="app-joueur"><div class="app-joueur-head">Créé par <b>Nom du joueur</b></div>

Ici, il s'agit, à la place de la mention "Nom du Joueur", de mettre votre pseudo ou votre prénom. Ceci fait, vous n'aurez plus à toucher à ce petit bout de code. (CF Fiche de Membre)

Code:
<div class="infos">Parlez-nous un petit peu de vous...</div></div></div><div class="app-credit"><a href="http://terrible.forumactif.org" target="_blank">Awful</a></div></div>

Ici, à la place de la mention "Parlez-nous un petit peu de vous...", il s'agira de  parler un petit peu de vous, de ce que vous aimez, de votre âge etc etc... C'est votre espace personnel, vous mettez ce que vous voulez.

_________________
Code de présentation Mdj_si10
Revenir en haut Aller en bas
Page 1 sur 1

Sauter vers :
Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Members Meeting :: Bureau de Janus :: Présentation-