Communauté

Grâce à Stylish nous pouvons modifier le css de jeuxvideo.com, et là nous n'allons pas nous en priver

Je suis sûr que vous voulez avoir plus de version de JV.com, autre que la bleu et la jaune, aujourd'hui je vous propose un moyen d'avoir une version : Grise, Bleu marine, Verte, Rouger bordeaux, Bleu clair (+ une déclinaison avec les menus plus clair), Rouge et Orange.

Tout d'abord faites un nouveau style avec stylish, et insérez ce code :

@-moz-document url-prefix(http://www.jeuxvideo.com/) { }

Ensuite, à l'intérieur des accolades, nous allons ajouter les codes suivants :

Pour la version grise : https://m.jeuxvideo.com/cm/css/machines/homepage_pc.css

Pour la version bleu marine : https://m.jeuxvideo.com/c/css/machines/homepage_ps3.css

Pour la version verte : https://m.jeuxvideo.com/ccss/machines/homepage_x360.css

Pour la version bordeaux : https://m.jeuxvideo.com/c/css/machines/homepage_wii.css

Pour la version bleu : https://m.jeuxvideo.com/c/css/machines/homepage_ps2.css

Pour la version rouge : https://m.jeuxvideo.com/cm/css/machines/homepage_ds.css

Pour la version bleu clair : https://m.jeuxvideo.com/c/css/machines/homepage_psp.css

Pour la version orange : https://m.jeuxvideo.com/c/css/machines/homepage_web.css

Une fois ceci fait, n'oubliez pas de clicker sur le bouton "!important" dans la fenêtre de stylish.

NB : Vous pouvez faire un style pour chaque couleurs et ensuite les activer ou non.

Pas con, j'y avais jamais pensé de prendre un design déjà dispo par le site.
Merci.

Voilà, design PS3 pour moi

Si vous voulez virer le bouton en haut de couleur, faut supprimer ce qui est entre :

/* ===================================== */
/* HEADER */
/* ===================================== */

et

/* ===================================== */
/* SOMMAIRE */
/* ===================================== */

(8 lignes normalement )

Oui c'est vrai, j'aurais pu le préciser

Pas bête comme idée, merci.

Ça ressemble beaucoup à l'idée de Draxx ton topic.

Mais c'est du bon travail, j'avais déjà tout personnalisé (bonhomme vert, police, boutons alignés à droite...) et il ne me manquai plus que les couleurs!

Merci à toi, j'ai pris la version verte.

Voilà design PS3 pour moi

Bon, il m'a fallut 10 minutes pour comprendre qu'il ne fallait pas insérer l'adresse URL mais le contenu entre les parenthèses ^^

1. [sf] Voir le profil de [sf]
2. Posté le 28 mai 2008 à 16:03:07 Avertir un modérateur Ignorer [sf]
3. Voilà, design PS3 pour moi

Si vous voulez virer le bouton en haut de couleur, faut supprimer ce qui est entre :

/* ===================================== */
/* HEADER */
/* ===================================== */

et

/* ===================================== */
/* SOMMAIRE */
/* ===================================== */

(8 lignes normalement )

Pas la peine de virer autant, on peut virer seulement les 3 lignes avant:
/* ===================================== */
/* SOMMAIRE */
/* ===================================== */

mais a chaque motif, les 3 lignes peuvent avoir un nom de console variable

C'est presque parfait, si quelqu'un pouvait me dire quoi mettre pour réduire les forums préférés comme sur celles de draxx, ça serait le top

Voilà le tuto pour agrandir le forum : https://m.jeuxvideo.com/forums/1-1000021-69141-1-0-1-0-0.htm

Impeccable... j'ai pris la version Wii je mettrais surement en alternance avec la PS3

Quelqu'un aurait l'amabilité de screener pour nous montrer le rendu svp ?

Gris: http://www.noelshack.com/uploads/JVCalizarker063324.JPG

CastorKing suffit d'aller sur les différentes pages de jv.com pour comprendre (PC, PS3, X360, PS2, WII, DS, PSP, WEB)

Sinon, il y a cela aussi

http://www.noelshack.com/m/uploads/Multicolor019579.JPG

Il suffit de mettre:

1. menu_mc #mc_pc a {

background-position:bottom !important;
}

1. menu_mc #mc_ps3 a {

background-position:bottom !important;
}

1. menu_mc #mc_x360 a {

background-position:bottom !important;
}

1. menu_mc #mc_wii a {

background-position:bottom !important;
}

1. menu_mc #mc_ps2 a {

background-position:bottom !important;
}

1. menu_mc #mc_ds a {

background-position:bottom !important;
}

1. menu_mc #mc_psp a {

background-position:bottom !important;
}

1. menu_mc #mc_web a {

background-position:bottom !important;
}

1. menu_mc #mc_mobile a {

background-position:bottom !important;
}

Avant:
/* ===================================== */
/* SOMMAIRE */
/* ===================================== */

Merci c'est plus jolie.

Ah ouais

Ca rox en orange

Draxx avait déjà fait ça sur son topic de design il me semble.

Chez moi ça marche plus dès que j'actualise >_<
Surement lié aux autres script.