Hellsing univers 47 - le forum de la Fondation Hellsing 


Hellsing univers 47 Index du Forum

 Se connecter pour vérifier ses messages privés 
 FAQ
   Rechercher   Membres   Profil         Connexion 
 
[TUTO 1] LE SKIN EN GENERAL

 
Poster un nouveau sujet   Répondre au sujet    Hellsing univers 47 Index du Forum -> Skin -> Tutoriels
Sujet précédent :: Sujet suivant  
Auteur Message
Rage
Baron of Hellsing
Baron of Hellsing

Hors ligne

Inscrit le: 28 Sep 2006
Messages: 354

MessagePosté le: 23/12/2006 15:30:43    Sujet du message: [TUTO 1] LE SKIN EN GENERAL Répondre en citant

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 )
_________________


Stateur OGSteam de l'univers 47

Createur de Skin OGame
Revenir en haut
Publicité






MessagePosté le: 23/12/2006 15:30:43    Sujet du message: Publicité

PublicitéSupprimer les publicités ?
Revenir en haut
Montrer les messages depuis:   
Poster un nouveau sujet   Répondre au sujet    Hellsing univers 47 Index du Forum -> Skin -> Tutoriels Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 1

 
Sauter vers:  

Index | Panneau d’administration | Créer un forum | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation
Powered by phpBB Fr © 2001 phpBB Group
Traduction par : phpBB-fr.com
Template RedBlack crée par SoSo : SoSophpBB

Reproduction INTERDITE