Le parrain
présent depuis le : 12/10/2014
messages : 55
Sujet: ∆ LE JOURNAL - EXPLICATIONS. Lun 16 Fév - 4:18 le journal - explications parce que certains aiment documenter l'évolution de leurs personnages, on vous a créer une partie faites pour ça! ici, je vais vous expliquer comment utiliser les codes pour que votre journal soit tout beau, tout propre!
le premier code sert de table des matières. en cliquant sur les liens, on arrive directement à la réponse concernée! j'entends votre première question arrivé:
comment arriver à trouver le lien directe pour cette réponse? . c'est en fait, très simple. allez sur la réponse dont vous chercher le lien et faites "éditer". dans la barre de lien ça va ressembler à ceci :
https://saligia.forum-canada.com/post?p=47&mode=editpost . vous voyez le
p=47 ? ça veut dire qu'il s'agit du 47e message du forum. tout ce que vous avez à faire maintenant, c'est d'ajouter
#numérodumessage juste après le lien qui mène à votre sujet! au cas où vous seriez plutôt du genre visuel, j'ai un petit exemple juste en dessous!
juste ici pour l'exemple: maintenant que vous avez tout compris, enfin je l'espère. (si vous avez des problèmes, juste à me
mp et je vous aiderai!) voici les codes pour vous lancer dans votre journal!
code pour la table des matières: Code: <style type="text/css">#polaroid {position: relative; top: -100px; left: -100px; z-index: 10;} #polaroidunder {width: 210px; height:135px; overflow: hidden; transform: rotate(-12deg);-ms-transform: rotate(-12deg);-webkit-transform: rotate(-12deg); position: relative; left: -75px; top: -275px; z-index: 5; background-color: white;} #journal {background-color:#ffffff;border-top:10px solid #CA2E21;width:438px; height: 300px;padding-left:6px;text-align:justify; position:relative; top: 100px; width: 300px;z-index: auto;} #blabla {width: 280px; height: 200px; overflow-y: auto; position: relative; top: -300px; padding-right: 6px; padding-left: 6px; align: center;} #title{font-size: 19px;line-height: 17px; font-family: Sanchez; text-align: right; text-transform: uppercase; position: relative; top: -335px; padding-right: 12px; }</style><center><div id="journal"><div id="polaroid"><img src="http://i.imgur.com/5I9bATi.png"/></div><div id="polaroidunder"><img src="http://25.media.tumblr.com/9a2f3fd05aa917607bd2a424ab10c43e/tumblr_mx7frqxGfX1r9ldn2o1_500.gif" /*mettre votre gif ici*/ style="width: 200px;"/></div><div id="title" style="font-size: 19px;"><br/>journal de<br/><font style="font-size: 14px;">your name</font></div><div id="blabla"><center><br/><span style="font-size: 14px; font-family: Sanchez; text-transform: uppercase;">table des matières</span><div style="width: 170px; text-align: justify"> + <a href="">première entrée</a> + <a href="">deuxième entrée</a> + <a href="">troisième entrée</a> + <a href="">quatrième entrée</a> </div></center></div> </div></center><br/><br/><br/><br/><br/><br/><br/><br/>
code pour une nouvelle entrée: Code: <style type="text/css">#polaroid {position: relative; top: -100px; left: -100px; z-index: 10;} #polaroidunder {width: 210px; height:135px; overflow: hidden; transform: rotate(-12deg);-ms-transform: rotate(-12deg);-webkit-transform: rotate(-12deg); position: relative; left: -75px; top: -275px; z-index: 5; background-color: white;} #journal {background-color:#ffffff;border-top:10px solid #CA2E21;width:438px; height: 300px;padding-left:6px;text-align:justify; position:relative; top: 100px; width: 300px;z-index: auto;} #blabla {width: 280px; height: 200px; overflow-y: auto; position: relative; top: -310px; padding-right: 6px; padding-left: 6px; align: center;} #title{font-size: 30px;line-height: 20px; font-family: Sanchez; text-align: right; text-transform: uppercase; position: relative; top: -345px; padding-right: 12px; }</style><center><div id="journal"><div id="polaroid"><img src="http://i.imgur.com/5I9bATi.png"/></div><div id="polaroidunder"><img src="http://25.media.tumblr.com/9a2f3fd05aa917607bd2a424ab10c43e/tumblr_mx7frqxGfX1r9ldn2o1_500.gif" style="width: 200px;"/></div><div id="title"><br/>date<br/><font style="font-size: 14px;">something</font></div><div id="blabla">Bacon ipsum dolor amet jowl bresaola cow filet mignon pork belly. Kevin ham hock hamburger tongue kielbasa short ribs, meatloaf bacon pork loin jerky leberkas salami. Pork chop bacon ham hock strip steak shank. Bacon short loin meatloaf jowl alcatra pig ham picanha. Pig strip steak ribeye jerky turkey. Shankle tri-tip kevin meatball capicola meatloaf, sausage doner t-bone frankfurter shank flank turkey brisket.Bacon ipsum dolor amet jowl bresaola cow filet mignon pork belly. Kevin ham hock hamburger tongue kielbasa short ribs, meatloaf bacon pork loin jerky leberkas salami. Pork chop bacon ham hock strip steak shank. Bacon short loin meatloaf jowl alcatra pig ham picanha. Pig strip steak ribeye jerky turkey. Shankle tri-tip kevin meatball capicola meatloaf, sausage doner t-bone frankfurter shank flank turkey brisket.Bacon ipsum dolor amet jowl bresaola cow filet mignon pork belly. Kevin ham hock hamburger tongue kielbasa short ribs, meatloaf bacon pork loin jerky leberkas salami. Pork chop bacon ham hock strip steak shank. Bacon short loin meatloaf jowl alcatra pig ham picanha. Pig strip steak ribeye jerky turkey. Shankle tri-tip kevin meatball capicola meatloaf, sausage doner t-bone frankfurter shank flank turkey brisket.Bacon ipsum dolor amet jowl bresaola cow filet mignon pork belly. Kevin ham hock hamburger tongue kielbasa short ribs, meatloaf bacon pork loin jerky leberkas salami. Pork chop bacon ham hock strip steak shank. Bacon short loin meatloaf jowl alcatra pig ham picanha. Pig strip steak ribeye jerky turkey. Shankle tri-tip kevin meatball capicola meatloaf, sausage doner t-bone frankfurter shank flank turkey brisket.</div> </div></center><br/><br/><br/><br/><br/><br/><br/><br/>