Alors voilà le bottin des vavas/pvs en mode responsive. Il est graphé, codé et déjà aux 3/4 rempli ! Youpi !!! J'espère qu'il vous convient et en plus sur cette version-ci il ne déforme plus le sujet en élargissant ma colonne 8) Question svp : je laisse le fond en gris ou je le mets en plus foncé comme la barre de nav et le profil avec vava à droite ? A vos avis svp !
Erèbe Dieu
Emploi : Propriétaire du Queen Date d'inscription : 26/12/2017 Messages : 56
Ven 26 Jan - 10:27
Et hop ! Voilà donc la fiche des pvs vierge ! Si cela te convient mon Nounourson je pourrais donc les coder pour chaque pv et ensuite les héberger. Donc à ton avis please && gracias !
Erèbe Dieu
Emploi : Propriétaire du Queen Date d'inscription : 26/12/2017 Messages : 56
Ven 26 Jan - 11:09
Modèle repris sur Reborn
A FAIRE
Changer les polices des titres
Changer les couleurs de fond des titres
Checker les couleurs des fonds des boxes
Modifier les intitulés
Revoir le formatage des paragraphes dans les boxes ! ( autrement dit les virer xD )
Héberger la feuille de style sur AH ...groumphf !
Code:
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css"/><link href="https://www.aht.li/3178474/presamembres1.css" rel="stylesheet" style="text/css"><!-- DEBUT FICHE --><fieldset class="boxSET"><!-- NOM PRENOM --><legend class="lgdSET">Nom Prénom</legend><!-- FIN NP --><table style="margin:auto;"><tr><td rowspan="2"><div class="infosSET"><!-- DEBUT INFORMATIONS --><div><center>ft. ... de ...</center><br/><!-- INFORMATIONS --><b>Âge</b> : ...<br/><b>Statut sanguin</b> : <i>Moldu, Cracmole, Mêlé ou Pur</i><br/><b>Situation conjugale</b> : <i>Célibataire, en couple, marié(e), veuf(ve), divorcé(e)</i><br/><b>Métier/études</b> : ...<br/><!-- DEBUT SPECIFICITES --><b>Entité abritée</b> : ...<br/><b>Pouvoir(s)</b> :... <br/><b>Arme(s)</b> : ... <br/><b>Aptitude(s) spéciale(s)</b> : <i>hacker pro, voleur, polyglotte & co...</i><br/><b>Signes distinctifs</b> : <i>tatouage, cicatrice, yeux vairons & co... </i></div><!-- IMAGE 200*320 --><img src="URL AVATAR 200*320" /><!-- FIN IMAGE --></div></td><td><!-- DEBUT CARACTERE --><div class="caraSET"><!-- TITRE --><div class="tSET">Caractère</div><!-- DESCRIPTION CARACTERE --><p>...</p></div><!-- FIN CARACTERE --></td></tr><tr><td><!-- DEBUT PENSEES --><div class="phySET"><!-- PENSEES --><div class="tSET">La Guerre & Moi</div><!-- DESCRIPTION PENSEES --><p>...</p></div><!-- FIN PENSEES --></td></tr></table><br/><!-- TITRE --><!-- DEBUT A PROPOS --><div class="aboutSET"><!-- TITRE --><div class="tIISET">Un peu de vous</div><!-- CONTENU --><p><b>PUF</b> : <i>Le pseudonyme que vous utilisez habituellement</i><br/><b>Prénom</b> : <i>A+B=Z</i><br/><b>Âge</b> : <i>En années, pommes de terre, diamants, balais, etc...</i><br/><b>Un peu plus de vous</b> : <i>Selon votre inspiration ou à la gloire des points de suspension</i></p></div></fieldset>
Jack Falahee — Jérôme Weasley James Franco — Fergus Moffat Jared Leto — William Rookwood Jon Kortajarena — Roméo Rookwood Jon Kortajarena — Ethan Waldorf Jonathan Rhys Meyers — Adrien de Habsbourg Source - Personnage Source - Personnage Source - Personnage Source - Personnage
<link href="https://www.aht.li/3176614/fichelinks.css" rel="stylesheet" type="text/css"><div id="pfilRLCAN" style="background:#ccc;"><!-- CREDIT --><a class="cdtFRLCAN" href="http://crushcrushcrush.actifforum.com" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- NOM/PRENOM --><div class="nameRLCAN" style="background:#1b1716;">Nom Prénom</div><!-- INFORMATIONS DIVERSES --><div class="infosRLCAN"><!-- IMAGE 100*200 - REDIMENSIONNEMENT AUTOMATIQUE A PARTIR DU 200*400 --><img src="..." /><!-- INFORMATIONS --><div>Âge<br/>Profession<br/>Groupe<br/>Situation conjugale</div></div><!-- ADJECTIFS --><p>adjectif * adjectif * adjectif * adjectif * adjectif<br/>adjectif * adjectif * adjectif * adjectif * adjectif</p><br/><div class="tleRLCAN">résumé</div><!-- RESUME HISTOIRE --><div class="storyRLCAN" style="border-color:#1b1716;">résumé histoire personnage</div><!-- RECHERCHE LIENS --><div class="tleIIRLCAN">recherche</div><!-- RECHERCHES --><div class="searchRLCAN" style="border-color:#1b1716;">• <b>type du lien</b> : description<br/>• <b>type du lien</b> : description<br/>• <b>type du lien</b> : description</div><!-- LISTE DES RPs --><div class="listRLCAN" style="background:#1b1716;">liste des RPs<!-- LISTE --><div style="background:#1b1716; color:#DED7BA;"><b>EN COURS</b><br/>• <a href="" target="_blank">titre</a> <i>ft. ...</i><br/>• <a href="" target="_blank">titre</a> <i>ft. ...</i><br/><br/><b>ACHEVES</b><br/>• <a href="" target="_blank">titre</a> <i>ft. ...</i><br/>• <a href="" target="_blank">titre</a> <i>ft. ...</i></div></div></div>
Nom Prénom
Petite citation illustrant la relation
Contenu de la description.
description
Nom Prénom
Petite citation illustrant la relation
Contenu de la description.
description
Nom Prénom
Petite citation illustrant la relation
Contenu de la description.
description
Nom Prénom
Petite citation illustrant la relation
Contenu de la description.
description
Code:
<link href="https://www.aht.li/3176614/fichelinks.css" rel="stylesheet" type="text/css"><div id="linkRLCAN"><!-- Ier LIEN --><div class="linkRLCAN" style="margin-right:35px; margin-left:10px; background:#ccc;"><div class="nameRLCAN" style="background:#1b1716;">Nom Prénom</div><!-- IMAGE I 75*75 --><img src="http://www.aht.li/2600123/IMGQEEL.png" /><!-- CITATION I --><p>Petite citation illustrant la relation</p><!-- DESCRIPTION I --><div class="descRLCAN" style="background:#1b1716;"><!-- CONTENU DESCRIPTION I --><div style="border-color:#4b606c; background:white; color:black;">Contenu de la description.</div>description</div></div><!-- IInd LIEN --><div class="linkRLCAN" style="background:#ccc;"><div class="nameRLCAN" style="background:#1b1716;">Nom Prénom</div><!-- IMAGE II 75*75 --><img src="http://www.aht.li/2600123/IMGQEEL.png" /><!-- CITATION II --><p>Petite citation illustrant la relation</p><!-- DESCRIPTION II --><div class="descRLCAN" style="background:#1b1716;"><!-- CONTENU DESCRIPTION II --><div style="border-color:#1b1716; background:white; color:black;">Contenu de la description.</div>description</div></div><!-- CREDIT --><a class="cdtRLCAN" href="http://crushcrushcrush.actifforum.com" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><br/><br/><!-- IIIème LIEN --><div class="linkRLCAN" style="margin-right:35px; margin-left:10px; background:#ccc;"><div class="nameRLCAN" style="background:#1b1716;">Nom Prénom</div><!-- IMAGE III 75*75 --><img src="http://www.aht.li/2600123/IMGQEEL.png" /><!-- CITATION III --><p>Petite citation illustrant la relation</p><!-- DESCRIPTION III --><div class="descRLCAN" style="background:#1b1716;"><!-- CONTENU DESCRIPTION III --><div style="border-color:#1b1716; background:white; color:black;">Contenu de la description.</div>description</div></div><!-- IVème LIEN --><div class="linkRLCAN" style="background:#ccc;"><div class="nameRLCAN" style="background:#1b1716;">Nom Prénom</div><!-- IMAGE IV 75*75 --><img src="http://www.aht.li/2600123/IMGQEEL.png" /><!-- CITATION IV --><p>Petite citation illustrant la relation</p><!-- DESCRIPTION IV --><div class="descRLCAN" style="background:#1b1716;"><!-- CONTENU DESCRIPTION IV --><div style="border-color:#4b606c; background:white; color:black;">Contenu de la description.</div>description</div></div></div>
Erèbe Dieu
Emploi : Propriétaire du Queen Date d'inscription : 26/12/2017 Messages : 56
Dim 28 Jan - 18:39
Et où est donc passée la fiche pour le recensement de nos rps ? Vous savez, celle qu'on ne remplit que super rarement ? Et bah comme je suis masochiste elle est en chemin ! En fait elle vient d'arriver ! :P
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RRP_RIT.css" rel="stylesheet" type="text/css"><!-- PARTIE CSS PERMETTANT DE MODIFIER LA COULEUR DES LIENS --><style type="text/css">.blocRIT a{color:white;} .blocRIT div{border-color:white;}</style><div id="RIT"><!-- IMAGE PERSONNAGE 200*320 - VEILLER A LAISSER LA CLASS --><img class="persoRIT" src="..." /><!-- CREDIT --><div class="cdtRIT"><a href="http://crushcrushcrush.actifforum.com/" target="_blank">Ʃkaemp はは </a></div><!-- NOM PRENOM PERSONNAGE --><div class="npRIT" style="background:#1b1716;"><div style="background:white; color:#1b1716;">NOM Prénom</div></div><!-- BLOC LISTE RPS --><div class="blocRIT" style="background:#1b1716; color:grey;"><!-- RPS EN COURS --><div class="tleRIT" style="background:white; color:#1b1716;">En cours</div><!-- CONTENU EN COURS --><div><a href="">titre du rp</a>ft. ...</div><div><a href="">titre du rp</a>ft. ...</div><!-- RPS TERMINES --><div class="tleRIT" style="background:white; color:#1b1716;">Achevés</div><!-- CONTENU TERMINES --><div><a href="">titre du rp</a>ft. ...</div><div><a href="">titre du rp</a>ft. ...</div><div><a href="">titre du rp</a>ft. ...</div><!-- RPS ABANDONNES --><div class="tleRIT" style="background:white; color:#1b1716;">Abandonnés</div><!-- CONTENU ABANDONNES --><div><a href="">titre du rp</a>ft. ...</div></div></div>
Erèbe Dieu
Emploi : Propriétaire du Queen Date d'inscription : 26/12/2017 Messages : 56
Mer 31 Jan - 14:05
Voici les codages pour différentes fiches admins. Je mets plusieurs modèles de manière à ce que nous puissions choisir. Chacun des modèles apparaît dans sa forme finie avec le code juste en-dessous. En espérant qu'ils vous plairont
Titre
Message.
Titre I
Titre II
Code:
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"><link href="https://www.aht.li/3120128/THROW_RP.css" rel="stylesheet" type="text/css"><!-- COULEURS PERSONNALISABLES --><div class="THROW" style="background:#1b1716;"><!-- CREDIT --><a class="cdtTHROW" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- TITRE --><div class="tleTHROW" style="background:#1b1716; color:#DED7BA;">Titre</div><!-- FT --><div class="ftTHROW"><!-- IMAGE 500*150 - REDIMENSIONNEMENT AUTOMATIQUE --><img src="https://www.aht.li/2780127/500150.png" /><!-- CONTENU --></div><!-- MESSAGE --><div class="msgTHROW" style="background:#DED7BA; color:#1b1716;">Message.<!-- TITRE GAUCHE --><div class="UITHROW" style="background:#1b1716; color:#DED7BA;">Titre I</div><!-- FIN TITRE GAUCHE --><!-- TITRE DROITE --><div class="UIITHROW" style="background:#1b1716; color:#DED7BA;">Titre II</div><!-- FIN TITRE DROITE --></div></div>
Titre
Message.
Titre I
Titre II
Code:
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"><link href="https://www.aht.li/3120128/THROW_RP.css" rel="stylesheet" type="text/css"><!-- COULEURS PERSONNALISABLES --><div class="THROW" style="background:#DED7BA;"><!-- CREDIT --><a class="cdtTHROW" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- TITRE --><div class="tleTHROW" style="background:#DED7BA; color:#1b1716;">Titre</div><!-- FT --><div class="ftTHROW"><!-- IMAGE 500*150 - REDIMENSIONNEMENT AUTOMATIQUE --><img src="https://www.aht.li/2780127/500150.png" /><!-- CONTENU --></div><!-- MESSAGE --><div class="msgTHROW" style="background:#1b1716; color:#DED7BA;">Message.<!-- TITRE GAUCHE --><div class="UITHROW" style="background:#DED7BA; color:#1b1716;">Titre I</div><!-- FIN TITRE GAUCHE --><!-- TITRE DROITE --><div class="UIITHROW" style="background:#DED7BA;color:#1b1716;">Titre II</div><!-- FIN TITRE DROITE --></div></div>
Erèbe Dieu
Emploi : Propriétaire du Queen Date d'inscription : 26/12/2017 Messages : 56
Mer 31 Jan - 14:21
Un Titre ( la taille du cadre s'adaptera à la longueur du texte )
Message.
Code:
<link href="https://www.aht.li/3137491/BAZ_RP.css" rel="stylesheet" type="text/css"><!-- COULEURS & POLICE PERSONNALISABLES --><div class="BAZ" style="font-family:Roboto sans sérif;"><!-- CREDIT --><a class="cdtBAZ" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- HAUT --><div class="topBAZ"><!-- BLOC TITRE --><div class="tleBAZ"><!-- TITRE --><div class="TBAZ" style="background:#DED7BA; color:#1b1716;">Un Titre ( la taille du cadre s'adaptera à la longueur du texte )</div><!-- ALIGNEMENT --><div class="ATBAZ"></div></div><!-- IMAGE 450*125 --><img src="https://www.pixenli.com/image/d1eW90uf" /></div><!-- MESSAGE --><div class="msgBAZ" style="background:#DED7BA;color:#1b1716;">Message.</div><!-- BANDE BAS --><div class="btmBAZ" style="background:#1b1716;"><!-- IMAGE - REDIMENSIONNEMENT AUTOMATIQUE --><div class="imgBAZ"><!-- IMAGE 75*75 & BORDURE --><img style="border-color:#DED7BA;" src="https://www.aht.li/3137486/7575BW.png" /></div></div></div>
Erèbe Dieu
Emploi : Propriétaire du Queen Date d'inscription : 26/12/2017 Messages : 56
Mer 31 Jan - 14:56
Un Titre ( la taille du cadre s'adaptera à la longueur du texte )
Message.
Code:
<link href="https://www.aht.li/3137491/BAZ_RP.css" rel="stylesheet" type="text/css"><!-- COULEURS & POLICE PERSONNALISABLES --><div class="BAZ" style="font-family:Roboto sans sérif;"><!-- CREDIT --><a class="cdtBAZ" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- HAUT --><div class="topBAZ"><!-- BLOC TITRE --><div class="tleBAZ"><!-- TITRE --><div class="TBAZ" style="background:#1b1716; color:#DED7BA;">Un Titre ( la taille du cadre s'adaptera à la longueur du texte )</div><!-- ALIGNEMENT --><div class="ATBAZ"></div></div><!-- IMAGE 450*125 --><img src="https://www.pixenli.com/image/LjUUKbDD" /></div><!-- MESSAGE --><div class="msgBAZ" style="background:#1b1716; color:#DED7BA;">Message.</div><!-- BANDE BAS --><div class="btmBAZ" style="background:#DED7BA;"><!-- IMAGE - REDIMENSIONNEMENT AUTOMATIQUE --><div class="imgBAZ"><!-- IMAGE 75*75 & BORDURE --><img style="border-color:#1b1716;" src="https://www.aht.li/3137486/7575BW.png" /></div></div></div>
Erèbe Dieu
Emploi : Propriétaire du Queen Date d'inscription : 26/12/2017 Messages : 56
Mer 31 Jan - 14:57
Sur ces modèles ( comme les précédents d'ailleurs) les images se redimensionneront automatiquement !
Titre
Message.
Code:
<link href="https://www.aht.li/3120648/BOR_RP.css" rel="stylesheet" type="text/css"><!-- COULEURS PERSONNALISABLES - BORDURE BAS --><div class="BOR" style="border-color:#1b1716;"><!-- CREDIT --><a class="cdtBOR" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- FT & IMAGES EN 90*90 - REDIMENSIONNEMENT AUTOMATIQUE --><div class="imgBOR" style="background:#1b1716;"><!-- FT --><div class="ftBOR"></div><!-- 5 IMAGES - I --><img src="http://www.aht.li/2776945/9090.png" /><!-- II --><img src="http://www.aht.li/2776945/9090.png" /><!-- III --><img src="http://www.aht.li/2776945/9090.png" /><!-- IV --><img src="http://www.aht.li/2776945/9090.png" /><!-- V --><img src="http://www.aht.li/2776945/9090.png" /></div><!-- BLOC TITRE --><div id="tleBOR" style="background:#1b1716; color:#DED7BA;"><!-- BORDURE TITRE --><div class="tleBOR" style="border-color:#DED7BA;">Titre</div></div><!-- MESSAGE --><div class="msgBOR" style="background:#1b1716; color:#DED7BA;">Message.</div></div>
Titre
Message.
Code:
<link href="https://www.aht.li/3120648/BOR_RP.css" rel="stylesheet" type="text/css"><!-- COULEURS PERSONNALISABLES - BORDURE BAS --><div class="BOR" style="border-color:#DED7BA;"><!-- CREDIT --><a class="cdtBOR" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- FT & IMAGES EN 90*90 - REDIMENSIONNEMENT AUTOMATIQUE --><div class="imgBOR" style="background:#DED7BA;"><!-- FT --><div class="ftBOR"></div><!-- 5 IMAGES - I --><img src="http://www.aht.li/2776945/9090.png" /><!-- II --><img src="http://www.aht.li/2776945/9090.png" /><!-- III --><img src="http://www.aht.li/2776945/9090.png" /><!-- IV --><img src="http://www.aht.li/2776945/9090.png" /><!-- V --><img src="http://www.aht.li/2776945/9090.png" /></div><!-- BLOC TITRE --><div id="tleBOR" style="background:#DED7BA; color:#1b1716;"><!-- BORDURE TITRE --><div class="tleBOR" style="border-color:#1b1716;">Titre</div></div><!-- MESSAGE --><div class="msgBOR" style="background:#DED7BA; color:#1b1716;">Message.</div></div>
Erèbe Dieu
Emploi : Propriétaire du Queen Date d'inscription : 26/12/2017 Messages : 56
Emploi : Propriétaire du Queen Date d'inscription : 26/12/2017 Messages : 56
Mer 31 Jan - 15:13
Bon, là, j'ai fini mes codages ... à moins que j'ai oublié quelque chose ? En fait si j'ai bien oublié quelque chose : la chronologie à la con Je repars en chasse
Erèbe Dieu
Emploi : Propriétaire du Queen Date d'inscription : 26/12/2017 Messages : 56
Ven 23 Fév - 11:48
MAJ des bottins
Et tiens... J'ai complètement zappé la chrono... Normal vu que je rame un maximum J'ai jamais aimé les timelines
Romy Mayfair Résistante
Emploi : Esclave Date d'inscription : 08/02/2018 Messages : 15