Soyez les bienvenus sur la Terre du Milieu !
Venez voter sur les top sites !

Partagez
 

 Avatar / Signs / Code / Rayer la mention inutile

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Evelith OiomurëNombre de messages : 26
Age : 32
Date d'inscription : 14/08/2018

Feuille de personnage
Race: Humaine
Possessions: Vielle, Luth, nécessaire de voyage, poignards
Statut: Joueur(se) actif(ve)
Evelith Oiomurë

MessageSujet: Avatar / Signs / Code / Rayer la mention inutile   Avatar / Signs / Code / Rayer la mention inutile EmptyDim 2 Sep 2018 - 0:55
Intro

Honnêtement, je passe mon temps à bidouiller sur pleins de trucs différents. J'ai même voulu tenir une chaine YouTube et faire des jeux vidéos avec RPG Maker! Bon, rien d'achevé malheureusement. Et c'est tellement vieux, que les changements de pc et de disques durs ont égaré ces œuvres de jeunesse... Heureusement pour vos petits yeux innocents xD

Aujourd'hui, je fais un peu de code, mais surtout, Photoshop est mon meilleur ami^^
Avatar, signature, dessin, design, et même récemment : animation ! Si vous avez besoin d'aide concernant l'un de ces sujets : n'hésitez pas à me demander Wink

Sommaire :
_ Graphisme
_ Dessin
_ Code (RP)
_ Code (PNJ)


Dernière édition par Evelith Oiomurë le Dim 2 Sep 2018 - 10:10, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://rpglordoftherings.forumactif.com/t7642-neige-et-velours-e
Evelith OiomurëNombre de messages : 26
Age : 32
Date d'inscription : 14/08/2018

Feuille de personnage
Race: Humaine
Possessions: Vielle, Luth, nécessaire de voyage, poignards
Statut: Joueur(se) actif(ve)
Evelith Oiomurë

MessageSujet: Re: Avatar / Signs / Code / Rayer la mention inutile   Avatar / Signs / Code / Rayer la mention inutile EmptyDim 2 Sep 2018 - 1:45
Graphisme


Petite précision : les grandes zones blanches sont des zones transparentes mais le site hébergeur a mis d'office une couleur au lieu de les laisser... transparentes justement Avatar / Signs / Code / Rayer la mention inutile 2396919072


Quand on diffuse ses œuvres, c'est toujours mieux de signer son travail. Et un petit logo, c'est encore plus sympa. Bon, je ne l'ai pas forcément mis partout, surtout sur les avatars...
Avatar / Signs / Code / Rayer la mention inutile 1535838589-logo-luneriane2

En parlant d'avatars, ceux que j'utilise la plupart du temps ne sont que des recadrages avec quelques modifs mineures comme ajouter un cadre ou changer la couleur des yeux. Mais parfois, surtout quand on me fait des demandes, je les travaille un peu plus.
Avatar / Signs / Code / Rayer la mention inutile 1535843399-vava-evelith-tera Avatar / Signs / Code / Rayer la mention inutile 1535843399-vava-meli Avatar / Signs / Code / Rayer la mention inutile 1535843593-arachne-vava01 Avatar / Signs / Code / Rayer la mention inutile 1535843676-camille-vava05 Avatar / Signs / Code / Rayer la mention inutile 1535843786-velkias11

Et quand on parle d'avatars, on parle très souvent de signatures^^
Avatar / Signs / Code / Rayer la mention inutile 1535844128-aegine-sign Avatar / Signs / Code / Rayer la mention inutile 1535844128-aegine-sign2 Avatar / Signs / Code / Rayer la mention inutile 1535844171-kalys-sign Avatar / Signs / Code / Rayer la mention inutile 1535844192-tamata-sign Avatar / Signs / Code / Rayer la mention inutile 1534629685-ithilwen-sign2-500

Quand je me suis lancé sur YT, j'ai voulu faire les choses bien comme il faut. Avec miniatures et tout et tout. En voici quelques exemples !
Avatar / Signs / Code / Rayer la mention inutile 1535845031-miniature-zeldaoot-6 Avatar / Signs / Code / Rayer la mention inutile 1535845109-miniature-mario64-8 Avatar / Signs / Code / Rayer la mention inutile 1535842844-miniature-pankapu Avatar / Signs / Code / Rayer la mention inutile 1535838563-pankapu

Dans ma période YT, j'ai fait la connaissance d'un mj voulant lancer une saga de type Aventures (pour les incultes, foncez sur la chaîne Bazard du Grenier). Nous n'avons enregistré que deux séances et un seul épisode a été posté... Le four ! xD
Bref, je m'étais amusé à réaliser cette petite interface à partir d'élément graphiques fournis avec rpg maker, mais ça n'a finalement jamais été utilisé Avatar / Signs / Code / Rayer la mention inutile 2396919072
Avatar / Signs / Code / Rayer la mention inutile 1535838316-overlay-eleyo
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://rpglordoftherings.forumactif.com/t7642-neige-et-velours-e
Evelith OiomurëNombre de messages : 26
Age : 32
Date d'inscription : 14/08/2018

Feuille de personnage
Race: Humaine
Possessions: Vielle, Luth, nécessaire de voyage, poignards
Statut: Joueur(se) actif(ve)
Evelith Oiomurë

MessageSujet: Re: Avatar / Signs / Code / Rayer la mention inutile   Avatar / Signs / Code / Rayer la mention inutile EmptyDim 2 Sep 2018 - 2:28
Dessin

Sur DeviantArt (et sur d'autres sites du même type je suppose), on trouve des communautés rp où l'on dessine nos personnages et où l'on illustre certains rp. Pour ma part j'en suis resté au design et à quelques croquis^^
Avatar / Signs / Code / Rayer la mention inutile Kazuna_taenaru_by_luneriane-d9fuqnz Avatar / Signs / Code / Rayer la mention inutile Faelandys_srenkela_by_luneriane-d9p8lcw Avatar / Signs / Code / Rayer la mention inutile Tumblr_pdcuax1udc1v4dxgbo1_500

Voici justement quelques croquis Wink
Avatar / Signs / Code / Rayer la mention inutile Heyden_by_luneriane-d9jv8z1 Avatar / Signs / Code / Rayer la mention inutile La_malediction_du_kraken_by_luneriane-d9l2jvk Avatar / Signs / Code / Rayer la mention inutile Phenie_by_luneriane-d9n8qfy

On passe aux illustrations en tout genre
Avatar / Signs / Code / Rayer la mention inutile Prayer_of_sun_by_luneriane-d6bc80u Avatar / Signs / Code / Rayer la mention inutile Hearing_the_wind_by_luneriane-d9mhsl5 Avatar / Signs / Code / Rayer la mention inutile _wip__captain_death_lantern_by_luneriane-d9nycby Avatar / Signs / Code / Rayer la mention inutile Maplelise_me___evan_by_luneriane-dcjnmo5

Pixel art et animation
Avatar / Signs / Code / Rayer la mention inutile Pixel_icon___minime_fantasy_by_luneriane-dckiecl Avatar / Signs / Code / Rayer la mention inutile Pixel_icon___cute_smile_by_luneriane-dckphtp Avatar / Signs / Code / Rayer la mention inutile Pixel_icon___kyaa___by_luneriane-dckpidk

Et parce qu'il ne faut pas avoir honte de ses débuts...
Avatar / Signs / Code / Rayer la mention inutile Another_world_by_luneriane Avatar / Signs / Code / Rayer la mention inutile Knightdragons_by_luneriane Avatar / Signs / Code / Rayer la mention inutile Fairy_star_by_luneriane
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://rpglordoftherings.forumactif.com/t7642-neige-et-velours-e
Evelith OiomurëNombre de messages : 26
Age : 32
Date d'inscription : 14/08/2018

Feuille de personnage
Race: Humaine
Possessions: Vielle, Luth, nécessaire de voyage, poignards
Statut: Joueur(se) actif(ve)
Evelith Oiomurë

MessageSujet: Re: Avatar / Signs / Code / Rayer la mention inutile   Avatar / Signs / Code / Rayer la mention inutile EmptyDim 2 Sep 2018 - 3:55
Pour un beau post RP

Voilà le code que j'utilise actuellement pour embellir mes rp. Vous pouvez l'utiliser tel quel ou en retirer certaines parties selon vos préférences Wink


Aperçu :



TITRE DE VOTRE RP
| NOM DU PJ OU PNJ 1 | NOM DU PJ OU PNJ 2 |
Placez votre RP dans cette zone

Placez votre RP dans cette zone

Placez votre RP dans cette zone

Placez votre RP dans cette zone

Placez votre RP dans cette zone

Placez votre RP dans cette zone


Code:
<link href="https://fonts.googleapis.com/css?family=Merienda" rel="stylesheet">
<style>#grandTitre {width:500px; margin:auto; padding: 10px 0px; border-radius:10px; box-shadow:0px 0px 5px 2px #5a2d0c; background-size:cover; background-image:url('https://pre00.deviantart.net/940a/th/pre/i/2009/341/6/4/red_mahogany_wood_texture_by_sweetsoulsister.jpg'); font-size:2em; font-family: 'Merienda',cursive; color:BlanchedAlmond; text-transform:uppercase;text-align:center; text-shadow:2px 2px 2px black}#participants {margin: 10px;font-family: 'Merienda',cursive; color:BlanchedAlmond; text-align:center; text-shadow:2px 2px 2px black;}.vava {width:100px;height:100px;border-radius:50%;border:solid 2px #5a2d0c;box-shadow:0px 0px 5px 1px #5a2d0c;margin-right:-10px;background-size:cover; }#illuBG {width:400px;height:261px; margin:auto;background-size:cover;overflow: hidden;box-shadow:0px 0px 5px 2px #5a2d0c;}#illuIMG {width:404px;height:auto;margin: -2px; }#cadreRPLight {margin-top: 20px;padding:10px;border-radius:10px;border:solid 1px #5a2d0c; box-shadow:0px 0px 5px 0px #5a2d0c;text-align:justify; color: auto; text-shadow: 1px 1px 3px #5a2d0c; background-color:BurlyWood}#cadreRPDark {margin-top: 20px;padding:10px;border-radius:10px;border:solid 1px BlanchedAlmond; box-shadow:0px 0px 5px 0px BlanchedAlmond;text-align:justify; color:BlanchedAlmond; text-shadow: 1px 1px 3px #f2b55a;background-color:#5a2d0c}</style>
<div id="grandTitre">TITRE DE VOTRE RP</div><div id="participants">| NOM DU PJ OU PNJ 1 | NOM DU PJ OU PNJ 2 | En ajoutant autant qu'il faut</div><div style="display:flex;justify-content:center;margin-bottom: 15px;"><div class="vava" style="background-position:0px -5px; background-image:url('ADRESSE-URL-AVATAR-1')"></div><div class="vava" style="background-position:top; background-image:url('ADRESSE-URL-AVATAR-2')"></div></div><div id="illuBG" style="background-position:center;background-image:url('ADRESSE-URL-IMAGE')"><img id="illuIMG" src="http://www.atelier-gravure-ancienne.fr/images/gallery/frames1/shadow-wide.png"></div><div id="cadreRPLight">Placez votre RP dans cette zone

Placez votre RP dans cette zone

Placez votre RP dans cette zone
</div>
<div id="cadreRPDark">Placez votre RP dans cette zone

Placez votre RP dans cette zone

Placez votre RP dans cette zone
</div>

Petites explications :

¤ La première partie que vous pouvez modifier/supprimer est celle-ci :
Code:
<div id="participants">NOM DU PJ OU PNJ 1| NOM DU PJ OU PNJ 2 | En ajoutant autant qu'il faut</div>
Vous pouvez, si vous le voulez, notifier les participants à votre rp. Cela ajoutera une notification dans celles qui s'affichent dans la liste en haut à gauche de votre écran. Voilà comment faire :
Code:
<div id="participants">| @"Evelith Oiomurë" | @"Pseudo du Joueur2" |</div>

¤ La deuxième partie modifiable est celle des petits avatars. Si vous utilisez un pnj, c'est l'occasion d'y afficher sa trombine Wink
Code:
<div style="display:flex;justify-content:center;margin-bottom: 15px;"><div class="vava" style="background-position:0px -5px; background-image:url('ADRESSE-URL-AVATAR-1')"></div><div class="vava" style="background-position:top; background-image:url('ADRESSE-URL-AVATAR-2')"></div></div>
Vous vous en doutez, il faut remplacer ce qui est entre ' ' par l'adresse url de votre avatar. Gardez bien les ' ' ou le code ne fonctionnera pas !
Vous pouvez aussi ajuster la position de l'image par rapport au cercle. Pour ça, il faut modifier la partie "background-position:0px -5px;". Vous pouvez modifier le "-5px" par une autre valeur positive ou négative. Vous pouvez aussi utiliser un mot clé comme "top", "center", ou "bottom", ce qui vous permet de placer le haut, le milieu, ou le bas de votre image au centre du cercle. Voilà ce que les différentes positions donnent avec mon avatar :

¤ La troisième partie facultative/modifiable est l'illustration dans le zoli cadre.
Code:
<div id="illuBG" style="background-position:center;background-image:url('ADRESSE-URL-IMAGE')"><img id="illuIMG" src="http://www.atelier-gravure-ancienne.fr/images/gallery/frames1/shadow-wide.png"></div>
Remplacez tout simplement "ADRESSE-URL-IMAGE" par l'adresse url de l'image de votre choix Wink

¤ Et enfin, il ne vous reste plus qu'à choisir entre les deux versions possibles de votre zone de texte.
Code:
<div id="cadreRPLight">Placez votre RP dans cette zone

Placez votre RP dans cette zone

Placez votre RP dans cette zone
</div>
<div id="cadreRPDark">Placez votre RP dans cette zone

Placez votre RP dans cette zone

Placez votre RP dans cette zone
</div>
Le code contient les deux versions l'une à la suite de l'autre. Ne gardez que la portion "div id.../div" qui vous convient Wink


Lister ses RPs

Une fois que vous avez votre rp tout beau tout neuf, voir peut-être déjà terminé, vous pouvez lister vos rp dans votre carnet de bord (ou tout autre nom que vous voulez lui donner^^).


Liste des RP

Sujets en cours

¤ Titre ¤
Participants
Lieu - Date

Sujets en pause

¤ Titre ¤
Participants
Lieu - Date

Sujets en terminés

¤ Titre ¤
Participants
Lieu - Date


Dernière édition par Evelith Oiomurë le Jeu 6 Sep 2018 - 17:34, édité 3 fois (Raison : Modifs du post RP et ajout d'une version "sombre")
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://rpglordoftherings.forumactif.com/t7642-neige-et-velours-e
Evelith OiomurëNombre de messages : 26
Age : 32
Date d'inscription : 14/08/2018

Feuille de personnage
Race: Humaine
Possessions: Vielle, Luth, nécessaire de voyage, poignards
Statut: Joueur(se) actif(ve)
Evelith Oiomurë

MessageSujet: Re: Avatar / Signs / Code / Rayer la mention inutile   Avatar / Signs / Code / Rayer la mention inutile EmptyDim 2 Sep 2018 - 10:02
Lister ses pnjs ou ses relations



TITRE A COMPLETER

NOM DU PJ OU PNJ
Vous
 pouvez
 compléter
 par
 les
 infos
 que
 vous
 voulez

Nom Prénom
Lien: A compléter par vos soins
Âge: A compléter par vos soins
Emploi: A compléter par vos soins
Race: A compléter par vos soins
Pays actuel: A compléter par vos soins
Anecdotes: A compléter par vos soins


Code:
<link href="https://fonts.googleapis.com/css?family=Merienda" rel="stylesheet">
<style>#grandTitre {width:500px; margin:auto; padding:15px 0px; border-radius:10px; box-shadow:0px 0px 5px 1px #5a2d0c; background-size:cover; background-image:url('https://pre00.deviantart.net/940a/th/pre/i/2009/341/6/4/red_mahogany_wood_texture_by_sweetsoulsister.jpg'); font-size:2em; font-family: 'Merienda',cursive; color:BlanchedAlmond; text-transform:uppercase;text-align:center; text-shadow:2px 2px 2px black}.petitTitre {margin:15px 0px;font-size:1.80em; font-family: 'Merienda',cursive; color:BlanchedAlmond; text-align:center; text-shadow:2px 2px 2px black;}.cadreTexte {min-height:150px;border-radius:10px; box-shadow:0px 0px 5px 1px #5a2d0c; padding:10px;text-align:justify;background-color:BurlyWood}.vavaImgLEFT {float:left;width:150px;height:135px;padding-bottom:15px; margin-right:10px; background-size:cover;}.vavaImgRIGHT {float:right;width:150px;height:135px;padding-bottom:15px; margin-left:10px; background-size:cover;}.vavaCadre {width:150px;height:auto}</style>
<div id="grandTitre">TITRE A COMPLETER</div>
<div class="petitTitre">NOM DU PJ OU PNJ</div><div class="cadreTexte"><div class="vavaImgLEFT" style="background-position:center;background-image:url('URL-AVATAR')"><img src="https://pre00.deviantart.net/d6bf/th/pre/i/2011/098/9/a/rose_frame_03a_by_ookamikasumi-d3djwd3.png" class="vavaCadre")></div>Vous
 pouvez
 compléter
 par
 les
 infos
 que
 vous
 voulez</div>
<div class="petitTitre">NOM DU PJ OU PNJ</div><div class="cadreTexte"><div class="vavaImgRIGHT" style="background-position:center;background-image:url('URL-AVATAR')"><img src="https://pre00.deviantart.net/d6bf/th/pre/i/2011/098/9/a/rose_frame_03a_by_ookamikasumi-d3djwd3.png" class="vavaCadre")></div><b>Lien</b>: A compléter par vos soins
<b>Âge</b>: A compléter par vos soins
<b>Emploi</b>: A compléter par vos soins
<b>Race</b>: A compléter par vos soins
<b>Pays actuel</b>: A compléter par vos soins
<b>Anecdotes</b>: A compléter par vos soins</div>
Ce que vous pouvez modifier dans ce code, se trouve dans cette petite portion :
Code:
<div class="vavaImgRIGHT" style="background-position:center;background-image:url('URL-AVATAR')">
Vous pouvez choisir de placer l'avatar à gauche ou à droite du texte. Selon votre choix, il faudra écrire class="vavaImgLEFT" ou class="vavaImgRIGHT".
Pour positionner votre image dans le cadre, vous avez deux façons de modifier "background-position:center". Soit en utilisant les mots-clé "top", "center", ou "bottom". Soit en utilisant des coordonnées notés "0px -15px". Le 0 correspond à un déplacement horizontal. Si vous utilisez un avatar au format du forum, vous garderez ce chiffre à 0. Le -15 correspond à la verticale, et si vous utilisez une valeur positive, vous aurez le bas de votre avatar qui se répètera en haut de l'image (à ne pas faire, ce n'est pas très beau^^). Dans l'aperçu, la première image est positionnée sur "center" et la deuxième utilise des coordonnées.
N'oubliez pas de remplacer "URL-AVATAR" par l'adresse de votre avatar !
Et enfin pour ajouter un nouveau personnage, il vous suffit d'ajouter ce bloc :
Code:
<div class="petitTitre">NOM DU PJ OU PNJ</div><div class="cadreTexte"><div class="vavaImgLEFT" style="background-position:center;background-image:url('URL-AVATAR')"><img src="https://pre00.deviantart.net/d6bf/th/pre/i/2011/098/9/a/rose_frame_03a_by_ookamikasumi-d3djwd3.png" class="vavaCadre")></div>Vous
 pouvez
 compléter
 par
 les
 infos
 que
 vous
 voulez</div>



TITRE A COMPLETER
NOM DU PJ OU PNJ
Ajoutez
les
infos
utiles
☙❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❧
Nom Prénom
¤ Lien : A Compléter
Nec sane haec sola pernicies orientem diversis cladibus adfligebat. Namque et Isauri, quibus est usitatum saepe pacari saepeque, latrociniis occultis et raris,  in peius audaciam ad bella gravia proruperunt, diu quidem  vehementer, ut iactitabant, quod eorum capiti quidam consortes apud Iconium Pisidiae in spectaculo feris.
Nom Prénom
¤ Lien : A Compléter
Nec sane haec sola pernicies orientem diversis cladibus adfligebat. Namque et Isauri, quibus est usitatum saepe pacari saepeque, latrociniis occultis et raris,  in peius audaciam ad bella gravia proruperunt, diu quidem  vehementer, ut iactitabant, quod eorum capiti quidam consortes apud Iconium Pisidiae in spectaculo feris.

Code:
<link href="https://fonts.googleapis.com/css?family=Merienda" rel="stylesheet">
<style>#grandTitre {width:500px; margin:auto; padding:5px 0px 10px; border-radius:10px; box-shadow:0px 0px 5px 1px #5a2d0c; background-size:cover; background-image:url('https://pre00.deviantart.net/940a/th/pre/i/2009/341/6/4/red_mahogany_wood_texture_by_sweetsoulsister.jpg'); font-size:2em; font-family: 'Merienda',cursive; color:BlanchedAlmond; text-transform:uppercase;text-align:center; text-shadow:2px 2px 2px black}#cadreCanva {width: auto; margin-top: 30px;padding:10px;border-radius:10px; background-color:BurlyWood; box-shadow:0px 0px 5px 1px #5a2d0c;}.zoneTexte {margin: 10px 0px; text-align:justify;}.vavaO{width:100px;height:100px;border-radius:50%;float:left; margin-right: 10px;border:solid 1px #5a2d0c;box-shadow:0px 0px 5px 1px #5a2d0c; background-size:cover;}.nomP{font-size:1.5em; font-family: 'Merienda',cursive; color:BlanchedAlmond; text-align: left; text-shadow:2px 2px 2px black}.barreSeparationSymb {width:80%;margin:auto;color:BlanchedAlmond;text-align:center;text-shadow:2px 2px 1px SaddleBrown}.barreSeparationDot{width:80%;margin:20px auto;border-top:dotted 2px BlanchedAlmond;border-bottom:dotted 2px SaddleBrown}</style>
<div id="grandTitre">TITRE A COMPLETER</div><div id="cadreCanva"><div class="zoneTexte"><div class="vavaO" style="background-position:0px -5px;background-image:url('URL-AVATAR')"></div><div class="nomP">NOM DU PJ OU PNJ</div>Ajoutez
les
infos
utiles</div><div class="barreSeparationSymb" style="font-size:1.5em;">☙❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❦❧</div><div class="zoneTexte"><div class="vavaO" style="background-position:0px -5px;background-image:url('URL-AVATAR')"></div><div class="nomP">NOM DU PJ OU</div><b>¤ Lien : </b>A Compléter
Nec sane haec sola pernicies orientem diversis cladibus adfligebat. Namque et Isauri, quibus est usitatum saepe pacari saepeque, latrociniis occultis et raris,  in peius audaciam ad bella gravia proruperunt, diu quidem  vehementer, ut iactitabant, quod eorum capiti quidam consortes apud Iconium Pisidiae in spectaculo feris.</div><div class="barreSeparationDot"></div><div class="zoneTexte"><div class="vavaO" style="background-position:0px -5px;background-image:url('URL-AVATAR')"></div><div class="nomP">NOM DU PJ OU</div><b>¤ Lien : </b>A Compléter
Nec sane haec sola pernicies orientem diversis cladibus adfligebat. Namque et Isauri, quibus est usitatum saepe pacari saepeque, latrociniis occultis et raris,  in peius audaciam ad bella gravia proruperunt, diu quidem  vehementer, ut iactitabant, quod eorum capiti quidam consortes apud Iconium Pisidiae in spectaculo feris.</div><!-- Vous pouvez encore ajouter d'autres personnages --></div>
Tout d'abord, vous pouvez modifier l'avatar dans cette partie du code :
Code:
<div class="vavaO" style="background-position:0px -5px;background-image:url('URL-AVATAR')"></div>
Comme expliqué plus haut, vous pouvez positionner l'image soit grâce aux placements top/center/bottom, soit de façon plus précise en modifiant le "-5" selon vos besoins.
Remplacez "URL-AVATAR" par l'adresse de votre image

Pour ajouter un nouveau personnage, il vous faut ajouter ce bloc de code :
Code:
<div class="zoneTexte"><div class="vavaO" style="background-position:0px -5px;background-image:url('URL-AVATAR')"></div><div class="nomP">NOM DU PJ OU</div><b>¤ Lien : </b>A Compléter
Nec sane haec sola pernicies orientem diversis cladibus adfligebat. Namque et Isauri, quibus est usitatum saepe pacari saepeque, latrociniis occultis et raris,  in peius audaciam ad bella gravia proruperunt, diu quidem  vehementer, ut iactitabant, quod eorum capiti quidam consortes apud Iconium Pisidiae in spectaculo feris.</div>
Attention, placez ce bloc avant la dernière balise div. Pour vous aidez, il y a un petit commentaire que vous pouvez supprimer, ou collez votre bloc juste avant ceci :
Code:
<!-- Vous pouvez encore ajouter d'autres personnages -->

Dans ce modèle, vous avez deux modèles de barre de séparation.
Code:
<div class="barreSeparationDot"></div>
A recopier tel-quel.
Code:
<div class="barreSeparationSymb" style="font-size:1.5em;">☙❦❦❦❦❦❦❦❦❧</div>
Que vous pouvez la modifier en insérant les symboles de votre choix. Vous pouvez une liste complète à cette adresse. Vous pouvez aussi changer la taille dans font-size:1.5em. Em est une unité de mesure qui prend pour référence 1=taille normale du texte. Dans cet exemple, mes symboles font donc 1,5 fois la taille du texte. Vous pouvez aussi remplacer par 16px ou tout autre valeur de votre choix.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://rpglordoftherings.forumactif.com/t7642-neige-et-velours-e
Evelith OiomurëNombre de messages : 26
Age : 32
Date d'inscription : 14/08/2018

Feuille de personnage
Race: Humaine
Possessions: Vielle, Luth, nécessaire de voyage, poignards
Statut: Joueur(se) actif(ve)
Evelith Oiomurë

MessageSujet: Re: Avatar / Signs / Code / Rayer la mention inutile   Avatar / Signs / Code / Rayer la mention inutile EmptyJeu 6 Sep 2018 - 19:02
Petit Maj du topic ! Eh oui, nous avons tous notre couleur fétiche pour illustrer les paroles de nos personnages, et malheureusement, toutes les couleurs ne sont pas vraiment compatibles avec le code que j'ai posté. Je l'ai donc un peu modifié et j'en ai profité pour ajouter une version avec un cadre foncé.
His cognitis Gallus ut serpens adpetitus telo vel saxo iamque spes extremas opperiens et succurrens saluti suae quavis ratione colligi omnes iussit armatos et cum starent attoniti, districta dentium acie stridens adeste inquit viri fortes mihi periclitanti vobiscum.
His cognitis Gallus ut serpens adpetitus telo vel saxo iamque spes extremas opperiens et succurrens saluti suae quavis ratione colligi omnes iussit armatos et cum starent attoniti, districta dentium acie stridens adeste inquit viri fortes mihi periclitanti vobiscum. 


Toujours concernant le même code, j'utilise dans tous mes rp mais en changeant l'illustration en fonction du lieu où se situe l'action. Si vous voulez en faire autant, voici une liste non-exhaustive que j'étofferais au fil du temps. Cliquez sur une image pour accéder à sa source.


Edoras
Onur Bakar
Lorien
Ralph Damiani
Minas Tirith
Ted Nasmith
Moria
JC Barquet
Khazad-Dûn
Hardy Guardy
Pays de Dun
Kovah
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://rpglordoftherings.forumactif.com/t7642-neige-et-velours-e
Contenu sponsorisé

MessageSujet: Re: Avatar / Signs / Code / Rayer la mention inutile   Avatar / Signs / Code / Rayer la mention inutile Empty
Revenir en haut Aller en bas
 

Avatar / Signs / Code / Rayer la mention inutile

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Code Pénal Ayisyen an demode.
» THE question ! [le code, pour marquer ton nom ! ]
» BB Code : les tableaux en une lecon
» [AVATAR] Acteurs - Mannequins
» Créations C. Ronaldo [Avatar]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Jeu de Rôle - Terre du Milieu :: Avatar / Signs / Code / Rayer la mention inutile N448 :: Graphisme-