Welcome to Gaia! ::

Reply Gaia pour les nuls (Tutoriaux et aides en tout genre)
[Guide] Comment changer l'image de tête du nouveau site?

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

Ce guide vous a-t'il aidé?
  Oui!
  Non.
View Results

Plume de Dragon

PostPosted: Fri Jun 30, 2006 3:38 am


Disparue la belle image des Gaiens! A la place, on a des types qui ont rien à voir avec notre site:

User Image - Blocked by "Display Image" Settings. Click to show.


Comment remédier à cela et avoir une autre image? Une qui plait bien plus, quelle soit crée par vous ou quelqu'un d'autre?
Voici la solution!

[Coffee] est celui qui a posté la solution dans les forum, moi je vous donne une traduction française.
Version Anglaise

Prêt? Partez!


Partie 1: Il faut avoir Firefox. Si vous ne l'avez pas, allez le télécharger. (facile à trouver sur Google)
Installez-le.

Partie 2: Cliquez ICI pour télécharger Stylish 0.3.2. Il faut clicker sur "Install Now (45 KB)" située dans uns ch'tite case verte.
User Image - Blocked by "Display Image" Settings. Click to show.


Partie 3: Les instructions suivantes qui apparaiteront seront en français, donc vous aurez pas de mal à l'installer.

Partie 4: Fermez Firefox une fois l'installation terminé, et ouvrez le à nouveau. Tout en bas à droite, vous verez un petit icone représentant une feuille avec un pinceau.
User Image - Blocked by "Display Image" Settings. Click to show.
Cliquez dessus.


Partie 5: Séléctioner "Créer un style". Cette case apparait:

User Image - Blocked by "Display Image" Settings. Click to show.

Là où il y a (5), entrez le nom de votre style (ce que vous voulez)


Partie 6: Là où il y a (6), copier et coller le code suivant:

@-moz-document domain("gaiaonline.com") {

#logo h1 {
background: url(lien vers votre image) top left no-repeat !important;
}

#logo h1 a:link, #logo h1 a:visited, #logo h1 a:hover {
background: url(lien vers votre image) top left no-repeat !important;
}

}


Là où c'est marquez "lien vers votre image", vous entrez donc le lien vers l'image souhaitée. Le lien est LE MEME pour les deux!
Par exemple, avec le "header" que j'ai créer à l'aide d'une image tiré d'un RPG:

User Image - Blocked by "Display Image" Settings. Click to show.
http://img102.imageshack.us/img102/1061/header1pdd2mc.png


Le code entré dans le cadre (6) sera le suivant:

User Image - Blocked by "Display Image" Settings. Click to show.


Partie 7: Cliquez sur "Enregistrez", re-cliquez sur la petite icone en bas à droite et sélectionez le style pour qu'il soit appliqué.

Voilà!
PostPosted: Fri Jun 30, 2006 3:56 am


Je comprends pas, a chaque fois que j'essaye de telecharger Stylish ils ne veulent pas me l'ouvrir burning_eyes

Sky Okairu


Plume de Dragon

PostPosted: Fri Jun 30, 2006 4:57 am


Ca marche juste pour Firefox, c'est peut-être pour ça.
PostPosted: Fri Jun 30, 2006 7:55 am


quelques exemples :


Plume de Dragon
User Image - Blocked by "Display Image" Settings. Click to show.

TsubakiChan
User Image - Blocked by "Display Image" Settings. Click to show.

User Image - Blocked by "Display Image" Settings. Click to show.

User Image - Blocked by "Display Image" Settings. Click to show.

User Image - Blocked by "Display Image" Settings. Click to show.

User Image - Blocked by "Display Image" Settings. Click to show.


[Keyboard_Attacker]

User Image - Blocked by "Display Image" Settings. Click to show.

auteurs inconnus

User Image - Blocked by "Display Image" Settings. Click to show.

User Image - Blocked by "Display Image" Settings. Click to show.

User Image - Blocked by "Display Image" Settings. Click to show.

User Image - Blocked by "Display Image" Settings. Click to show.

Gayan-chan
User Image - Blocked by "Display Image" Settings. Click to show.

User Image - Blocked by "Display Image" Settings. Click to show.

User Image - Blocked by "Display Image" Settings. Click to show.

User Image

User Image - Blocked by "Display Image" Settings. Click to show.

Melusine

User Image - Blocked by "Display Image" Settings. Click to show.

User Image - Blocked by "Display Image" Settings. Click to show.

User Image - Blocked by "Display Image" Settings. Click to show.

User Image - Blocked by "Display Image" Settings. Click to show.

Shin
User Image - Blocked by "Display Image" Settings. Click to show.

User Image - Blocked by "Display Image" Settings. Click to show.

Blueseed26

User Image

User Image - Blocked by "Display Image" Settings. Click to show.

melusine
Vice Captain

8,450 Points
  • Citizen 200
  • Forum Sophomore 300
  • Signature Look 250

Elesar-BZH

PostPosted: Wed Nov 22, 2006 3:20 pm


J'ai bein utilisé le code qui est indiqué dans le post, mais il y a un petit bug : l'image est coupée !
Voilà le code que j'ai mit :
@-moz-document domain("gaiaonline.com") {

#logo h1 {
background: url(http://img376.imageshack.us/img376/7434/drag6ybco9.jpg) top left no-repeat !important;
}

#logo h1 a:link, #logo h1 a:visited, #logo h1 a:hover {
background: url(http://img376.imageshack.us/img376/7434/drag6ybco9.jpg) top left no-repeat !important;
}

}

L'adresse de l'image :
http://img376.imageshack.us/img376/7434/drag6ybco9.jpg


Et enfin, voilà ce que ça me donne : User Image - Blocked by "Display Image" Settings. Click to show.

Je ne pense pas avoir fait d'erreur, et je n'ai pas modifier l'image qui se trouvait dans le post ...
PostPosted: Sat Dec 02, 2006 9:32 am


Elesar> Je crois que le header a changé de taille entre le moment où le didactiel a été fait et amitenant. Si je regarde le logo Gaia Online des exemples et celui que l'on a par défaut, pour moi actuellemnt, il est plus petit, ça doit venir de là.

Edit : Je viens de bidouiller un template pour le nouveau header, si ça vous intéresse :

User Image

exemple de bidouille made in ©Vân :

User Image

User Image

ACVan
Crew

Wheezing Perfectionist

Reply
Gaia pour les nuls (Tutoriaux et aides en tout genre)

 
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games
Mini-Games
Play with GCash
Play with Platinum