Sommaire |
Vous pouvez, si vous le souhaitez, afficher une image qui représentera votre personnage. Pour cela 2 consignes :
Si vous ne possédez pas de compte ftp, vous pouvez héberger votre image grâce à ces hébergeurs gratuits :
- Xoo Image
- Imageshack
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 :
=> 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
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 :
Précédent : Projets
Suivant : Abréviations