Partagez | 
 

 modèle de fiche de liens

MessageSujet: modèle de fiche de liens   Lun 2 Oct - 21:54
Modèle fiche de liens


La marche à suivre


Les amis c'est la vie

Pour rappel, la fiche de liens n'est pas obligatoire mais bien facultative. Toujours pour rappel, on s'est dit que le règlement servirai de meilleure explication. Tu trouvera tout ce qui concerne le modèle et le codage un peu plus bas, si tu en as la force c:

Règlement; L'oracle a écrit:
tes fiches à jour tu tiendras

Tout d’abord, la fiche de liens n’est absolument pas obligatoire. C’est toi qui vois si elle t’est utile, indispensable ou même juste vitale (non, on est pas du genre à exagérer, c’est faux). Cependant, si tu choisis d’en créer une, il faut absolument que tu la tiennes à jour. Il n’y a aucun intérêt à une fiche de liens vide … Soyons honnêtes gros. Par contre, ton compte en banque sera, lui, nécessaire et devra être tenu à jour si tu veux être récompensé à la hauteur de tes efforts.

Explications

Vous pouvez changer la couleur de background du nom prénom & nom de lien si vous le souhaitez, pour par exemple mettre la couleur de groupe. Localiser cette partie du code et changer le code couleur.
Code:
<div style="background: #codecouleur; width:155px">

Les images sont de la taille suivante: 170*180. Elles seront recadrés automatiquement & vous pouvez mettre des gifs à la place.

Pour rajouter une ligne de liens, il vous faudra copier le dernier code et le coller dans le second avant les deux dernières fermetures de div.
Code:
</div></div>

Revenir en haut Aller en bas
MessageSujet: Re: modèle de fiche de liens   Ven 6 Oct - 10:01
nom prénom

Informations
NOM : écrire ici PRÉNOM : écrire ici ÂGE : écrire ici DATE D’ANNIVERSAIRE : écrire ici MÉTIER : écrire ici ÉTUDES : écrire ici ORIENTATION : écrire ici NIVEAU/ÉTAGE : écrire ici GROUPE : écrire ici SIGNES DISTINCTIFS : écrire ici SITUATION FAMILIALE : écrire ici

More
passage, quote, meilleurs moment, partie préférée, résumé d'une partie de l'histoire.  passage, quote, meilleurs moment, partie préférée, résumé d'une partie de l'histoire.
caractère
caractère
caractère
caractère
caractère
caractère
caractère
caractère


recherche
{libre/pris} titre du lien : description description description description description description description description description description description description description description description description description description
{libre/pris} titre du lien : description description description description description description description description description description description description description description description description description description
{libre/pris} titre du lien : description description description description description description description description description description description description description description description description description description
ft; avatar



Code:
<div class="FLPcontainer"><div class="POSTentetePRES"><div style="padding:18px;">nom prénom</div></div>
<div class="tableonglets"><div class="FLboxonglet"> <input id="o1" type="radio" name="onglets" checked><span class="ongletcont1"><div class="FLPtitre"><div style="padding: 5px;">Informations</div></div><div class="idbox"><span>NOM :</span> écrire ici <span>PRÉNOM :</span> écrire ici <span>ÂGE :</span> écrire ici <span>DATE D’ANNIVERSAIRE :</span> écrire ici <span>MÉTIER :</span> écrire ici <span>ÉTUDES :</span> écrire ici <span>ORIENTATION :</span> écrire ici <span>ÉTAGE :</span> écrire ici <span>GROUPE :</span> écrire ici <span>SIGNES DISTINCTIFS :</span> écrire ici <span>SITUATION FAMILIALE :</span> écrire ici
</div></span><input id="o2" type="radio" name="onglets"><span class="ongletcont1"><div class="FLPtitre"><div style="padding: 5px;">More</div></div><div class="FLstory"> passage, quote, meilleurs moment, partie préférée, résumé d'une partie de l'histoire.  passage, quote, meilleurs moment, partie préférée, résumé d'une partie de l'histoire.</div><div class="FLboxcaract"><div class="FLcaract">caractère</div><div class="FLcaract">caractère</div><div class="FLcaract">caractère</div><div class="FLcaract">caractère</div><div class="FLcaract">caractère</div><div class="FLcaract">caractère</div><div class="FLcaract">caractère</div><div class="FLcaract">caractère</div>
</div>
[center]<a href="#url fiche de présentation">www</a>[/center]
</span><input id="o3" type="radio" name="onglets"><span class="ongletcont1"><div class="FLPtitre"><div style="padding: 5px;">recherche</div></div><div style="padding: 10px; height:130px; overflow:auto;"><lp>{libre/pris}</lp> <lpt>titre du lien :</lpt> description description description description description description description description description description description description description description description description description description
<lp>{libre/pris}</lp> <lpt>titre du lien :</lpt> description description description description description description description description description description description description description description description description description description
<lp>{libre/pris}</lp> <lpt>titre du lien :</lpt> description description description description description description description description description description description description description description description description description description
</div></span></div><div class="FLPimg"><label for="o1" class="onglet"><i class="fa fa-user-circle-o fa-2x" aria-hidden="true"></i></label><label for="o2" class="onglet"><i class="fa fa-book fa-2x" aria-hidden="true"></i></label><label for="o3" class="onglet"><i class="fa fa-address-book fa-2x" aria-hidden="true"></i></label><img src="https://imgur.com/UvUL3db.gif" border="0" alt="" style="width: 170px; height: 100px; margin-bottom:10px;"><div class="FLcite"><div style="padding: 5px;">ft; avatar</div></div> </div>
</div></div>


les monsieurs / les madames

nom prénom
titre du lien

description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien
nom prénom
titre du lien

description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien
nom prénom
titre du lien

description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien

nom prénom
titre du lien

description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien
nom prénom
titre du lien

description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien
nom prénom
titre du lien

description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien

nom prénom
titre du lien

description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien
nom prénom
titre du lien

description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien
nom prénom
titre du lien

description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien




Code:
<div class="liensbox1"><div class="POSTentetePRES"><div style="padding:18px;">les monsieurs / les madames</div></div>
<div class="contentliens"><div class="boxlien"><div style="background: #444C51; width:155px"><div class="boxnomlien">nom prénom<br><span>titre du lien</span></div></div>
<div style="background: url('https://imgur.com/hVnU0Oi.png'); width: 155px; "><div class="IBliens"><div class="IBdescrilien"> description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien</div></div></div></div><div class="boxlien"><div style="background: #444C51; width:155px"><div class="boxnomlien">nom prénom<br><span>titre du lien</span></div></div>
<div style="background: url('https://imgur.com/hVnU0Oi.png'); width: 155px; "><div class="IBliens"><div class="IBdescrilien"> description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien</div></div></div></div><div class="boxlien"><div style="background: #444C51; width:155px"><div class="boxnomlien">nom prénom<br><span>titre du lien</span></div></div>
<div style="background: url('https://imgur.com/hVnU0Oi.png'); width: 155px; "><div class="IBliens"><div class="IBdescrilien"> description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien</div></div></div></div>
<div class="boxlien"><div style="background: #444C51; width:155px"><div class="boxnomlien">nom prénom<br><span>titre du lien</span></div></div>
<div style="background: url('https://imgur.com/hVnU0Oi.png'); width: 155px; "><div class="IBliens"><div class="IBdescrilien"> description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien</div></div></div></div><div class="boxlien"><div style="background: #444C51; width:155px"><div class="boxnomlien">nom prénom<br><span>titre du lien</span></div></div>
<div style="background: url('https://imgur.com/hVnU0Oi.png'); width: 155px; "><div class="IBliens"><div class="IBdescrilien"> description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien</div></div></div></div><div class="boxlien"><div style="background: #444C51; width:155px"><div class="boxnomlien">nom prénom<br><span>titre du lien</span></div></div>
<div style="background: url('https://imgur.com/hVnU0Oi.png'); width: 155px; "><div class="IBliens"><div class="IBdescrilien"> description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien</div></div></div></div>
<div class="boxlien"><div style="background: #444C51; width:155px"><div class="boxnomlien">nom prénom<br><span>titre du lien</span></div></div>
<div style="background: url('https://imgur.com/hVnU0Oi.png'); width: 155px; "><div class="IBliens"><div class="IBdescrilien"> description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien</div></div></div></div><div class="boxlien"><div style="background: #444C51; width:155px"><div class="boxnomlien">nom prénom<br><span>titre du lien</span></div></div>
<div style="background: url('https://imgur.com/hVnU0Oi.png'); width: 155px; "><div class="IBliens"><div class="IBdescrilien"> description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien</div></div></div></div><div class="boxlien"><div style="background: #444C51; width:155px"><div class="boxnomlien">nom prénom<br><span>titre du lien</span></div></div>
<div style="background: url('https://imgur.com/hVnU0Oi.png'); width: 155px; "><div class="IBliens"><div class="IBdescrilien"> description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien</div></div></div></div>
</div></div>

nom prénom
titre du lien

description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien
nom prénom
titre du lien

description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien
nom prénom
titre du lien

description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien



Code:
<div class="boxlien"><div style="background: #444C51; width:155px"><div class="boxnomlien">nom prénom<br><span>titre du lien</span></div></div>
<div style="background: url('https://imgur.com/hVnU0Oi.png'); width: 155px; "><div class="IBliens"><div class="IBdescrilien"> description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien</div></div></div></div><div class="boxlien"><div style="background: #444C51; width:155px"><div class="boxnomlien">nom prénom<br><span>titre du lien</span></div></div>
<div style="background: url('https://imgur.com/hVnU0Oi.png'); width: 155px; "><div class="IBliens"><div class="IBdescrilien"> description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien</div></div></div></div><div class="boxlien"><div style="background: #444C51; width:155px"><div class="boxnomlien">nom prénom<br><span>titre du lien</span></div></div>
<div style="background: url('https://imgur.com/hVnU0Oi.png'); width: 155px; "><div class="IBliens"><div class="IBdescrilien"> description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien description du lien</div></div></div></div>
Revenir en haut Aller en bas
 
modèle de fiche de liens
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
ivory tower :: ▬ one of us :: social networks :: relationships-
Sauter vers: