AccueilCalendrierFAQRechercherConnexionGroupesMembresS'enregistrer

Partagez | .
 

 Modèle de journal de bord

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

Personnage RP
Faction : Service de Sécurité Concilien
Rang : Superviseur
Voir le profil de l'utilisateur
http://www.masseffect-reborn.fr/t2559-tricia-pearson-agente-du-s
http://www.masseffect-reborn.fr/t2753-tricia-pearson-journal-de-bord#33954


Pro de la gachette
Messages : 5185
Crédits : Tricia

MessageSujet: Modèle de journal de bord   Mar 01 Juil 2014, 21:28

Journal de bord



Ce topic-ci a pour objectif de vous fournir un ornement décoratif pour votre journal de bord. Tout comme la fiche de relations [A venir], le code se compose en deux parties : HTML dans laquelle vous devrez remplir et CSS qu'il faudra joindre à la fin du message sans rien modifier. La modification du CSS demande de s'y connaître un minimum en codage pour ne pas faire n'importe quoi.

HTML :
Code:

<div class="jdbname"></div>
<div class="jdbcadre01"><img src="liendelimagedevotrepersonnage" class="jdbimage" /><div class="sommairejdb"><div class="titresommaire">Journal de (nom du personnage)</div>
<div class="jdbongle" style="margin-top : 0px ;"><a href="#perso">Personnage</a></div><!--
--><div class="jdbongle"><a href="#histoire">Histoire</a></div><!--
--><div class="jdbongle"><a href="#biblerp">Bible RP</a></div><!--
--><div class="jdbongle"><a href="#ongletlibre">Compétences et équipement</a></div><!--
--><div class="jdbongle"><a href="#ongletlibre2">Onglet libre </a></div></div>
<div class="jdbcadre02"><div class="chapjdb" id="perso">Personnage</div>
A remplir

<div class="chapjdb" id="histoire">Histoire</div>
A remplir

<div class="chapjdb" id="biblerp">Bible des RP</div>
A remplir

<div class="chapjdb" id="ongletlibre">Compétences et équipement</div>
Compétences :
Équipement : (correspond à votre équipement normal sur le terrain)
Armurerie : (correspond à l'équipement acquis mais inutilisé sauf mention contraire)

<div class="chapjdb" id="ongletlibre2">Onglet Libre</div>
A remplir

</div></div>
<div class="jdbname jdbfin"></div>

CSS :
Code:

<style type="text/css">.cla{ color : #B8A664 ; }.jdbname{ position : relative ; z-index : 10 ; padding : 5px 5px ; text-align : center ; margin : auto ; width : 680px ; margin-bottom : -19px ; height : 30px ; background-color : rgba(20,20,65,0.25) ; border : 1px solid rgba(135,206,235,0.5) ; border-radius : 40px / 80px ; border-bottom-left-radius : 0px ; border-bottom-right-radius : 0px ; }.jdbcadre01{ background-clip : padding-box ; border : 1px solid rgba(135,206,235,0.5) ;  border-top : 0px solid red ; width : 675px ; padding : 5px 7.5px ; margin : auto ; color : steelblue ; background-color : rgba(20,20,50,0.2) ; background-image : url(http://nsa34.casimages.com/img/2013/12/30/131230103514122302.png) ; text-align : justify ; transition : 750ms ; margin-top : 5px ; margin-bottom : 5px ; font-family : sans-serif ; }.jdbcadre01:hover{ width : 675px ; transition : 750ms ; padding : 5px 7.5px ; border-radius : 2.5px ; } .jdbfin{ margin-bottom : 0px ; margin-top : -19px ; border-radius : 40px / 80px ; border-top-left-radius : 0px ; border-top-right-radius : 0px ; }.jdbimage{width : 150px ; margin : 2px 0px 2px 15px ; padding : 1px ; border : 1px solid rgba(135,206,235,0.5) ; border-radius : 10px / 30px ; display : inline-block ; transition : 750ms ; }.sommairejdb{ width : 430px ; margin : 10px 20px 5px 35px ; padding : 5px 0px ; text-align : center ; display : inline-block ; vertical-align : top ; color : #B8A664 ; font-family : Electrolize ; }.titresommaire{ text-shadow : 1px -1px 5px skyblue ; font-size : 16px ; }.jdbongle{ font-variant : small-caps ; font-size : 18px ; margin : 7.5px ; min-width : 100px ; color : red ; padding : 5px 7.5px ; border : 1px solid #003b59 ; border-radius : 5px ; background-color : #000e17 ; box-shadow : 0px 0px 5px 0px rgba(135,206,235,0.5) inset , 0px 0px 0px yellow ; letter-spacing : 4px ; transition : 250ms ; }.jdbongle:hover{ box-shadow : 0px 0px 5px #B8A664 ; transition : 250ms ; letter-spacing : 0px ;}.jdbongle a:link,.jdbongle a:visited{ color : rgba(135,206,235,0.5) ; transition : 250ms ; }sommairejdb a{ color : rgba(135,206,235,0.5) ; transition : 250ms ; }.ligne{ box-shadow : 0px 0px 0px #69F ; }.jdbcadre02{ text-align : justify ; overflow : auto ; height : 540px ; color : cadetblue ; font-size : 11px ; font-family : sans-serif ; border : 1px solid rgba(135,206,235,0.5) ; padding : 5px 7.5px ; margin-top : 7.5px ; margin-bottom : 5px ; }.chapjdb{ background-color : rgba(20,20,40,0.3) ; border-radius : 10px ; padding : 5px 15px ; margin : -10px 20px ; margin-top : 7.5px ; text-align : center ; color : #B8A664 ; font-size : 12px ; font-family : Electrolize ; border : 1px solid rgba(135,206,235,0.5) ; font-variant : small-caps ; letter-spacing : 1px ; }</style>

Résultat :


Personnage

A remplir

Histoire

A remplir

Bible des RP

A remplir

Compétences et équipement

Compétences :
Équipement : (correspond à votre équipement normal sur le terrain)
Armurerie : (correspond à l'équipement acquis mais inutilisé sauf mention contraire)

Onglet Libre

A remplir









Revenir en haut Aller en bas
 

Modèle de journal de bord

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
Mass Effect Reborn :: Hall du Personnage :: Journaux de bord-