Terrible :: Terrible, des codages pour vos forums en libre service :: Administration :: Problème avec un code :: Problèmes résolus
Bonsoir à toi Terrible
Tout d’abord merci pour ton site auquel j’ai de bonne idée pour améliorer le contenue de mon forum : http://www.atlantisinsurrection.com/
Continue comme ça, tu fais vraiment des choses très agréables.
Je viens vers toi, (outre pour dire merci, puisque je vais piocher dans tes créations), pour te demander (si possible) une modification sur l’un de tes codes.
Il s’agit de cette fiche de présentation : https://terrible.forumactif.org/t48-fiche-1
Je voulais savoir, s’il était possible que les scrollers soient retirer (donc agrandissement de la parie du haut pour que les champs soient tous présent) mais surtout pour la partie « données de compétences », nous utilisons un système de compétences et celui ne s’intègre pas (bon tu vas voir que c’est du code de bricolo). Si tu pouvais adapter ce code compétence pour éviter que ça déforme ta création et que cela s’intègre bien dans la fiche.
Je te joins le code que j’avais personnalisé pour notre forum pour que tu puisses visualiser.
Après si tu ne peux/veux pas je comprendrai aisément. En tout cas merci d’avance de ta réponse.
lien des codes d'ajout de compétence : http://www.atlantisinsurrection.com/t2126-article-6-systeme-de-competences
Voici la fiche :
Bonne soirée :)
Tout d’abord merci pour ton site auquel j’ai de bonne idée pour améliorer le contenue de mon forum : http://www.atlantisinsurrection.com/
Continue comme ça, tu fais vraiment des choses très agréables.
Je viens vers toi, (outre pour dire merci, puisque je vais piocher dans tes créations), pour te demander (si possible) une modification sur l’un de tes codes.
Il s’agit de cette fiche de présentation : https://terrible.forumactif.org/t48-fiche-1
Je voulais savoir, s’il était possible que les scrollers soient retirer (donc agrandissement de la parie du haut pour que les champs soient tous présent) mais surtout pour la partie « données de compétences », nous utilisons un système de compétences et celui ne s’intègre pas (bon tu vas voir que c’est du code de bricolo). Si tu pouvais adapter ce code compétence pour éviter que ça déforme ta création et que cela s’intègre bien dans la fiche.
Je te joins le code que j’avais personnalisé pour notre forum pour que tu puisses visualiser.
Après si tu ne peux/veux pas je comprendrai aisément. En tout cas merci d’avance de ta réponse.
lien des codes d'ajout de compétence : http://www.atlantisinsurrection.com/t2126-article-6-systeme-de-competences
Voici la fiche :
- 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: #15b0a8;--bordure-bloc: #111;}.app {width: 550px;font-family: 'Roboto', sans-serif;background-color: #282828;padding: 10px;box-sizing: border-box;border: 1px solid #15b0a8;margin: auto;position: relative;}.app h2,.app h3 {font-family: 'Montserrat', sans-serif;margin:0;text-transform: uppercase;letter-spacing: 2px;font-size: 16px;font-weight: bold;color:#15b0a8;}.app h2 {background-color: var(--couleur-fond);text-align: center;color: #15b0a8;padding: 30px 0;border: 1px solid var(--bordure-bloc);}.app h3 {color: var(--couleur-fond2);margin-bottom: 10px; color:#15b0a8;}.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:#15b0a8;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: #15b0a8;display: inline-block;font-size: 8px;text-transform: uppercase;letter-spacing: 1px;color: #090909;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: #121212;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: 5px;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: #15b0a8;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: #121212;font-family: "roboto";letter-spacing: 0px;height: 66px;overflow: auto;border: 1px solid var(--bordure-bloc);border-top: 0;padding: 10px;font-size: 11px;}.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: #15b0a8;}</style>
<div class="app"><h2>Prénom Nom</h2><!--
--><div class="app-basics"><div class="app-info"><ul><!--
--><li><label>Nom</label>écrire ici</li><!--
--><li><label>Prénom(s)</label> écrire ici</li><!--
--><li><label>Date de naissance & Lieu</label> écrire ici</li><!--
--><li><label>Âge </label> écrire ici</li><!--
--><li><label>Nationalité</label> écrire ici</li><!--
--><li><label>Arrivée sur Atlantis</label> (Seul les personnages de la série et quelques exceptions sont de l'expéditions de base 2012. Donc vous êtes des "renfort" préciser la date) - écrire ici</li><!--
--><li><label>Poste occupé</label> (Médecin, militaire, scientifiques ...) - écrire ici</li><!--
--><li><label>Spécialité</label> (Le domaine de compétence dans lequel vous excellez, votre spécialité dans votre métier... ?) - écrire ici</li><!--
--><li><label>Arrivée sur Atlantis</label> Seul les personnages de la série et quelques exceptions sont de l'expéditions de base 2012. Donc vous êtes des "renfort" préciser la date) - écrire ici</li><!--
--><li><label>Groupe sanguin</label> écrire ici</li><!--
--><li><label>Gène ATA </label> (à remplir par l'administration après le lancé du dé)écrire ici</li><!--
--><li><label>Innoculation ATA</label> (à demander après un mois de jeu et à compléter après)- écrire ici</li><!--
--><li><label>Pathologie(s)</label> écrire ici</li><!--
--><li><label>Antécédents médicaux</label> écrire ici</li><!--
--><li><label>Langue(s)</label> (Quelles langues parle votre personnage en plus de l'anglais ?) -écrire ici</li><!--
--><li><label>Phobie(s)</label>(Les peurs de votre personnage, ce qui le terrifie ou simplement le fait sursauter)-</li><!--
--><li><label>Objet choisi</label> (L'objet personnel qu'a choisi votre personnage pour partir sur Atlantis. Un seul autorisé.) - écrire ici</li><!--
--><li><label>Avatar</label> écrire ici</li></ul><!--
--><div class="app-quote">Citation ici, avez quelques chose à dire ? Petite phrases sur votre personnage, citation ou envies</div><!--
--></div><div class="app-avatar"><img src="http://via.placeholder.com/200x320" /></div></div><!--
--><div class="app-story"><div><div><h3>Données de compétences</h3>
Remplacé "donnée de compétences par le titre de votre spécialité ex : Personel militaires ect)
<div style="border-bottom: dotted 2px; padding: 0px 0px 0px 0px; letter-spacing: 01px; line-height:12px; margin-left:5%; margin-right:5%">[size=15][color=#15b0a8]Personnel Militaire[/color][/size]</div>
[table border="0"][tr][td][color=firebrick]Compétences de bases [/color] [/td][td][color=#15b0a8]Compétences Secondaires[/color][/td][/tr][tr][td] [list]
[*]Corps à corps : 3
[*]Maniement d'armes à feu :
[*]Résistance à la douleur :
[*]Pilotage :
[*]Technologies :
[*]Soins :
[*]Esprit d’équipe :
[*]Influence/leadership :
[*] Sang froid :
[*]Rapidité d’esprit :
[/list][/td][td][list]
[*]Tir avec arme primaire :
[*]Maniement d’arme blanche/primaire :
[*]Explosif :
[*]Infiltration :
[*]Stratégie / Tactique :
[*]Capacité d'explication :
[*]Survie dans la nature :
[/list] [/td][/tr][/table]
</div></div></div><!--
--><div class="app-story"><div><div><h3>Données d'une personnalité</h3>(Minimum de 150 mots exigé. Détaillez maintenant la personnalité de votre personnage. Quels sont ses défauts, qualités ? Comment réagit-il dans une situation de stress, face à la hiérarchie ...) - Texte Ici
</div></div></div><!--
--><div class="app-story"><div><div><h3>Données d'un passé chargé</h3> (Le style de présentation vous est libre. C'est ici, en un minimum de 400 mots, que vous nous raconterez les aventures qu'a vécu votre personnage jusqu'à maintenant. Vous pouvez le faire sous forme de RP, de journal intime, de souvenirs... ; vous êtes libre d'utiliser la source qui vous inspire le plus. Et bien sûr, vous nous présentez votre personnage aujourd'hui : comment et pourquoi a-t-il été choisi pour l'expédition Atlantis, que faisait-il avant de postuler, quelles sont ses aspirations, ses particularités, quelles sont ses ambitions ? N'oubliez pas que pour faire partie de l'expédition il faut exceller dans son domaine.) - Texte ici</div></div></div><!--
--><div class="app-story"><div><div><h3>Données d'arrivée</h3> Comment votre personnage a-t-il vécu le moment il a pu poser les pieds sur Atlantis ? Ses premiers pas sur la Cité des Anciens ? :
(Passage important et obligatoire de votre histoire, c'est pour cela qu'il faut le mettre à part afin qu'on comprenne bien son état d'esprit à ce moment là)
Nous sommes maintenant en 2018. Des renforts matériels et humains arrivent par le biai du Dédale régulièrement. La situation est difficile, les Genii & les wraith ne cessent de leur rendre la vie difficile mais lentement les conditions s'améliorent avec la découverte d'un nouvel E2PZ particulier découvert sur le nouvel site alpha : La Terre sans jour, qui permet d'avoir des contacts régulier avec la terre.) - Texte ici</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"> <!--
--><div style="color:#15b0a8";>Surnom : </div> Lalal<!--
--><div style="color:#15b0a8";>Âge : </div><!--
--><div style="color:#15b0a8";>Comment avez-vous connu Atlantis Insurrection ? : </div><!--
--><div style="color:#15b0a8";>Connaissez-vous les séries Stargate ? : </div><!--
--><div style="color:#15b0a8";>Souhaitez-vous être parrainé ? : </div><!--
--><div style="color:#15b0a8";>Multicompte ?: </div><!--
--><div style="color:#15b0a8";>Code(s) du contrat : </div><!--
--><div style="color:#15b0a8";>Envie de nous dire quelque chose ? : </div><!--
--></div></div></div><div class="app-credit"><a href="http://terrible.forumactif.org" target="_blank">Awful</a></div></div>
Bonne soirée :)
Bonjour Inamio,
J'ai retiré les scrollbars :
Remplacé "donnée de compétences par le titre de votre spécialité ex : Personel militaires ect)
(Passage important et obligatoire de votre histoire, c'est pour cela qu'il faut le mettre à part afin qu'on comprenne bien son état d'esprit à ce moment là)
Nous sommes maintenant en 2018. Des renforts matériels et humains arrivent par le biai du Dédale régulièrement. La situation est difficile, les Genii & les wraith ne cessent de leur rendre la vie difficile mais lentement les conditions s'améliorent avec la découverte d'un nouvel E2PZ particulier découvert sur le nouvel site alpha : La Terre sans jour, qui permet d'avoir des contacts régulier avec la terre.) - Texte ici
J'espère que ça te va comme ça. Tu veux que je modifie le code "compétences", sinon ? Ou ça te va comme ça ?
J'ai retiré les scrollbars :
Prénom Nom
- écrire ici
- écrire ici
- écrire ici
- écrire ici
- écrire ici
- (Seul les personnages de la série et quelques exceptions sont de l'expéditions de base 2012. Donc vous êtes des "renfort" préciser la date) - écrire ici
- (Médecin, militaire, scientifiques ...) - écrire ici
- (Le domaine de compétence dans lequel vous excellez, votre spécialité dans votre métier... ?) - écrire ici
- Seul les personnages de la série et quelques exceptions sont de l'expéditions de base 2012. Donc vous êtes des "renfort" préciser la date) - écrire ici
- écrire ici
- (à remplir par l'administration après le lancé du dé)écrire ici
- (à demander après un mois de jeu et à compléter après)- écrire ici
- écrire ici
- écrire ici
- (Quelles langues parle votre personnage en plus de l'anglais ?) -écrire ici
- (Les peurs de votre personnage, ce qui le terrifie ou simplement le fait sursauter)-
- (L'objet personnel qu'a choisi votre personnage pour partir sur Atlantis. Un seul autorisé.) - écrire ici
- écrire ici
Citation ici, avez quelques chose à dire ? Petite phrases sur votre personnage, citation ou envies
Données de compétences
Remplacé "donnée de compétences par le titre de votre spécialité ex : Personel militaires ect)
Personnel militaire
Compétences de base
- Blabla
- Blabla
- Blabla
- Blabla
- Blabla
Compétences secondaires
- Blabla
- Blabla
- Blabla
- Blabla
- Blabla
Données d'une personnalité
(Minimum de 150 mots exigé. Détaillez maintenant la personnalité de votre personnage. Quels sont ses défauts, qualités ? Comment réagit-il dans une situation de stress, face à la hiérarchie ...) - Texte IciDonnées d'un passé chargé
(Le style de présentation vous est libre. C'est ici, en un minimum de 400 mots, que vous nous raconterez les aventures qu'a vécu votre personnage jusqu'à maintenant. Vous pouvez le faire sous forme de RP, de journal intime, de souvenirs... ; vous êtes libre d'utiliser la source qui vous inspire le plus. Et bien sûr, vous nous présentez votre personnage aujourd'hui : comment et pourquoi a-t-il été choisi pour l'expédition Atlantis, que faisait-il avant de postuler, quelles sont ses aspirations, ses particularités, quelles sont ses ambitions ? N'oubliez pas que pour faire partie de l'expédition il faut exceller dans son domaine.) - Texte iciDonnées d'arrivée
Comment votre personnage a-t-il vécu le moment il a pu poser les pieds sur Atlantis ? Ses premiers pas sur la Cité des Anciens ? :(Passage important et obligatoire de votre histoire, c'est pour cela qu'il faut le mettre à part afin qu'on comprenne bien son état d'esprit à ce moment là)
Nous sommes maintenant en 2018. Des renforts matériels et humains arrivent par le biai du Dédale régulièrement. La situation est difficile, les Genii & les wraith ne cessent de leur rendre la vie difficile mais lentement les conditions s'améliorent avec la découverte d'un nouvel E2PZ particulier découvert sur le nouvel site alpha : La Terre sans jour, qui permet d'avoir des contacts régulier avec la terre.) - Texte ici
Créé par Nom du joueur
Surnom :
LalalÂge :
Comment avez-vous connu Atlantis Insurrection ? :
Connaissez-vous les séries Stargate ? :
Souhaitez-vous être parrainé ? :
Multicompte ?:
Code(s) du contrat :
Envie de nous dire quelque chose ? :
J'espère que ça te va comme ça. Tu veux que je modifie le code "compétences", sinon ? Ou ça te va comme ça ?
Bonsoir Terrible
Dsl de mon retard de réponse
Merci :)
Si possible si tu peux centrer l'image d'avatar ? s'il te plait
Je veux bien que tu modifie le code compétence si ça ne te dérange pas.
De base je voulais l'assortir avec le texte de présentation et éviter qu'il ait un trop grand espace entre le type de compétence et les compétences
Dans ce style là (bon j'ai mis une police quelconque sur la maquette a ne pas tenir compte)
merci d'avance :)
Dsl de mon retard de réponse
Merci :)
Si possible si tu peux centrer l'image d'avatar ? s'il te plait
Je veux bien que tu modifie le code compétence si ça ne te dérange pas.
De base je voulais l'assortir avec le texte de présentation et éviter qu'il ait un trop grand espace entre le type de compétence et les compétences
Dans ce style là (bon j'ai mis une police quelconque sur la maquette a ne pas tenir compte)
merci d'avance :)
Bien sûr :)
La fiche complète :
J'ai mis le CSS + le HTML des compétences dedans, mais voici le morceau isolé :
Voilà ! c:
La fiche complète :
- 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: #15b0a8;--bordure-bloc: #111;}.app * { box-sizing: border-box;} .app {width: 550px;font-family: 'Roboto', sans-serif;background-color: #282828;padding: 10px;box-sizing: border-box;border: 1px solid #15b0a8;margin: auto;position: relative;}.app h2,.app h3 {font-family: 'Montserrat', sans-serif;margin:0;text-transform: uppercase;letter-spacing: 2px;font-size: 16px;font-weight: bold;color:#15b0a8;}.app h2 {background-color: var(--couleur-fond);text-align: center;color: #15b0a8;padding: 30px 0;border: 1px solid var(--bordure-bloc);}.app h3 {color: var(--couleur-fond2);margin-bottom: 10px; color:#15b0a8;}.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;}.app-info 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;}.app-info ul li {border-bottom: 1px solid #2c2c2c;padding: 7px 0 7px;display: flex;}.app-info ul li:last-child {border-bottom: 0;}.app-info ul li label {color:#15b0a8;min-width: 30%;max-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;display: flex; flex-direction: column; justify-content: center;}.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: #15b0a8;display: inline-block;font-size: 8px;text-transform: uppercase;letter-spacing: 1px;color: #090909;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;}.app-story + .app-story {border-top: 0;height: auto;}.app-story > div {background-color: #121212;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%;padding-right: 5px;line-height: 14px;}.joueur .app-avatar {height: 100px;width: 100px;}.app-joueur {-webkit-box-flex: 1;-ms-flex: 1;flex: 1; height: 100px;}.app-joueur-head {font-family: 'Montserrat', sans-serif;background-color: var(--couleur-fond2);text-transform: uppercase;color: #15b0a8;font-size: 10px;letter-spacing: 1px;padding: 0 10px;border: 1px solid var(--bordure-bloc);border-top: 0;height: 40px; line-height: 40px;}.app-joueur .infos {background-color: var(--couleur-fond);text-transform: none;color: #121212;font-family: "roboto";letter-spacing: 0px;height: 60px;overflow: auto;border: 1px solid var(--bordure-bloc);border-top: 0;padding: 10px;font-size: 11px;}.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: #15b0a8;}.competences { display: flex; flex-wrap: wrap;justify-content: space-between;}.competences__titre {border-bottom: dotted 2px #353535;letter-spacing: 1px; padding-bottom: 3px; margin-bottom: 10px; width: 100%;font-size: 15px; color:#15b0a8;}.competences__case{width: calc(50% - 5px);}.competences__sous-titre { text-transform: uppercase; font-weight: bold; font-family: 'Montserrat', sans-serif; margin-bottom: 5px; }ul.competences__liste{padding:0;margin:0;list-style:none;}.competences__liste label {font-weight:bold;color: #15b0a8;}</style>
<div class="app"><h2>Prénom Nom</h2><!--
--><div class="app-basics"><div class="app-info"><ul><!--
--><li><label>Nom</label>écrire ici</li><!--
--><li><label>Prénom(s)</label> écrire ici</li><!--
--><li><label>Date de naissance & Lieu</label> écrire ici</li><!--
--><li><label>Âge </label> écrire ici</li><!--
--><li><label>Nationalité</label> écrire ici</li><!--
--><li><label>Arrivée sur Atlantis</label> (Seul les personnages de la série et quelques exceptions sont de l'expéditions de base 2012. Donc vous êtes des "renfort" préciser la date) - écrire ici</li><!--
--><li><label>Poste occupé</label> (Médecin, militaire, scientifiques ...) - écrire ici</li><!--
--><li><label>Spécialité</label> (Le domaine de compétence dans lequel vous excellez, votre spécialité dans votre métier... ?) - écrire ici</li><!--
--><li><label>Arrivée sur Atlantis</label> Seul les personnages de la série et quelques exceptions sont de l'expéditions de base 2012. Donc vous êtes des "renfort" préciser la date) - écrire ici</li><!--
--><li><label>Groupe sanguin</label> écrire ici</li><!--
--><li><label>Gène ATA </label> (à remplir par l'administration après le lancé du dé)écrire ici</li><!--
--><li><label>Innoculation ATA</label> (à demander après un mois de jeu et à compléter après)- écrire ici</li><!--
--><li><label>Pathologie(s)</label> écrire ici</li><!--
--><li><label>Antécédents médicaux</label> écrire ici</li><!--
--><li><label>Langue(s)</label> (Quelles langues parle votre personnage en plus de l'anglais ?) -écrire ici</li><!--
--><li><label>Phobie(s)</label>(Les peurs de votre personnage, ce qui le terrifie ou simplement le fait sursauter)-</li><!--
--><li><label>Objet choisi</label> (L'objet personnel qu'a choisi votre personnage pour partir sur Atlantis. Un seul autorisé.) - écrire ici</li><!--
--><li><label>Avatar</label> écrire ici</li></ul><!--
--><div class="app-quote">Citation ici, avez quelques chose à dire ? Petite phrases sur votre personnage, citation ou envies</div><!--
--></div><div class="app-avatar"><img src="http://via.placeholder.com/200x320" /></div></div><!--
--><div class="app-story"><div><div><h3>Données de compétences</h3>
Remplacé "donnée de compétences par le titre de votre spécialité ex : Personel militaires ect)
<div class="competences"><div class="competences__titre">Personnel militaire</div><!--
--><div class="competences__case"><!--
--><div class="competences__sous-titre">Compétences de base</div><!--
--><ul class="competences__liste"><li><label>Corps à corps :</label> Blabla</li><!--
--><li><label>Corps à corps :</label> Blabla</li><!--
--><li><label>Corps à corps :</label> Blabla</li><!--
--><li><label>Corps à corps :</label> Blabla</li><!--
--><li><label>Corps à corps :</label> Blabla</li></ul></div><!--
--><div class="competences__case"><!--
--><div class="competences__sous-titre">Compétences secondaires</div><!--
--><ul class="competences__liste"><li><label>Corps à corps :</label> Blabla</li><!--
--><li><label>Corps à corps :</label> Blabla</li><!--
--><li><label>Corps à corps :</label> Blabla</li><!--
--><li><label>Corps à corps :</label> Blabla</li><!--
--><li><label>Corps à corps :</label> Blabla</li></ul></div></div>
</div></div></div><!--
--><div class="app-story"><div><div><h3>Données d'une personnalité</h3>(Minimum de 150 mots exigé. Détaillez maintenant la personnalité de votre personnage. Quels sont ses défauts, qualités ? Comment réagit-il dans une situation de stress, face à la hiérarchie ...) - Texte Ici
</div></div></div><!--
--><div class="app-story"><div><div><h3>Données d'un passé chargé</h3> (Le style de présentation vous est libre. C'est ici, en un minimum de 400 mots, que vous nous raconterez les aventures qu'a vécu votre personnage jusqu'à maintenant. Vous pouvez le faire sous forme de RP, de journal intime, de souvenirs... ; vous êtes libre d'utiliser la source qui vous inspire le plus. Et bien sûr, vous nous présentez votre personnage aujourd'hui : comment et pourquoi a-t-il été choisi pour l'expédition Atlantis, que faisait-il avant de postuler, quelles sont ses aspirations, ses particularités, quelles sont ses ambitions ? N'oubliez pas que pour faire partie de l'expédition il faut exceller dans son domaine.) - Texte ici</div></div></div><!--
--><div class="app-story"><div><div><h3>Données d'arrivée</h3> Comment votre personnage a-t-il vécu le moment il a pu poser les pieds sur Atlantis ? Ses premiers pas sur la Cité des Anciens ? :
(Passage important et obligatoire de votre histoire, c'est pour cela qu'il faut le mettre à part afin qu'on comprenne bien son état d'esprit à ce moment là)
Nous sommes maintenant en 2018. Des renforts matériels et humains arrivent par le biai du Dédale régulièrement. La situation est difficile, les Genii & les wraith ne cessent de leur rendre la vie difficile mais lentement les conditions s'améliorent avec la découverte d'un nouvel E2PZ particulier découvert sur le nouvel site alpha : La Terre sans jour, qui permet d'avoir des contacts régulier avec la terre.) - Texte ici</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"> <!--
--><div style="color:#15b0a8";>Surnom : </div> Lalal<!--
--><div style="color:#15b0a8";>Âge : </div><!--
--><div style="color:#15b0a8";>Comment avez-vous connu Atlantis Insurrection ? : </div><!--
--><div style="color:#15b0a8";>Connaissez-vous les séries Stargate ? : </div><!--
--><div style="color:#15b0a8";>Souhaitez-vous être parrainé ? : </div><!--
--><div style="color:#15b0a8";>Multicompte ?: </div><!--
--><div style="color:#15b0a8";>Code(s) du contrat : </div><!--
--><div style="color:#15b0a8";>Envie de nous dire quelque chose ? : </div><!--
--></div></div></div><div class="app-credit"><a href="http://terrible.forumactif.org" target="_blank">Awful</a></div></div>
J'ai mis le CSS + le HTML des compétences dedans, mais voici le morceau isolé :
- Code:
<style>.competences { display: flex; flex-wrap: wrap;justify-content: space-between;}.competences__titre {border-bottom: dotted 2px #353535;letter-spacing: 1px; padding-bottom: 3px; margin-bottom: 10px; width: 100%;font-size: 15px; color:#15b0a8;}.competences__case{width: calc(50% - 5px);}.competences__sous-titre { text-transform: uppercase; font-weight: bold; font-family: 'Montserrat', sans-serif; margin-bottom: 5px; }ul.competences__liste{padding:0;margin:0;list-style:none;}.competences__liste label {font-weight:bold;color: #15b0a8;}</style>
<div class="competences"><div class="competences__titre">Personnel militaire</div><!--
--><div class="competences__case"><!--
--><div class="competences__sous-titre">Compétences de base</div><!--
--><ul class="competences__liste"><li><label>Corps à corps :</label> Blabla</li><!--
--><li><label>Corps à corps :</label> Blabla</li><!--
--><li><label>Corps à corps :</label> Blabla</li><!--
--><li><label>Corps à corps :</label> Blabla</li><!--
--><li><label>Corps à corps :</label> Blabla</li></ul></div><!--
--><div class="competences__case"><!--
--><div class="competences__sous-titre">Compétences secondaires</div><!--
--><ul class="competences__liste"><li><label>Corps à corps :</label> Blabla</li><!--
--><li><label>Corps à corps :</label> Blabla</li><!--
--><li><label>Corps à corps :</label> Blabla</li><!--
--><li><label>Corps à corps :</label> Blabla</li><!--
--><li><label>Corps à corps :</label> Blabla</li></ul></div></div>
Voilà ! c:
|
|