Eru Ilùvatar Admin Messages : 12 Date d'inscription : 30/08/2017 Avatar : Somebody I used to know
| Sujet: Codage du forum Dim 17 Sep - 15:50 |
|
Eru Ilùvatar Admin Messages : 12 Date d'inscription : 30/08/2017 Avatar : Somebody I used to know
| Sujet: Re: Codage du forum Jeu 16 Nov - 13:44 Fiche scénario: - Code:
-
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/PF_CAN.css" rel="stylesheet" type="text/css"><div id="PFCAN"><!-- CREDIT --><a class="cdtPFIICAN" href="http://crushcrushcrush.actifforum.com" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><div class="PFIICAN"><!-- NOM PRENOM(S) --><div class="npPFIICAN">NOM Prénom(s) - <i>disponible</i></div><!-- IMAGE 200*320 --><img src="http://www.aht.li/2839042/TAR_LS.png" /><!-- PHYSIQUE + FT --><div class="lookPFIICAN">ft. <i>personnage</i> de <b>série/artiste</b><br/><br/><b>Yeux</b> : <i>Couleur</i><br/><b>Cheveux</b> : <i>Longueur, couleur</i><br/><b>Taille</b> : <i>...</i><br/><br/><b>Signes particuliers</b> : <i>Tatouages, cicatrices, vêtements favoris, etc...</i></div><!-- AGE/OCCUPATION/GROUPE + CARACTERE + BIOGRAPHIE --><div class="bioPFIICAN"><!-- GROUPE --><div class="grpPFCAN" style="background:#515c71;">Groupe</div><!-- AGE --><div class="boxPFCAN">Âge</div><!-- OCCUPATION --><div class="boxPFCAN JOB">Occupation</div><!-- CARACTERE --><div class="adjPFCAN">adjectif ● adjectif ● adjectif ● adjectif ● adjectif<br/>adjectif ● adjectif ● adjectif ● adjectif ● adjectif</div><!-- BIOGRAPHIE --><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque lobortis justo mauris, finibus mattis mauris aliquet suscipit. Pellentesque commodo euismod ornare. Pellentesque convallis lacinia faucibus. Nam condimentum convallis quam, non rhoncus risus consequat vel. Cras vestibulum nisi eget fringilla luctus. In ut ligula suscipit, tempus turpis eget, hendrerit neque. Sed varius sapien vel nunc dignissim molestie. Fusce eget luctus justo. Proin euismod urna interdum purus posuere ultrices. Fusce eu blandit ante. Aenean tellus felis, tincidunt nec lectus sodales, congue consectetur mi. Pellentesque convallis varius consectetur. Pellentesque placerat massa non nisi accumsan, eget faucibus tortor viverra. Sed at mauris suscipit, ornare purus ac, porttitor nunc. Vestibulum a mauris eros. Sed maximus porttitor dui, sit amet ornare velit porttitor vel.</p></div></div><!-- LIENS POTENTIELS --><div class="lksPFIICAN">Liens potentiels<!-- LISTE - 4 MAXIMUM - IMAGES EN 60*96 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><div class="blocIILKS"><!-- I --><div><!-- IMAGE I --><img src="http://www.aht.li/2839042/TAR_LS.png" /><!-- INFOS I --><div>NOM Prénom<br/>Relation<br/><a href="" target="_blank">Fiche</a></div></div><!-- II --><div><!-- IMAGE II --><img src="http://www.aht.li/2839042/TAR_LS.png" /><!-- INFOS II --><div>NOM Prénom<br/>Relation<br/><a href="" target="_blank">Fiche</a></div></div><!-- III --><div><!-- IMAGE III --><img src="http://www.aht.li/2839042/TAR_LS.png" /><!-- INFOS III --><div>NOM Prénom<br/>Relation<br/><a href="" target="_blank">Fiche</a></div></div><!-- IV --><div><!-- IMAGE IV --><img src="http://www.aht.li/2839042/TAR_LS.png" /><!-- INFOS IV --><div>NOM Prénom<br/>Relation<br/><a href="" target="_blank">Fiche</a></div></div></div></div></div> - Code:
-
/* FOND FICHE PREDEFINIS */ .PFIICAN { background:#ccc !important; } /* COULEUR NOM FICHE PREDEFINIS */ .npPFIICAN { background:#515c71 !important; color:white !important; } /* FOND ADJECTIFS FICHE PREDEFINIS */ .adjPFCAN { background:rgba(250,250,250,0.6) !important; } /* FOND LIENS POTENTIELS FICHE PREDEFINIS */ .lksPFIICAN { background:#515c71 !important; color:white !important; } /* FOND BLOC LIEN POTENTIEL FICHE PREDEFINIS */ .blocIILKS { background:#515c71 !important; } |
|
Eru Ilùvatar Admin Messages : 12 Date d'inscription : 30/08/2017 Avatar : Somebody I used to know
| Sujet: Re: Codage du forum Jeu 16 Nov - 13:47 Fiche liens et RP : (voir si on peut les lier au CSS) Première partie (présentation) - Code:
-
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RL_CAN.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:#4b606c;">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:#4b606c;">résumé histoire personnage</div><!-- RECHERCHE LIENS --><div class="tleIIRLCAN">recherche</div><!-- RECHERCHES --><div class="searchRLCAN" style="border-color:#4b606c;">• <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:#4b606c;">liste des RPs<!-- LISTE --><div style="background:#ccc; color:black;"><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> Deuxième partie (liens) - Code:
-
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RL_CAN.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:#4b606c;">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:#4b606c;"><!-- 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:#4b606c;">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:#4b606c;"><!-- CONTENU DESCRIPTION II --><div style="border-color:#4b606c; 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:#4b606c;">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:#4b606c;"><!-- CONTENU DESCRIPTION III --><div style="border-color:#4b606c; 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:#4b606c;">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:#4b606c;"><!-- CONTENU DESCRIPTION IV --><div style="border-color:#4b606c; background:white; color:black;">Contenu de la description.</div>description</div></div></div> - Code:
-
<link href="http://sd-1.archive-host.com/membres/up/211183412958130190/RP/RRP_CAN.css" rel="stylesheet" type="text/css"><!-- TOUTES COULEURS PERSONNALISABLES --><div id="CAN"><!-- CREDIT --><a class="cditCAN" href="http://crushcrushcrush.actifforum.com" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- INFORMATIONS PERSONNAGE --><div class="blaCAN" style="background-color:#838B97;"><!-- NOM PRENOM --><span class="npoCAN" style="color:white;">NOM Prénom</span><!-- IMAGE 150*85 - REDIMENSIONNEMENT AUTOMATIQUE --><img src="http://www.aht.li/2472105/Drown.gif" /><!-- INFORMATIONS DIVERSES --><p style="background:rgba(250,250,250,0.1); color:black;">Aliquam lectus justo, vehicula vel condimentum eu, pretium et dui. In hac habitasse platea dictumst. Aenean in ultricies ante. et dui.</p></div><!-- EN COURS --><div class="ctlyCAN" style="background:#9ba1ab; color:white;"><a href="..." target="_blank">Titre</a> - Lieu - ft. ...<br/><a href="..." target="_blank">Titre</a> - Lieu - ft. ...<br/><a href="..." target="_blank">Titre</a> - Lieu - ft. ...</div><!-- ONGLETS --><div class="oglCAN" style="background:#838B97;"><!-- ACHEVES --><div class="doneCAN" style="color:white;">Achevés<!-- CONTENU ACHEVES --><p style="background-color:#9ba1ab; color:black;"><a href="..." target="_blank">Titre</a> - Lieu - ft. ...<br/><a href="..." target="_blank">Titre</a> - Lieu - ft. ...<br/><a href="..." target="_blank">Titre</a> - Lieu - ft. ...</p></div><!-- TO DO --><div class="todoCAN" style="color:white;">To do<!-- CONTENU TO DO --><p style="background:#9ba1ab; color:black;"><a href="..." target="_blank">Titre</a> - Lieu - ft. ...<br/><a href="..." target="_blank">Titre</a> - Lieu - ft. ...<br/><a href="..." target="_blank">Titre</a> - Lieu - ft. ...</p></div><!-- ABANDONNES --><div class="gvupCAN" style="color:white;">Abandonnés<!-- CONTENU ABANDONNES --><p style="background-color:#9ba1ab; color:black;"><a href="..." target="_blank">Titre</a> - Lieu - ft. ...<br/><a href="..." target="_blank">Titre</a> - Lieu - ft. ...<br/><a href="..." target="_blank">Titre</a> - Lieu - ft. ...</p></div></div></div> |
|
Eru Ilùvatar Admin Messages : 12 Date d'inscription : 30/08/2017 Avatar : Somebody I used to know
| Sujet: Re: Codage du forum Ven 17 Nov - 10:55 |
|
Eru Ilùvatar Admin Messages : 12 Date d'inscription : 30/08/2017 Avatar : Somebody I used to know
| Sujet: Re: Codage du forum Ven 17 Nov - 19:25 |
|
Contenu sponsorisé | Sujet: Re: Codage du forum |
|