[TUTO 1] LE SKIN EN GENERAL

Oo 400-800 oO Nombre de messages : 554 Age : 32 Date d'inscription : 18/12/2005

C'est plus ou moins dur de crée un skin, ca depend de vos connaissence en informatique et de votre courage !

D'abord telecharger un skin ici

Il contient les fichier :

-Gebaeude, ou se trouve les images des recherches, des vaisseaux, des batiments (chaque batiment ou recherche correspont a un chiffre [ex: 1 pour la minde metal] il suffit de trouver un image gif de lui donner le bon nombre et de le mettre dans le dossier pour remplacer l'image [peu importe la taille, elle est auto ajuster]

-gfx, ou se trouve les trois images qui separe les categorie sur le coter gauche, il suffit d'utiliser paint pour marque se qu'on veux

-img, ou se trouve les background et toute les autre images (il faut les ajuster a la bonne taille)

-images, ou se trouve l'image pour l'energie, le metal, le crstal et le deut

-planeten, ou se trouve les planete (marhe sur le meme principe que Gebaeude, sauf qu'il faut dans un dossier interne mettre l'image de la planete avec marquer "_s" devant)

-pic, ou se trouve les boutons pour gerer une alliance

-ET formate, le fichier ou se regle les couleur et les police de caractere; ma particulariter de ce fichier est qu'il est en .css, donc pour eviter a voir a créer cette extantion, recupere un formate d'un autre skin et modifier le

Code:: body form table tr td table tr td.k /* chantier spatial, barre pour la commande des vaisseaux */
{
vertical-align : top;
margin : 0px;
padding : 0px;
background-color : transparent;
}

img
{
border : 0px;
}

p table
{
border : 0px;
}

p td
{
text-align : center;
font-size : 11px;
font-family : Tahoma,sans-serif;
}

table table /* fond global des zones descriptifs et temps recherche, construction et de la barre des ressources en haut au milieu*/
{
border : 0px;

}

table table td /* police de la zone donnant les ressources sur chaque planète en haut au milieu */
{
font-size : 11px;
font-family : Tahoma,sans-serif;

}

body /* option du fond et générales */
{
color : #6699FF;/* couleur d'écriture des temps de la page aperçu, des ressources en haut au milieu, des batiments dans le menu ressource, couleur par défaut dans alliance, ... */
margin-top : 1px;
margin-left : 1px;
background : transparent;
background-image : url(img/background.jpg); /*si vous voulez changer l'image de fond c'est ici */
background-attachment: fixed;
background-repeat : no-repeat;
background-position : top;
scrollbar-arrow-color: #000000;
scrollbar-base-color: #000000;
scrollbar-track-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
font-size : 14px;
font-family : Tahoma,sans-serif;
}

body.style table /* opacité barre sur le côté, positionnement et coloration de la bordure*/
{
border : #6699FF ;
margin-bottom : 2px;
margin-top : 10px;
background-color : transparent;
filter : alpha(opacity=100);
-moz-opacity : 1.0;
}

body.style /* paramétrage barre de menu sur le côté */
{
color : transparent;
margin-top : 1px;
margin-left : 1px;
background-color : transparent;
background-image : url(img/background2.jpg);
background-repeat : no-repeat;
background-position : top;
scrollbar-base-color : #000000;
scrollbar-arrow-color: #000000;
font-family : Tahoma, Helvetica, sans-serif;
font-size : 10px;
text-align : left;
width : 172px;
}

body form table th table input
{
width: 60px;
}

th, td.a, td.b, td.c, td.f, input, select,
td.g, td.h, td.i, td.j, td.k, td.l, td.m,
td.n, td.o, td.q, td.r, td.v, .style td,
textarea, p td, table.s th img /* caractéristique des bordures */
{
border : 1px #33FF33 solid;
font-size : 11px;
font-family : tahoma, sans-serif; /* police menu aperçu */
}

th, td.a, td.b, td.c, td.f, input, select, td.g,
td.h, td.i, td.j, td.k, td.m, td.o, td.q, td.r,
td.v, td.s, .style td, p td
{
background-color : transparent;
}

th /* modifie l'apparence des pages aperçu, ressources et empire */
{
text-align : center;
padding-left : 3px;
padding-right : 3px;
Background-color : transparent;
}

/* td correspond au cases dans lesquelles sont décrites les technologies, vaisseaux et batiments */

td.a
{
height : 39px;
text-align : center;
}

td.b
{
padding : 3px;
}

td.c /* modifie la police des noms de catégorie dans le menu recherche et des titres de certaines pages */
{
font-weight : bold;
color : #6699FF;
padding-left : 3px;
Background-color : transparent;
}

td.f, input, select, textarea /**le menu deroulent pour les planete et dans le menu ressources*/
{
color : #99FF00;
background-color : #003300;
}

textarea /*couleur du fond lorsque vous écrivez un message */
{
width : 100%;
background-color : transparent;
}

td.k input /*zone où vous indiquez le nombre de vaisseaux à construire*/
{
text-align : left;
}

td.g
{
font-weight : bold;
text-align : right;
color : #6699FF;
}

td.h
{
text-align : center;
color : #6699FF;
}

td.i
{
text-align : center;
color : #6699FF;
}

td.j
{
text-align : center;
color : #6699FF;
}

td.k, td.k input /*couleur texte bouton calculer et commande nombre de vaisseaux*/
{
text-align : center;
color : #6699FF;
}

td.l /* police du texte de description des batiments, chantier spatial et recherche */
{
background-color : transparent;
color : #6699FF;
vertical-align : top;
padding : 3px;

}

td.m
{
font-weight : bold;
text-align : right;
width : 86px;
color : #6699FF;
}

td.n
{
font-weight : bold;
text-align : right;
width : 89px;
text-align : center;
color : #6699FF;
}

td.o
{
text-align : center;
color : #6699FF;
}

td.q
{
font-weight : bold;
font-size : 11px;
font-family : Tahoma,sans-serif;
text-align : center;
vertical-align : middle;
color : #6699FF;
}

td.r
{
text-align : right;
color : #6699FF;
background-color : transparent;
}

td.v
{
font-weight : bold;
text-align : right;
color : #6699FF;
background-color : transparent;
}

td.s
{
color : #6699FF;
}

table.s th
{
border : 0px;
}

table.s th img /* règle la taille des images des planètes dans l'aperçu */
{
width : 89px;
height : 89px;
}

div.z /* réglage du format auquel s'affiche le temps de recherche et construction des batiments */
{
font-weight : bold;
color : #6699FF;
}

a /* paramétrage des liens */
{
color : #E6EBFB;
text-decoration : none;
font-weight : bold;
}

a.s
{
color : #E6EBFB;
}

a.t
{
color : #E6EBFB;
}

a:hover
{
color : #CDD7F8;
text-decoration : underline;
}

.style td
{
color : #E6EBFB;
border-top : 0px;
font-size : 11px;
font-family : Tahoma,sans-serif;
}

.style div a /*barre de menu sur le côté*/
{
height : 100%;
width : 100%;
color : transparent;
font-size : 11px;
font-family : Tahoma,sans-serif;
background-color : transparent;
}

.style div a:link /*police lien dans les menus*/
{
height : 100%;
width : 100%;
color : #f2f2f2;
font-size : 11px;
font-family : Tahoma,sans-serif;
}

.style div a:visited/*barre de menu quand on a visité le lien*/
{
height : 100%;
width : 100%;
color : #f2f2f2;
font-size : 11px;
font-family : Tahoma,sans-serif;
}

.style div a:hover/*barre de menu quand on est sur le lien*/
{
background-color : transparent;
height : 100%;
width : 100%;
text-decoration : none;
font-size : 11px;
font-family : Tahoma,sans-serif;
color : #FF3399;
}

.style
{
margin-top : 15px;
}

h1 /*titre (fenêtre batiments et recherche*/
{
font-size : 11px;
font-family : Tahoma,sans-serif;
border-bottom : 0px #344566 solid;
width : 98%;
text-align : right;
}

le voici avec en francais a quoi sert les lignes.

a vous de modifier, selon votre plaisir les couleurs et les images (pour apprendre a l'installer aller ici )

J'ai repri ce poste d'un ami (Jonathan)