[V.077] /!\ Skins

Vous l'aurez constaté, la version 0.77, qui dépasse tout ce qu'un programmeur peut imaginer en matière d'instabilité, nous enchante encore plus avec les modifications au niveau du codage HTML.

Vos skins sont donc suceptible de disfonctionner, peu, ou carrément.

Aussi, si ce samedi 15 Septembre 2007, le codage page web ne change plus, nous devront adapter les tutos à cette nouvelle version.

J'en profite pour informer que les skins en commande pourront être retardés.

Nous resterons à votre disponibilité si vous devrez faire une adaptation. Si le temps le permet, un convertisseur skin sera mis en place pour répondre à vos besoin.

Pour ceux qui sera intéressés par l'adaptation.

D'abord, voici un schéma réprésentant les divisions de la page avec leurs classes CSS : http://www.enregistrersous.com/images/202098160920070913174037.png

Le gros à changer :
- L'image de fond ne se fait plus qu'en un morceau, donc plus besoin de découper et de faire de l'adaptation
- Remplacez .style ou body.style par #menu

Après le reste ça dépend un peu de votre skin...

Conseil de Mundo pour la scroolbar qui fait chier son monde :

Code:

/* fixe la barre ressources et tout le contenu du haut */
#header_top
{
    position: fixed;
    background-color: #2A2A2A;
    background-image: url(img/background.jpg);
    z-index: 1;
    border: dashed 2px #565656;
}

/* gestion du contenu à droite*/
#content
{
    position: absolute;
    scrollbars: none;
    overflow: visible;
}

et ce code css, je le met n'importe ou?

Oui, si tu veux que la barre des ressources soit comme avant et défile avec le reste de la page:

Code:


/* fixe la barre ressources et tout le contenu du haut */
#header_top
{
    position: absolute;
    background-color: transparent;
    z-index: 1;
}

/* gestion du contenu à droite*/
#content
{
    position: absolute;
    scrollbars: none;
    overflow: visible;
}

J'aimerais faire suivre le menu pour que ce soit comme avant mais j'y arrive pas... je suis en train de chercher. (EDIT : Sur Firefox le menu reste bien à son emplacement )

daco dac' :D merxci

Pour ceux qui partent généralement d'un autre fichier CSS, le CSS Epic Blue mis en ligne sur tous les serveurs contient les nouveaux éléments :

http://uni11.ogame.fr/game/css/formate.css + http://uni11.ogame.fr/game/css/default.css

Si votre tooltip en Galaxie a une grosse bordure bleue et que vous n'arrivez pas à l'enlever, utilisez ce code (à adapter en fonction de votre skin, bien sûr) :

Code:

#WzTiTl, #WzTiTlTb, #WzBoDy, #WzTtShDwR, #WzTtShDwB
{
   background-color: #2A2A2A !important;
   border: 1px solid #565656 !important;
}

Car apparrement, la classe th.tooltip_border n'existe plus (si elle existe encore, prévenez-moi ^^).

Avant :


Après :

Mise à jour Tuto n°3 terminée.

Un tuto sur l'adaptation d'un skin sera bientôt mis en place.