Partagez | .
Codes // libre-service
 MessageSujet: Codes // libre-service   Mer 13 Avr - 11:50

avatar
Zulria Vasilis

[HM] Ajatar Virke

Click

Chose promise, chose due : voilà un petit topic de codes en libre-services pour ceux que ça pourrait intéresser ! J'en posterais au fur et à mesure et d'un peu de tout, que ce soit pour la mise en forme des rps ou les fiches de lien. N'hésitez pas à partager les vôtres si vous en avez envie.





Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

titre du rp
ft des gens

©ode capuccinouille


Code:
<div align="center"><div style="background-color:#F0AA1E; width:420px; height:550px;">

<div style="width:270px;height:400px;overflow:auto;text-align: justify;margin: 0px 30px 40px;padding:15px;background-color:#FFF;line-height: 11px;">
[ton texte ici]

</div><div style="font-size: 16px; line-height: 11px;margin-top:-10px;color:#FFF;font-family: small fonts; font-variant: small-caps;">[b]titre du rp[/b]
[size=10]ft des gens</div></div>
[i][size=10][color=#bbbbbb]©ode capuccinouille[/color][/size][/i]</div>

Citation :
pour changer la couleur de fond, trouver
background-color:#F0AA1E
sur la première ligne et changer le code à 6 chiffres suivant le # par le code hexadécimal correspondant à la couleur que vous souhaitez pour votre fond (ou bien le nom de la couleur en anglais, sans # avant)




[ici votre texte]

titre du rp
ft des gens

©ode capuccinouille


Code:
<div align="center"><div style="background-image:url(https://ludwigdelatter.files.wordpress.com/2010/03/koen-van-den-broek-131.jpg); width:420px; height:550px;">

<div style="width:270px;height:400px;overflow:auto;text-align: justify;margin: 0px 30px 40px;padding:15px;background-color: #FFF;line-height: 11px;">[ici votre texte]

</div><div style="font-size: 16px; line-height: 11px;margin-top:-10px;color:#FFF;font-family: small fonts; font-variant: small-caps;">[b]titre du rp[/b]
[size=10]ft des gens[/size]</div></div>
[i][size=10][color=#bbbbbb]©ode capuccinouille[/color][/size][/i]</div>

Citation :
pour changer l'image de fond trouver
background-image:url(https://ludwigdelatter.files.wordpress.com/2010/03/koen-van-den-broek-131.jpg); sur la première ligne et remplacer le lien http:// par l'url de votre image de fond. Si celle-ci ne correspond pas à la taille du cadre (420x550), elle se collera dans le coin supérieur droit.


Citation :
si vous souhaitez remplacer l'emplacement du titre par un autre contenu, remplacez
Code:
<div style="font-size: 16px; line-height: 11px;margin-top:-10px;color:#FFF;font-family: small fonts; font-variant: small-caps;">[b]titre du rp[/b]
[size=10]ft des gens[/size]</div>
par ce que vous souhaitez (par exemple un lecteur de musique comme ici !). La hauteur du cadre est fixe, plus vous accumulerez des éléments hauts, moins ce sera esthétique. Pour cela, pensez bien à agrandir la hauteur (height) du cadre dans la première ligne de code
Voir le profil de l'utilisateur
 MessageSujet: Re: Codes // libre-service   Mer 13 Avr - 16:05

avatar
Zulria Vasilis

[HM] Ajatar Virke

Click


titre court du rp


Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

©ode capuccinouille


Code:
<div align="center">
<div style="background-color:#DBDBDB;width:500px;height:100px;"><div style="padding:10px 0px 0px 0px;font-size:80px;font-variant:small-caps;letter-spacing:0px;">[font=Impact]titre court du rp[/font]</div></div>
<img src="lien_img" style="border-radius:100px;border:2px solid #FFF;margin-top:-60px;">
<div style="border:1px solid; width:460px;padding:40px 20px 20px 20px;margin-top:-30px;text-align:justify;">
INSERER TEXTE RP ICI</div>
[i][size=10][color=#bbbbbb]©ode capuccinouille[/color][/size][/i]</div>





Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

©ode capuccinouille


Code:
<div align="center">
<img src="lien_img_1" style="border-radius:100px;border:2px solid #FFF;"> <img src="lien_img_2" style="border-radius:100px;border:2px solid #FFF;"> <img src="lien_img_3" style="border-radius:100px;border:2px solid #FFF;">
<div style="border:3px solid; width:460px;padding:60px 20px 20px 20px;margin-top:-50px;text-align:justify;">
TEXTE DU RP A INSERER ICI</div>
[i][size=10][color=#bbbbbb]©ode capuccinouille[/color][/size][/i]</div>







titre court du rp

comme je sais que certains aiment bien insérer des petits poèmes ou des paroles de maître gims dans l'en-tête des rps, section dédiée ! écrivez-y ce que vous voulez OU supprimez-la en commençant à partir de la dernière div // Agrandir le "height" du fond pr pouvoir mettre + de contenu
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

©ode capuccinouille


Code:
<div align="center">
<div style="background-color:#DBDBDB;width:504px;height:100px;border: solid 0px 2px 0px 2px;"><div style="padding:10px 0px 0px 0px;font-size:80px;font-variant:small-caps;letter-spacing:0px;color:#FFF">[font=Impact]titre court du rp[/font]</div>
<div style="text-align:justify;width:320px;font-size:9px;font-family:small-caps;line-height:12px;font-variant:small-caps;">comme je sais que certains aiment bien insérer des petits poèmes ou des paroles de maître gims dans l'en-tête des rps, section dédiée ! écrivez-y ce que vous voulez OU supprimez-la en commençant à partir de la dernière div // Agrandir le "height" du fond pr pouvoir mettre + de contenu</div></div><div style="border:2px solid #DBDBDB; width:460px;padding:20px;margin-top:0px;text-align:justify;">
TEXTE DU RP A INSERER ICI</div>
[i][size=10][color=#bbbbbb]©ode capuccinouille[/color][/size][/i]</div>
Voir le profil de l'utilisateur
   
Page 1 sur 1

 Sujets similaires

-
» Codes en libre service ✖ aka J'ai que ça à faire [FERMÉ]
» Libre Service de Fiche
» Fiche de présentation pour RP, libre service ♥.
» CODE LIBRE SERVICE DE FICHE DE LIENS
» Fiches de RP / Liens [Aide & Libre Service]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Fairy Tail RPG :: Section HRP :: Tutoriels