Poké World
<center>Bienvenue sur Pokéworld !</center>

Un forum RPG sur les Pokémons comme les autres ? Absolument pas ! Nous vous proposons non pas 5 mais 6 ligues, mais également, des pokémons inédits. Intrigues, staff™️ disponible, membres sympatiques, bonne humeur... Tous les ingrédients sont là pour passer de bons moments ! Pour en savoir plus, rejoignez-nous !

Un pseudo contenant un prénom et un nom - dans cet ordre - sont indispensables ici Wink

Attrapez-les tous et amusez-vous bien !


rpg
 
AccueilAccueil  Guide du forum  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Éléments de mise en page

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Kieran Salvary
Fondateur
Fondateur
avatar


Date d'inscription : 04/05/2010
Messages : 354
Sexe : Masculin
Pokédollars : 6772 Vos Pokémons :




Feuille de personnage
Âge de votre personnage: 25 ans
Qualificatifs du personnage: Déterminé, combatif, protecteur, amical, bon vivant

MessageSujet: Éléments de mise en page   Mar 25 Mai - 12:07

POKÉ-WORLD

Afin de vous aider dans vos mises en page diverses et variée, de vous proposer quelques codes simples d'utilisation pour vos topics sur le forum, ce sujet exposera plusieurs petites choses - parfois même des détails - qui pourront vous servir avec une explication pour les débutants.

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pokeworld.forums-actifs.com
Kieran Salvary
Fondateur
Fondateur
avatar


Date d'inscription : 04/05/2010
Messages : 354
Sexe : Masculin
Pokédollars : 6772 Vos Pokémons :




Feuille de personnage
Âge de votre personnage: 25 ans
Qualificatifs du personnage: Déterminé, combatif, protecteur, amical, bon vivant

MessageSujet: Re: Éléments de mise en page   Mar 25 Mai - 12:15

CHAP I : LES COULEURS


Vous pourrez avoir besoin de couleurs sur le forum pour vos mises en pages, aussi, nous vous en avons référencé quelques unes :

Maroon
DarkRed
Brown
FireBrick
IndianRed
Crimson
Red
OrangeRed
Tomato
Coral
LightSalmon
DarkSalmon
Salmon
LightCoral
PaleVioletRed
Purple
DarkMagenta
DarkViolet
DarkOrchid
MediumOrchid
Orchid
Violet
Plum
Thistle
MediumVioletRed
DeepPink
Fuchsia
HotPink
LightPink
Pink
PeachPuff
Chocolate
DarkGoldenrod
DarkKhaki
Goldenrod
DarkOrange
Orange
SandyBrown
BurlyWood
Wheat
Linen
Gold
Yellow
PaleGoldenrod
Ivory

    Navy
    MidnightBlue
    DarkBlue
    DarkSlateBlue
    MediumBlue
    SlateBlue
    LightSteelBlue
    Aliceblue
    SteelBlue
    DodgerBlue
    CornflowerBlue
    LightSkyBlue
    LightBlue
    PowderBlue
    Teal
    DarkCyan
    CadetBlue
    LightSeaGreen
    DarkTurquoise
    MediumTurquoise
    PaleTurquoise
    SeaGreen
    MediumSeaGreen
    DarkSeaGreen
    MediumAquamarine
    MediumSpringGreen
    SpringGreen
    PaleGreen
    LightGreen
    Chartreuse
    GreenYellow
    YellowGreen
    Lime
    LimeGreen
    ForestGreen
    DarkGreen
    DarkOliveGreen
    DarkSlateGray
    DimGray
    Gray
    DarkGray
    Silver
    Lavender
    Snow
    FloralWhite



Pour les utiliser c'est très simple, il vous suffit de placer votre texte entre les balises couleurs comme ceci :
Code:
[color=]Votre Texte[/color]
Ensuite vous placer le nom de votre couleur comme ceci :
Code:
[color=Nomde votre couleur]Votre Texte[/color]
Et vous envoyez ! Les connaisseurs sauront qu'il est possible de procéder de la même manière pour les couleurs sous forme de code, mais dans ce cas, n'oubliez pas le "#" Wink

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pokeworld.forums-actifs.com
Kieran Salvary
Fondateur
Fondateur
avatar


Date d'inscription : 04/05/2010
Messages : 354
Sexe : Masculin
Pokédollars : 6772 Vos Pokémons :




Feuille de personnage
Âge de votre personnage: 25 ans
Qualificatifs du personnage: Déterminé, combatif, protecteur, amical, bon vivant

MessageSujet: Re: Éléments de mise en page   Mar 25 Mai - 12:17

CHAP II : LA MISE EN FORME


Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte
Code:
[justify]Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte Justifier son texte[/justify]
Texte à droite
Code:
[right]Texte à droite[/right]
Texte centré
Code:
[center]Texte centré[/center]
Texte à gauche
Code:
[left]Texte à gauche[/left]
Citation :
Citer un texte
Code:
[quote]Citer un texte[/quote]
Spoiler:
 
Code:
[spoiler]Utiliser le spoiler[/spoiler]
Faire une liste
    Texte 1
    Texte 2
    Texte 3

Code:
Faire une liste
[list]Texte 1
Texte 2
Texte 3[/list]
Faire une liste
  1. Texte 1
  2. Texte 2
  3. Texte 3

Code:
Faire une liste
[list=1][*]Texte 1
[*]Texte 2
[*]Texte 3[/list]
Faire une liste
  • Texte 1
  • Texte 2
  • Texte 3

Code:
Faire une liste
[list][*]Texte 1
[*]Texte 2
[*]Texte 3[/list]
Insérer une ligne dans un texte Insérer une ligne dans un texte
Insérer une ligne dans un texte Insérer une ligne dans un texte Insérer une ligne dans un texte Insérer une ligne dans un texte Insérer une ligne dans un texte
Code:
Insérer une ligne dans un texte Insérer une ligne dans un texte [hr]Insérer une ligne dans un texte Insérer une ligne dans un texte Insérer une ligne dans un texte Insérer une ligne dans un texte Insérer une ligne dans un texte


Dernière édition par Kieran Salvary le Mar 25 Mai - 13:35, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pokeworld.forums-actifs.com
Kieran Salvary
Fondateur
Fondateur
avatar


Date d'inscription : 04/05/2010
Messages : 354
Sexe : Masculin
Pokédollars : 6772 Vos Pokémons :




Feuille de personnage
Âge de votre personnage: 25 ans
Qualificatifs du personnage: Déterminé, combatif, protecteur, amical, bon vivant

MessageSujet: Re: Éléments de mise en page   Mar 25 Mai - 12:23

CHAP III : LES DIFFÉRENTS CONTOURS


Il en existe un très grand nombre, mais nous allons vous en proposer quelques-uns.
Contour avec titre

Votre titre
Votre texte


Code:
<fieldset style="border: Nom de votre couleur 4px solid; -moz-border-radius: 50px; margin-left: 40px; margin-right:40px; padding-right: 10px; padding-left: 10px; text-align: justify; "><legend>Votre titre</legend>
Votre texte

</fieldset>
Votre titre
Votre texte


Code:
<fieldset style="border: Nom de votre couleur 4px dotted; -moz-border-radius: 50px; margin-left: 40px; margin-right:40px; padding-right: 10px; padding-left: 10px; text-align: justify; "><legend>Votre titre</legend>
Votre texte

</fieldset>

Votre titre
Votre texte


Code:
<fieldset style="border: Nom de votre couleur 4px dashed; -moz-border-radius: 50px; margin-left: 40px; margin-right:40px; padding-right: 10px; padding-left: 10px; text-align: justify; "><legend>Votre titre</legend>
Votre texte

</fieldset>
Votre titre
Votre texte


Code:
<fieldset style="border: Nom de votre couleur 4px outset; -moz-border-radius: 50px; margin-left: 40px; margin-right:40px; padding-right: 10px; padding-left: 10px; text-align: justify; "><legend>Votre titre</legend>
Votre texte

</fieldset>
Votre titre
Votre texte


Code:
<fieldset style="border: Nom de votre couleur 4px ridge; -moz-border-radius: 50px; margin-left: 40px; margin-right:40px; padding-right: 10px; padding-left: 10px; text-align: justify; "><legend>Votre titre</legend>
Votre texte

</fieldset>
Votre titre
Votre texte


Code:
<fieldset style="border: Nom de votre couleur 4px inset; -moz-border-radius: 50px; margin-left: 40px; margin-right:40px; padding-right: 10px; padding-left: 10px; text-align: justify; "><legend>Votre titre</legend>
Votre texte

</fieldset>
Votre titre
Votre texte


Code:
<fieldset style="border: Nom de votre couleur 4px groove; -moz-border-radius: 50px; margin-left: 40px; margin-right:40px; padding-right: 10px; padding-left: 10px; text-align: justify; "><legend>Votre titre</legend>
Votre texte

</fieldset>
Votre titre
Votre texte


Code:
<fieldset style="border: Nom de votre couleur 4px double; -moz-border-radius: 50px; margin-left: 40px; margin-right:40px; padding-right: 10px; padding-left: 10px; text-align: justify; "><legend>Votre titre</legend>
Votre texte

</fieldset>


Dernière édition par Kieran Salvary le Mar 25 Mai - 13:20, édité 2 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pokeworld.forums-actifs.com
Kieran Salvary
Fondateur
Fondateur
avatar


Date d'inscription : 04/05/2010
Messages : 354
Sexe : Masculin
Pokédollars : 6772 Vos Pokémons :




Feuille de personnage
Âge de votre personnage: 25 ans
Qualificatifs du personnage: Déterminé, combatif, protecteur, amical, bon vivant

MessageSujet: Re: Éléments de mise en page   Mar 25 Mai - 12:32

CHAP IV : LES SÉPARATIONS



Code:
<div style="margin-left:20px; margin-right:20px; letter-spacing: -2px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom: 2px dashed votre couleur"></div>

Code:
<div style="margin-left:20px; margin-right:20px; letter-spacing: -2px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom: 2px dotted votre couleur"></div>

Code:
<div style="margin-left:20px; margin-right:20px; letter-spacing: -2px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom: 2px solid votre couleur"></div>

Code:
<div style="margin-left:20px; margin-right:20px; letter-spacing: -2px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom: 2px groove votre couleur"></div>

Code:
<div style="margin-left:20px; margin-right:20px; letter-spacing: -2px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom: 4px outset votre couleur"></div>

Code:
<div style="margin-left:20px; margin-right:20px; letter-spacing: -2px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom: 4px inset votre couleur"></div>

Code:
<div style="margin-left:20px; margin-right:20px; letter-spacing: -2px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom: 3px double votre couleur"></div>


Dernière édition par Kieran Salvary le Mar 25 Mai - 13:27, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pokeworld.forums-actifs.com
Kieran Salvary
Fondateur
Fondateur
avatar


Date d'inscription : 04/05/2010
Messages : 354
Sexe : Masculin
Pokédollars : 6772 Vos Pokémons :




Feuille de personnage
Âge de votre personnage: 25 ans
Qualificatifs du personnage: Déterminé, combatif, protecteur, amical, bon vivant

MessageSujet: Re: Éléments de mise en page   Mar 25 Mai - 12:58

CHAP V : LE TEXTE


Votre Texte


Code:
<p style="font-weight:normal;text-decoration:overline;letter-spacing:1pt;word-spacing:2pt;line-height:1;">Votre Texte</p>

Votre Texte


Code:
<p style="font-weight:normal;font-variant:small-caps;letter-spacing:1pt;word-spacing:2pt;line-height:1;">Votre Texte</p>
Votre Texte
Code:
[i]Votre Texte[/i]
Votre Texte
Code:
[u]Votre Texte[/u]
Votre Texte
Code:
[b]Votre Texte[/b]
Votre Texte
Code:
[strike]Votre Texte[/strike]

Votre Texte


Code:
<p style="font-weight:normal;text-transform:uppercase;letter-spacing:1pt;word-spacing:2pt;line-height:1;">Votre Texte</p>
Votre Texte
Code:
<font style="font-style: italic; background-color: La couleur du fond;" size="6"><span style="font-family: Georgia;">[color=la couleur du texte]Votre Texte[/color]</span></font></font>
[wow]custom:Mot visible,, Mot invisible ,ffff77/t[/wow](passez votre souris sur le texte)
Code:
[wow]custom:Mot visible,, Mot invisible        ,ffff77/t[/wow]
Votre
Texte

Code:
<span style="font-family: georgia; font-size:40px; line-height:15px;"><font style="color:#couleur du texte du dessous;">Votre</font><br><font style="color:#couleur du texte du dessus;">Texte</font></span></div>

Votre Texte


Code:
<p style="font-weight:normal;color:#000000;letter-spacing:7pt;word-spacing:2pt;font-size:12px;text-align:left;font-family:arial, helvetica, sans-serif;line-height:1;">Votre Texte</p>

Votre Texte


Code:
<p style="font-weight:normal;color:#000000;letter-spacing:-2pt;word-spacing:2pt;font-size:12px;text-align:left;font-family:arial, helvetica, sans-serif;line-height:1;">Votre Texte</p>

Votre Texte


Code:
<p style="font-weight:normal;color:#000000;letter-spacing:0pt;word-spacing:-16pt;font-size:12px;text-align:left;font-family:arial, helvetica, sans-serif;line-height:1;">Votre [color=orange]Texte[/color]</p>
Texte à mettre ici

Code:
    <div style="border-bottom:2px solid #votre couleur;"> Texte à mettre ici</div>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pokeworld.forums-actifs.com
Kieran Salvary
Fondateur
Fondateur
avatar


Date d'inscription : 04/05/2010
Messages : 354
Sexe : Masculin
Pokédollars : 6772 Vos Pokémons :




Feuille de personnage
Âge de votre personnage: 25 ans
Qualificatifs du personnage: Déterminé, combatif, protecteur, amical, bon vivant

MessageSujet: Re: Éléments de mise en page   Mar 25 Mai - 13:03

CHAP VI : LES IMAGES


I Écrire sur une image :
Voici un exemple :
texte

Pour se faire, il vous faut copier coller ce code en y plaçant l'url de votre image :
Code:
<div style="background-image: url(url de votre image);">Texte</div>
Placez votre texte à la place du mot \\\"texte\\\".

Pensez également à désactivez l'option \\\"ce que vous voyez, ce que vous avez\\\" lors de la rédaction de votre message Wink

II Écrire à côté d'une image :
Écrire à sa droite
Voici un exemple :
Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court.
\\\"\\\" Vous placez votre texte ici sans vous soucier qu'il soit long ou court. sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court.

Pour se faire, il vous faut copier coller ce code en y plaçant l'url de votre image :
Code:
<img style="float: left; margin-right: 5px;" alt="" src="URL DE VOTRE IMAGE" /> Vous placez votre texte ici sans vous soucier qu'il soit long ou court.
Pensez là aussi à désactivez l'option \\\"ce que vous voyez, ce que vous avez\\\" lors de la rédaction de votre message Wink

Écrire à sa gauche
Voici un exemple :
Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court.
\\\"\\\" Vous placez votre texte ici sans vous soucier qu'il soit long ou court. sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court. Vous placez votre texte ici sans vous soucier qu'il soit long ou court.

Pour se faire, il vous faut copier coller ce code en y plaçant l'url de votre image :
Code:
<img style="float: right; margin-right: 5px;" alt="" src="URL DE VOTRE IMAGE" /> Vous placez votre texte ici sans vous soucier qu'il soit long ou court.
Pensez encore une fois à désactivez l'option "ce que vous voyez, ce que vous avez" lors de la rédaction de votre message Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pokeworld.forums-actifs.com
Kieran Salvary
Fondateur
Fondateur
avatar


Date d'inscription : 04/05/2010
Messages : 354
Sexe : Masculin
Pokédollars : 6772 Vos Pokémons :




Feuille de personnage
Âge de votre personnage: 25 ans
Qualificatifs du personnage: Déterminé, combatif, protecteur, amical, bon vivant

MessageSujet: Re: Éléments de mise en page   Lun 7 Juin - 11:27

CHAP VII : LES DIFFÉRENTS RECTANGLES


Afin de pousser plus loin encore vos possibilités de mise en page, nous avons mis en place différents fonds qu'il vous est possible d'utiliser de la manière suivante :

Vous placez votre texte ici sans vous soucier qu'il soit long ou court.
Code:
<div class="rectangle">Vous placez votre texte ici sans vous soucier qu'il soit long ou court.</div>

Vous placez votre texte ici sans vous soucier qu'il soit long ou court.
Code:
<div class="rectangle1">Vous placez votre texte ici sans vous soucier qu'il soit long ou court.</div>

Vous placez votre texte ici sans vous soucier qu'il soit long ou court.
Code:
<div class="rectangle2">Vous placez votre texte ici sans vous soucier qu'il soit long ou court.</div>

Vous placez votre texte ici sans vous soucier qu'il soit long ou court.
Code:
<div class="rectangle3">Vous placez votre texte ici sans vous soucier qu'il soit long ou court.</div>

Vous placez votre texte ici sans vous soucier qu'il soit long ou court.
Code:
<div class="rectangle4">Vous placez votre texte ici sans vous soucier qu'il soit long ou court.</div>

Vous placez votre texte ici sans vous soucier qu'il soit long ou court.
Code:
<div class="rectangle5">Vous placez votre texte ici sans vous soucier qu'il soit long ou court.</div>

Vous placez votre texte ici sans vous soucier qu'il soit long ou court.
Code:
<div class="rectangle6">Vous placez votre texte ici sans vous soucier qu'il soit long ou court.</div>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pokeworld.forums-actifs.com
Contenu sponsorisé




MessageSujet: Re: Éléments de mise en page   

Revenir en haut Aller en bas
 

Éléments de mise en page

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
Poké World :: 
ATTRAPEZ-LES TOUS !
 :: Le Port
-