[Terminée] Kenryoku Senso - Miss-sucette - Multi-fiche

Miss-Sucette

Le type du code : Il y a différent type de code (J'ai demande si je pouvais tout place en une seule commende on ma dit oui ^^)
Le schéma: OBLIGATOIRE.

Spoiler:

sur la Gauche la premières est une fiche à tout faire ou rp, puis une fiche de scenario et la troisième une partie de la fiche de liens
sur la droit tu a une fiche pour le règlement ou pour autres chose ou j'aurrais besoin d'un sous titre
et la fiche de présentations
sur la deuxième partie à gauche tu a la fiche pour les lien vers nos rps et une fiche pour résumes de nos rp pour le journal
à droit tu a donc la deuxième fiche pour les liens (Celle qui presente ton perso et les liens rechercher)
en gros

Fiche de competences ^^:

pour la fiche de rechercher il y a une i;age de fond => https://media.discordapp.net/attachments/485923439232811030/782223872405012510/vieux-papier-fond-texture-grunge_1048-4464.jpg?width=503&height=628

Couleur ; Fond de du code => #191919 ou #1C1C1C

Fond du Titre et sous-titre => #7395b8 ou #284a6a

Texte titre => #000000

Textes => #fefffe ou #aaafbc

Textes

images https://media.discordapp.net/attachments/767828482352218143/768053134610137088/fiche_reglement.gif

Le reste je me charge d'eux ^^

police Libre, si il faut change je le fera ^^
Acceptez-vous que le code soit mis en LS sur AK ? Vous avez le droit de dire non, mais le partage c'est beau ! Je peux également le poster en LS à retardement, genre dans 1 ou 2 mois pour que vous gardiez l'exclusivité pour votre MAJ et ensuite, quand il n'est plus utilisé, le laisser à la disposition d'autres
Un lien vers votre forum/site/Autre: https://kenryoku-senso.forumactif.com
Pseudo discord : Miss-sucette
Autre chose? Merci D’avance et je sais que cela va prendre du temps ^^

Arya

Commande prise en charge sur Discord par Styl'in Son

Coucou

Je passe par ici juste t'informer que @styl'in son n'a pas d'internet en ce moment donc je vais l'aider et prendre un peu le relai, j'attends juste qu'elle me fournisse déjà ce qu'elle a pu débuter et je continuerai :3
Je posterai sous discord sous peu Smile

Hello

Comme convenu je te file une partie des codes faits par @Styl'in son
Il y a je crois la fiche type et la fiche de lien, du coup est-ce que tu penses que tu pourrais me barrer ce qui a été fait et édité du coup ton premier post pour que je puisse plus facilement voir ce qu'il reste à faire [Terminée] Kenryoku Senso - Miss-sucette - Multi-fiche 1900401734

[Terminée] Kenryoku Senso - Miss-sucette - Multi-fiche 1900401734

D'avance merci et voici les codes (enfin les premiers) :
fiche type :

Code:: <center><div class="fds"><div class="tits">Titre</div><img src="https://media.discordapp.net/attachments/767828482352218143/768053134610137088/fiche_reglement.gif" class="ims" /><div class="tes">Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible...</div><div class="crs">by styl'in son</div></div></center>

fiche de liens :

Code:: <center><div class="fds"><div class="tits">Titre</div><table><tr><td><img src="https://media1.tenor.com/images/9f4ce0e108e64a407817c8368dc954e8/tenor.gif?itemid=11548981" class="im1s"/></td><td><div class="tess1">Prénom Nom - Lien</div><hr /><div class="tess2">texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien...</div></td></tr></table><hr /><table><tr><td><div class="tess1">Prénom Nom - Lien</div><hr /><div class="tess2">texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien...</div></td><td><img src="https://media1.tenor.com/images/9f4ce0e108e64a407817c8368dc954e8/tenor.gif?itemid=11548981" class="im1s"/></td></tr></table><hr /><table><tr><td><img src="https://media1.tenor.com/images/9f4ce0e108e64a407817c8368dc954e8/tenor.gif?itemid=11548981" class="im1s"/></td><td><div class="tess1">Prénom Nom - Lien</div><hr /><div class="tess2">texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien...</div></td></tr></table><hr /><table><tr><td><div class="tess1">Prénom Nom - Lien</div><hr /><div class="tess2">texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien... texte de ton lien...</div></td><td><img src="https://media1.tenor.com/images/9f4ce0e108e64a407817c8368dc954e8/tenor.gif?itemid=11548981" class="im1s"/></td></tr></table><div class="crs">by styl'in son</div></div></center>

css :

Code:: /********************** FICHE TYPE MISS SUCETTE *********************/

.fds{background-color:#191919;width:400px;height:auto;font-size:12px;font-family:arial;}
.tits{font-size:20px;color:#000000;background-color:#284a6a;padding:5px;text-transform:uppercase;font-family:economica;}
.ims{width:400px;}
.tes{color:#fefffe;text-align:justify;padding:10px;width:380px;}
.crs{opacity:0.5;color:grey;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-family:economica;}

/*********** FIN FICHE TYPE ********************/

/********* FICHE LIENS ************/

.im1s{width:100px;}
.tess1{color:#fefffe;text-align:center;padding:5px;width:280px;text-transform:uppercase;letter-spacing:2px;height:10px;}
.tess2{color:#fefffe;text-align:justify;padding:5px;width:280px;height:60px;overflow:auto;}
.crs{opacity:0.5;color:grey;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-family:economica;}

/******************** FIN FICHE LIENS *********************/

PS ta toute dernière image ne semble pas fonctionner

d'avance merci et bonne soirée :3

Coucou à toi

Alors progressivement, voici toutes les fiches commandées à l'exception du recherché vu que le fonds ne marche pas et ta boutique car pour moi ta demande est incomplète, il faudra reposter une commande plus précise ou lire le MP que je t'ai fait sur discord, vu que je n'ai pas eu de retour.

Voici la fiche html et le css pour la fiche inventaire :

html

Code:: <center><div class="fds"><div class="tits">Prénom & Nom</div><div class="tes">
<div class="invl0">
<div class="invinfo">Info et pouvoirs ; Info et pouvoirs ; Info et pouvoirs ; Info et pouvoirs ; Info et pouvoirs Info et pouvoirsInfo et pouvoirsInfo et pouvoirsInfo et pouvoirsInfo et pouvoirsInfo et pouvoirsInfo et pouvoirsInfo et pouvoirsInfo et pouvoirsInfo et pouvoirsInfo et pouvoirsInfo et pouvoirsInfo et pouvoirsInfo et pouvoirsInfo et pouvoirsInfo et pouvoirsInfo et pouvoirsInfo et pouvoirs
</div>
<img src="https://images2.imgbox.com/95/5b/nXVQiHUT_o.png" class="imginv"/>
</div>
<div class="contenutitreinv">Résumer</div><div class="contenuhinv">Ici il faut écrire ton histoire, elle devra faire un minimum de 200 mots.</div></div>
<div class="tits">Titre</div><div class="inventairel1"><div class="inv1"><div class="invtitre">titre</div><div class="contenuinv">Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible...</div></div><div class="inv1"><div class="invtitre">titre</div><div class="contenuinv">Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible...</div></div><div class="inv1"><div class="invtitre">titre</div><div class="contenuinv">Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible...</div></div><div class="inv1"><div class="invtitre">titre</div><div class="contenuinv">Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible...</div></div></div><div class="inventairel1"><div class="inv1"><div class="invtitre">titre</div><div class="contenuinv">Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible...</div></div><div class="inv1"><div class="invtitre">titre</div><div class="contenuinv">Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible...</div></div><div class="inv1"><div class="invtitre">titre</div><div class="contenuinv">Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible...</div></div><div class="inv1"><div class="invtitre">titre</div><div class="contenuinv">Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible...</div></div>
</div>
<div class="crs">by arya</div></div></center>

css

Code:: .invl0{display:flex;justify-content: space-between;width: 350px;margin: auto;}
.inventairel1{display:flex;width: 400px;}
.inv1{ display: flex;
flex-direction: column;
align-items: flex-start;width: 100px;}
.invtitre{width: 100px;background:#7395b8; font-family:economica; font-size:15px; padding: 5px; }
.contenuinv{color:#fefffe;text-align:justify;padding:10px;width:100px;overflow:auto;height: 150px;}
.invinfo{width: 175px;background:#7395b8; font-family:economica; font-size:11px; padding: 5px;height: 100px;overflow:auto;
margin-top: 50px;}
.imginv{width: 100px; height: 150px;}
.contenutitreinv{width: 315px; padding: 5px;background-color: #284a6a;font-family: economica; margin: auto; text-align: center; }
.contenuhinv{margin: auto; background: #7395b8;
font-family: economica;
font-size: 11px;
height: 100px;
padding: 5px;
width: 315px;text-align: justify;overflow: auto;}

autres fiches que je ne sais pas qualifier (le css complet viendra en bas)
html :

Code:: <center><div class="fds"><div class="tits">Prénom Nom</div><div class="soustitre"> Ft. Célébrité ; Citation / PRIS/LIBRE</div><div class="scenariol1">
<div class="scenarioc1"><div class="lien">Pseudo</div>
<div class="contenu">Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible...</div></div>
<div class="scenarioc1"><div class="lien">Pseudo</div>
<div class="contenu">Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible...</div></div></div>
<div class="soustitre">Infos générales</div><div class="tes">Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible...</div><div class="crs">by styl'in son et Arya</div></div></center>

html :

Code:: <center><div class="fds"><img src="https://media.discordapp.net/attachments/767828482352218143/768053134610137088/fiche_reglement.gif" class="ims" /><div class="tits">Titre</div><div class="soustitre2">titre du RP</div><div class="tes">Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible...</div><div class="soustitre2">Sous-Titre</div><div class="tes">Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible...</div><div class="crs">by styl'in son</div></div></center>

html :

Code:: <center><div class="fds"><div class="tits">Titre</div><img src="https://media.discordapp.net/attachments/767828482352218143/768053134610137088/fiche_reglement.gif" class="ims" /><div class="soustitre">Sous-Titre</div><div class="tes">Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible...</div><div class="soustitre">Sous-Titre</div><div class="tes">Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible...</div><div class="crs">by styl'in son</div></div></center>

html :

Code:: <center><div class="fds"><div class="tits">Titre</div><div class="tes">Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible...</div><div class="crs">by styl'in son</div></div></center>

html :

Code:: <center><div class="fds"><div class="tits">Prénom Nom</div><img src="https://media.discordapp.net/attachments/767828482352218143/768053134610137088/fiche_reglement.gif" class="ims" /><br/>
<div class="prezl1">

<div class="ec"><div class="soustitreprez">Infos générales</div>
nom ; prénom ; âge ; célibataire/en couple
</div>
<img src="https://images2.imgbox.com/95/5b/nXVQiHUT_o.png" class="imgprez"/>
</div>

<div class="prezl2">
<div class="prezc1"><div class="preztitre">Physique</div>
<div class="contenuprez">Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible...</div></div>
<div class="prezc1"><div class="preztitre">caractère</div>
<div class="contenuprez">Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible... Ici, tu mets le texte dont tu as besoin pour que ta fiche soit complète et compréhensible...</div></div></div>

<div class="contenutitreh">Histoire</div><div class="contenuh">Ici il faut écrire ton histoire, elle devra faire un minimum de 200 mots.</div>
<div class="prezl1">
<img src="https://media.discordapp.net/attachments/767828482352218143/768053134610137088/fiche_reglement.gif" class="icône" /><div class="derriereecran"><div class="derriereecrantitre">derrière l'écran</div> infos derrières l'écran, qui es-tu le joueur ?</div>

</div>
<div class="crs">by styl'in son et Arya</div></div></center>

html :

Code:: <center><div class="fds"><div class="tits">Prénom Nom</div><img src="https://media.discordapp.net/attachments/767828482352218143/768053134610137088/fiche_reglement.gif" class="ims" /><br/>
<div class="prezl1">

<div class="ec"><div class="soustitreprez">Les liens recherchés</div>
premier lien etc....
</div>
<img src="https://images2.imgbox.com/95/5b/nXVQiHUT_o.png" class="imgprez"/>
</div>

<div class="contenutitreh">Histoire</div><div class="contenuh">Ici il faut écrire ton histoire, elle devra faire un minimum de 200 mots.</div>

<div class="crs">by styl'in son et Arya</div></div></center>

css intégral en ce compris les liens plus haut et l'inventaire ;

Code:: /********* FICHE LIENS ************/

.im1s{width:100px;}
.tess1{color:#fefffe;text-align:center;padding:5px;width:280px;text-transform:uppercase;letter-spacing:2px;height:10px;}
.tess2{color:#fefffe;text-align:justify;padding:5px;width:280px;height:60px;overflow:auto;}
.crs{opacity:0.5;color:grey;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-family:economica;}

/******************** FIN FICHE LIENS *********************/

.invl0{display:flex;justify-content: space-between;width: 350px;margin: auto;}
.inventairel1{display:flex;width: 400px;}
.inv1{ display: flex;
flex-direction: column;
align-items: flex-start;width: 100px;}
.invtitre{width: 100px;background:#7395b8; font-family:economica; font-size:15px; padding: 5px; }
.contenuinv{color:#fefffe;text-align:justify;padding:10px;width:100px;overflow:auto;height: 150px;}
.invinfo{width: 175px;background:#7395b8; font-family:economica; font-size:11px; padding: 5px;height: 100px;overflow:auto;
margin-top: 50px;}
.imginv{width: 100px; height: 150px;}
.contenutitreinv{width: 315px; padding: 5px;background-color: #284a6a;font-family: economica; margin: auto; text-align: center; }
.contenuhinv{margin: auto; background: #7395b8;
font-family: economica;
font-size: 11px;
height: 100px;
padding: 5px;
width: 315px;text-align: justify;overflow: auto;}

/**** SCROLLBAR ****/

::-webkit-scrollbar {
width: 5px; /*largeur de la scrollbar verticale*/
height: 5px; /*hauteur de la scrollbar horizontale*/
background-color: #ecc427 !important;}

::-webkit-scrollbar-track {
background-color:transparent !important; /*couleur du fond de la scrollbar*/}

::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
background-color: #a1dedd; /*couleur de l'ascenseur*/;
}

::-webkit-scrollbar-button {
background-color:#ecc427;
}
/**** FIN SCROLLBAR ****/

Je te laisse me dire si c'est tout ok pour toi Smile

Je te laisse me transmettre éventuellement la fiche wanted avec le fonds qui fonctionne pour que je puisse de te la faire, mais pour la boutique il me faudra un truc plus complet et surtout tu peux facilement trouver une boutique sympa sur never utopia :3

à très bientôt

Bonjour merci Beaucoup pour les fiche et désole de répondre si trad sur le forum. Tout est ok sauf que j'ai un petit problème avec les deux dernier fiches, elle me font ça =>

https://i.servimg.com/u/f11/19/77/61/57/teste211.png

c'est peut-être moi qui est fait une erreur tout simplement.

Pour image de fond => https://i.servimg.com/u/f11/19/77/61/57/vieux-10.jpg

le code tu peux la faire a la tailler d'un simple avatar 200 sur 320.
Pour la boutique, je vais essayer de place celui que tu ma passe.

Passe une bonne journée.

Merci pour se travailler aussi rapide ^^

Coucou

J'en prends bonne note, alors est-ce bien celle-ci : https://arya-forumtest.forumactif.com/t31-fiche-presentation-ok
Pour moi, elles fonctionnent, as-tu bien publié la fiche ? as-tu bien c/C intégralement le dernier CSS fournis ? (car s'il y a des doublons, ça peut ne pas fonctionner) peux-tu me donner le lien de ton forum ?
Personnellement, même en insérant la fiche sur une autre page, ou sur un de mes autres forums, test ça fonctionne [Terminée] Kenryoku Senso - Miss-sucette - Multi-fiche 2618360875

[Terminée] Kenryoku Senso - Miss-sucette - Multi-fiche 2618360875

merci à toi

édit : je m'excuse, voici le css complet (j'en avais oublié une partie, désolée)

normalement ça devrait être good :

Code:: /********************** FICHE TYPE MISS SUCETTE *********************/

.fds{background-color:#191919;width:400px;height:auto;font-size:12px;font-family:arial;}
.tits{font-size:25px;color:#000000;background-color:#284a6a;padding:5px;text-transform:uppercase;font-family:economica;}
.ims{width:400px;}
.tes{color:#fefffe;text-align:justify;padding:10px;width:380px;}
.crs{opacity:0.5;color:grey;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-family:economica;}
.soustitre{font-size:10px;color:#000000;background-color:#284a6a;padding:5px;text-transform:uppercase;font-family:economica;}
.soustitre2{font-size:15px;color:#000000;background-color:#284a6a;padding: 5px 0px 5px 20px;font-family:economica;text-align: left;}
/*********** FIN FICHE TYPE ********************/

/*** Scenario ***/
.scenariol1{display:flex;}
.lien{width: 200px;background:#7395b8; font-family:economica; font-size:20px; padding: 5px; }
.scenarioc1{ display: flex;
  flex-direction: column;
  align-items: flex-start;width: 200px;}
.contenu{color:#fefffe;text-align:justify;padding:10px;width:200px;overflow:auto;height: 100px;}

/*** fin scénario ***/

/*** prez ***/
.prezl1{display:flex;justify-content: space-around;}
.ec{width: 175px;background:#7395b8; font-family:economica; font-size:11px; padding: 5px;height: 100px;margin-top: 40px;overflow:auto;}
.imgprez{width: 100px; height: 150px;margin-left:40px;}
.soustitreprez{background-color: #284a6a;
   color: #000;
   font-family: economica;
   font-size: 10px;
   width: 175px;
   margin-left: -5px;
   margin-top: -5px;
   padding: 5px;
   text-transform: uppercase;
}
.prezl2{display:flex;width: 360px;margin: auto;}
.prezc1{ display: flex;
  flex-direction: column;
  align-items: flex-start;width: 175px;}
.preztitre{width: 165px;background:#7395b8; font-family:economica; font-size:15px; padding: 5px; }
.contenuprez{color:#fefffe;text-align:justify;padding:5px;width:165px;overflow:auto;height: 70px;}
.contenutitreh{width: 350px; padding: 5px;background-color: #284a6a;font-family: economica; margin: auto; text-align: center; }
.contenuh{margin: auto; background: #7395b8;
   font-family: economica;
   font-size: 11px;
   height: 100px;
   padding: 5px;
  width: 350px;text-align: justify;overflow: auto;}
.icône{width: 100px; height: 100px;}

.derriereecran{background: #7395b8;
   font-family: economica;
   font-size: 11px;
   height: 90px;
   padding: 5px;
  width: 250px;text-align: justify;width: 253px;
   margin-left: -17px;overflow: auto;}
.derriereecrantitre{width: 240px; padding: 5px;background-color: #284a6a;font-family: economica;margin-top: -5px;
   margin-left: -5px;
   width: 253px;}

/********* FICHE LIENS ************/

.im1s{width:100px;}
.tess1{color:#fefffe;text-align:center;padding:5px;width:280px;text-transform:uppercase;letter-spacing:2px;height:10px;}
.tess2{color:#fefffe;text-align:justify;padding:5px;width:280px;height:60px;overflow:auto;}
.crs{opacity:0.5;color:grey;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-family:economica;}

/******************** FIN FICHE LIENS *********************/

.invl0{display:flex;justify-content: space-between;width: 350px;margin: auto;}
.inventairel1{display:flex;width: 400px;}
.inv1{ display: flex;
  flex-direction: column;
  align-items: flex-start;width: 100px;}
.invtitre{width: 100px;background:#7395b8; font-family:economica; font-size:15px; padding: 5px; }
.contenuinv{color:#fefffe;text-align:justify;padding:10px;width:100px;overflow:auto;height: 150px;}
.invinfo{width: 175px;background:#7395b8; font-family:economica; font-size:11px; padding: 5px;height: 100px;overflow:auto;
   margin-top: 50px;}
.imginv{width: 100px; height: 150px;}
.contenutitreinv{width: 315px; padding: 5px;background-color: #284a6a;font-family: economica; margin: auto; text-align: center; }
.contenuhinv{margin: auto; background: #7395b8;
   font-family: economica;
   font-size: 11px;
   height: 100px;
   padding: 5px;
  width: 315px;text-align: justify;overflow: auto;}

/**** SCROLLBAR ****/

::-webkit-scrollbar {
  width: 5px; /*largeur de la scrollbar verticale*/
  height: 5px; /*hauteur de la scrollbar horizontale*/
  background-color: #ecc427 !important;}

::-webkit-scrollbar-track {
  background-color:transparent !important; /*couleur du fond de la scrollbar*/}

::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #a1dedd; /*couleur de l'ascenseur*/;
}

::-webkit-scrollbar-button {
   background-color:#ecc427;
}
/**** FIN SCROLLBAR ****/

Re
Double-post pour la fiche recherchée :

Code:: <style>.fonds{background-image: url(https://i.servimg.com/u/f11/19/77/61/57/vieux-10.jpg);height: 460px;margin: auto;text-align: center;width: 400px;}.titre{font-size: 60px; font-weight: bold; text-transform:uppercase;}.recherche{width: 300px; height: 150px;}.soustitrerecherche{font-size: 30px; text-transform:uppercase;}.id{font-size: 40px;font-weight: bold;}.prix{font-size: 30px;}.motif{font-size: 25px;}</style>
<div class="fonds">

<div class="titre">Wanted</div>

<img src="https://media.discordapp.net/attachments/767828482352218143/768053134610137088/fiche_reglement.gif" class="recherche" />

<div class="soustitrerecherche">Dead-or-alive</div>

<div class="id">Nom du Personnage</div>

<div class="prix">XX dollars</div>

<div class="motif">recherchée pour meurtre</div>
</div>

Je pense à présent que la commande est terminée :3 Je te laisse me répondre et si tout est good j'archiverai Smile

Bonsoir, C'est parfait merci beaucoup ^^

Je peux archiver ? Ou tu as des autres soucis ?

Sans nouvelle, je considère que la commande est bien terminée.
J'archive donc.

» [terminée ARYA] The mortal instruments - TMI - PA
» Fiche de pub #1
» Fiche de lien #1
» Fiche RP #1 Laxy

Rechercher

Résultats par : Messages Sujets
Recherche avancée