AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Modèle de fiche de lien en libre-service

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
PNJ
avatar

Messages : 3738

Feuille de personnage
J'ai fait allégeance à :
Mes autres visages:
PNJ
Message Sujet: Modèle de fiche de lien en libre-service   Sam 12 Déc 2015 - 5:57


Les Chroniques d'Arven

Modèles en libre-service

Fiche de liens


Vous trouverez ici quelques modèles de mise en page inspirés de nos PV. Leur usage est facultatif ! Le codage de ces structures a été effectué par Love pour la version 1 du forum.

Si vous voulez bricoler vos codes en appelant le CSS du forum, c'est également possible, mais d'une MAJ à l'autre vos mises en pages risquent de sauter (surtout si c'est Aura· qui doit crapahuter dans ledit CSS pour effectuer les modifications  :geu:). A vos risques et périls !  :sisi:

On a des kikooteries sur les images, par exemple :



    :  là tahvu ça tangue un peu

Code:
<center><img src="LIEN IMAGE, RÉDUCTION AUTO à 100px DE LARGE" class="iconcontour"/></center>



    :  là, c'est droit, wai

Code:
<center><img src="LIEN IMAGE, RÉDUCTION AUTO à 100px DE LARGE" class="iconcontour1"/></center>



    :  là, ça repenche

Code:
<center><img src="LIEN IMAGE, RÉDUCTION AUTO à 100px DE LARGE" class="iconcontour2"/></center>


Ici, grande image qui se redimensionne automatiquement pour prendre la largeur de la page, avec une bordure beige clair :
Code:
<img src="LIEN GRANDE IMAGE" class="imgresize"/>


Ici, image de toute taille sans redimensionnement, avec la même bordure beige clair :
Code:
<img src="LIEN IMAGE" class="imgbordure"/>




Pour écrire comme ça :

Code:
<div class="PV_pseudo">Ton texte ici</div>




Ou alors ainsi :

Code:
<div class="PV_soustitre">Ton texte ici</div>




On a aussi ça en stock si tu veux :

Code:
<div class="PV_star">Ton texte ici</div>



Ou comme ça, si tu préfères :

Code:
<div class="PV_citation">Ton texte ici</div>




Code:
<center><div class="PV_sep"></div></center>






Dernière édition par Arven le Sam 12 Déc 2015 - 6:40, édité 2 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
PNJ
avatar

Messages : 3738

Feuille de personnage
J'ai fait allégeance à :
Mes autres visages:
PNJ
Message Sujet: Re: Modèle de fiche de lien en libre-service   Sam 12 Déc 2015 - 6:10




xx ans • groupe • profession • avatar

Prénom Nom de ton personnage

adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif




Je recherche

[H/F]Type de lien
Et ici tu expliques ce que tu as en tête comme lien, donne bien les détails de ce qu'il te faut et de ce que tu attends.

[H/F]Type de lien
Et ici tu expliques ce que tu as en tête comme lien, donne bien les détails de ce qu'il te faut et de ce que tu attends.

[H/F]Type de lien
Et ici tu expliques ce que tu as en tête comme lien, donne bien les détails de ce qu'il te faut et de ce que tu attends.



Code:
<center><img src="LIEN GRANDE IMAGE" class="imgresize"/></center>

<div class="PV_background">
<div class="PV_soustitre">xx ans • groupe • profession • avatar</div>
<div class="PV_pseudo">Prénom Nom de ton personnage</div>
<blockquote><div class="PV_soustitre">adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif ○ adjectif</div></blockquote>
<center><div class="PV_sep"></div></center>
<center><img src="LIEN ICONE" class="iconcontour"/><img src="LIEN AVATAR OU IMAGE MOYENNE" class="imgbordure"/><img src="LIEN ICONE" class="iconcontour2"/>
<blockquote><div class="PV_soustitre">[url=LIEN FICHE PRESENTATION]Présentation[/url] • [url=LIEN FICHE EVOLUTION]Évolution[/url]</div></blockquote></center>
<center><div class="PV_sep"></div></center>
<div class="PV_pseudo">Je recherche</div>
<blockquote>• [b][H/F][/b] → [i]Type de lien[/i]
Et ici tu expliques ce que tu as en tête comme lien, donne bien les détails de ce qu'il te faut et de ce que tu attends.

• [b][H/F][/b] → [i]Type de lien[/i]
Et ici tu expliques ce que tu as en tête comme lien, donne bien les détails de ce qu'il te faut et de ce que tu attends.

• [b][H/F][/b] → [i]Type de lien[/i]
Et ici tu expliques ce que tu as en tête comme lien, donne bien les détails de ce qu'il te faut et de ce que tu attends.

</blockquote></div>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
PNJ
avatar

Messages : 3738

Feuille de personnage
J'ai fait allégeance à :
Mes autres visages:
PNJ
Message Sujet: Re: Modèle de fiche de lien en libre-service   Sam 12 Déc 2015 - 6:22


Type de lien


Prénom Nom du personnagePrénom Nom de l'avatar
Description du lien.
Prénom Nom du personnagePrénom Nom de l'avatar
Description du lien.
Prénom Nom du personnagePrénom Nom de l'avatar
Description du lien.
Prénom Nom du personnagePrénom Nom de l'avatar
Description du lien.



Code:
<center><div class="PV_background">
<div class="PV_pseudo">Type de lien</div>
<div class="PV_sep"></div>
<table><tr><td  valign="top"><img src="http://img15.hostingpics.net/pics/964838iconpres.png" class="PV_iconleft" /></td><td valign="top"><div class="PV_namelien"><b>Prénom Nom du personnage</b> • <i>Prénom Nom de l'avatar</i></div><div class="PV_lien">Description du lien.</div></td></tr><tr><td><img src="http://img15.hostingpics.net/pics/964838iconpres.png" class="PV_iconleft" /></td><td valign="top"><div class="PV_namelien"><b>Prénom Nom du personnage</b> • <i>Prénom Nom de l'avatar</i></div><div class="PV_lien">Description du lien.</div></td></tr><tr><td><img src="http://img15.hostingpics.net/pics/964838iconpres.png" class="PV_iconleft" /></td><td valign="top"><div class="PV_namelien"><b>Prénom Nom du personnage</b> • <i>Prénom Nom de l'avatar</i></div><div class="PV_lien">Description du lien.</div></td></tr><tr><td><img src="http://img15.hostingpics.net/pics/964838iconpres.png" class="PV_iconleft" /></td><td valign="top"><div class="PV_namelien"><b>Prénom Nom du personnage</b> • <i>Prénom Nom de l'avatar</i></div><div class="PV_lien">Description du lien.</div></td></tr></table>
</div>
</center>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé

Message Sujet: Re: Modèle de fiche de lien en libre-service   

Revenir en haut Aller en bas
 
Modèle de fiche de lien en libre-service
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Libre Service de Fiche
» Fiche de présentation pour RP, libre service ♥.
» CODE LIBRE SERVICE DE FICHE DE LIENS
» Codes en libre service ✖ aka J'ai que ça à faire [FERMÉ]
» Fiches de RP / Liens [Aide & Libre Service]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Arven :: À l'aventure ! :: Parchemins et dossiers :: Relations-
Sauter vers: