De Lord Project wiki

Avatar/Blason

Vous pouvez, si vous le souhaitez, afficher une image qui représentera votre personnage. Pour cela 2 consignes :

  • Votre image doit faire 250 pixels de large, sinon elle risque d'être déformée. (Pour la hauteur à vous de choisir)
  • Vous devez ensuite héberger votre image et copier/coller l'adresse url de celle-ci dans "Options" => "Url de l'image"

Si vous ne possédez pas de compte ftp, vous pouvez héberger votre image grâce à ces hébergeurs gratuits :
- Xoo Image
- Imageshack


Profil et Css

Il est possible à l'aide d'une CSS de modifier l'apparence de votre profil. (cf Article Css sur Wikipedia), ainsi que celui de votre Corporation.

Il vous suffit d'utiliser votre "Bloc Notes" et de copier/coller la Css ci-dessous. Modifiez ensuite certains éléments selon vos envies (voir plus bas).

/* Css commentée basée sur la Css officielle de Lord Project (V2) : http://www.lordproject.com/views/profil.css */

/* I) Structure générale de la page (Image de fond, liens, couleur et style du texte) */

/* a) Elements globaux de la page */

body{
margin: 0px; 
padding: 0px;
font-family:Tahoma,Verdana,Sans serif;
font-size:12px;
background-color:#EEEEEE;
background-image: url('../images/bg.gif'); /* <= image de fond du profil, si vous n'en voulez pas, supprimez
simplement cette ligne */
}

/* b) Les liens hypertextes */

a{
color:#000000;
text-decoration:none;
}

a:hover{
color:#3477CF;
text-decoration:none;
}

/* c) Les différents endroits où l'on peut cliquer : "Afficher", "Filtrer" */

input{
 background-color:#FFFFFF;
 border-color:#666666;
 border-width:1px;
 border-style:solid;
 font-weight:bold;
 color:#666666;
 text-align:center;
}

/* d) La fenêtre où on sélectionne les événements à afficher "Tous", "Attaque", etc... */

select{
 width:140px;
 font-weight:bold;
 border-color:#666666;
 border-width:1px;
 border-style:solid;
 text-align:center;
}

form{
padding:0px;
margin:0px;
}


/* II) Les différents tableaux du profil et des événements */

/* a) Colonne de gauche (blason) et droite (race, équipement, ...) */

table td{
 padding:2px;
 border-color:#666666;
 border-width:1px;
 border-style:dashed;
}

/* b) Colonne centrale */

table th{
 padding:2px;
 border-color:#666666;
 border-width:2px;
 border-style:solid;
}

/* c) Le cadre + cadre du titre */

table {
 border-collapse: collapse;
 margin:4px;
 padding:4px;
 background-color:#FFFFFF;
 border-color:#666666;
 border-width:2px;
 border-style:solid;
 width:90%;
 margin-left:5%;
 margin-right:5%;
 font-size: 12px;
}

/* d) Tableau de la diplomatie des corpos et balise [box][/box] dans la description */

.lordbox {
 padding:3px;
 border-right:1px solid black;
 border-left:1px solid black;
 border-top:4px solid black;
 border-bottom:4px solid black;
 background-color:#FFFFFF;
 font-size:11px;
 text-align:center;
 width:90%;
 margin:auto;
}


/* III) Divers : nom du joueur, race, rang, items... */

/* a) Eléments de classe de style */

.margeit{
padding : 20px;
}

/* b) Nom du joueur en haut */

.bigtitle{
font-size:20px;
font-style:italic;
font-family:Palatino Linotype,Times New Roman;
line-height:20px;
}

/* c) Race du joueur */

.Humain{
 color:#0080FF;
 font-weight:bold;
}

.IA{
 color:#FF0000;
 font-weight:bold;
}

.Symbiote{
 color:#00BF40;
 font-weight:bold;
}

/* d) Rang dans sa guilde */

.rank{
font-size:10px;
font-weight:bold;
color:#666666;
}

/* e) Les items (Rappel : vous devez garder des couleurs différentes suivant
la nature des items) */

.normal{
 font-weight:bold;
}

.rare{
 color:#00CC00;
 font-weight:bold;
}

.modified{
 color:#0066FF;
 font-weight:bold;
}

.set{
 color:#8000FF;
 font-weight:bold;
}

.unique{ 
 color:#FFAA00;
 font-weight:bold;
}

.legendary{
 color: #DD0000;
 font-weight:bold;
}

/* f) Numéro des joueurs entre crochets */

.idshow{
font-size:10px;
font-weight:bold;
color:#666666;
}

Pour les débutants, modifier les couleurs suffit le plus souvent à se faire un petit profil sympathique :

  • background-color = couleur du fond
  • color = couleur du texte
  • border-color = couleur des bordures

=> Pour mettre une couleur vous devez indiquer son code HTML (ex : #FFFFFF = blanc / #000000 = noir). Pour connaitre le code d'une couleur, il existe de nombreux sites, notamment celui-ci Code Couleur

Pour ceux qui veulent aller plus loin, plusieurs sites peuvent vous aider dans votre démarche :

Plusieurs sujets sur le forum officiel traitent des CSS (on peut y trouver quelques astuces)

=> Une fois votre Css terminée, enregistrez-là en .css et hébergez-là, puis copiez/collez l'adresse dans "Option" => "CSS"
Si vous ne pouvez pas héberger votre Css vous-même, deux solutions :
- Xoo Image
- Marmotte Project


Description

Enfin, vous pouvez ajouter une description à votre profil. (Il ne semble pas y avoir de limite de caractères pour le moment)

Pour mettre en forme votre texte, vous devrez utiliser les balises bbcode mises à votre disposition (ce sont les mêmes que sur la plupart des forums ;))

Petits rappels :

  • Pour mettre une image dans votre profil : [img]Adresse de votre image[/img]
  • Pour mettre un lien sur une image (bannières de corporation, etc...) : [url=Adresse du site][img]Adresse de l'image[/img][/url]
  • Pour encadrer du texte, utilisez les balises [box]Votre texte[/box]
  • Pour créer une liste, utilisez la balise [*] Votre texte.


Navigation

Précédent : Projets
Suivant : Abréviations