Joueb.com
Envie de créer un weblog ?
Soutenez le Secours populaire
ViaBloga
Le nec plus ultra pour créer un site web.
Débarrassez vous de cette publicité : participez ! :O)

Fond d'écran pour la skin 123arcenciel, en CSS...
--> C'est beaucoup plus facile, et surtout, c'est bien interprété par la plupart des navigateurs...

J'avais déjà fait une procédure pour mettre un fond d'écran sur la skin 123arcenciel(article ici), mais en HTML (Hyper Text Markup Langage)...
Cette fois, la modification se fera dans les CSS (Cascading Style Sheet), ce qui est beaucoup plus simple à mettre en oeuvre, et, surtout, la modification est "compréhensible" pour la plupart des navigateurs...

Petite explication préalable :

La modification telle que je l'avais donnée en html (modifier la balise <body>) pour mettre le fond d'écran et le rendre fixe fonctionnait parfaitement bien, mais le fond ne restait fixe que sur Internet Explorer !!
Sous Mozilla Firefox, par exemple, le fond bougeait avec le texte...

Le fait de "coder" cette même modification en CSS a l'avantage d'être parfaitement compatible avec Explorer ET Firefox (le fond restant fixe dans les deux cas), mais aussi avec les autres navigateurs (Netscape, Opera...)

Suivez le guide, c'est relativement simple...

Commencez par éditer votre skin, et recherchez ce passage-ci :

<style type="text/css">
<!--
A {color:#<smartcolor center_link>; text-decoration: none}
A:hover {text-decoration: underline}
A:active {text-decoration: underline}
 
body {
 width:100%;
 margin:0px;
 padding:0px;
 background-color:#<smartcolor center_background>;
 font:15px verdana, arial, sans-serif;
}


La modification est la suivante : il faut "retoucher" la ligne background-color... comme suit :

background: url(url_image) fixed;

ce qui donne, au final, ceci :

<style type="text/css">
<!--
A {color:#<smartcolor center_link>; text-decoration: none}
A:hover {text-decoration: underline}
A:active {text-decoration: underline}
 
body {
 width:100%;
 margin:0px;
 padding:0px;
 background: url(url_image) fixed;
 font:15px verdana, arial, sans-serif;
}

N'oubliez pas, bien sûr, de remplacer le "url_image" par l'adresse complète de votre image (qui doit, je le répète, se trouver dans votre répertoire "images" de votre joueb...)

Du coup, avec cette seule modification, la couleur de fond (d'origine) du joueb est remplacée par l'image de fond d'écran...

Bien évidemment, ce qui est valable pour la skin 123arcenciel l'est aussi pour toutes les autres skins, à l'exception de la CandidBlue, puisque cette dernière doit être modifiée en profondeur pour être totalement transparente (ceux qui la veulent n'ont qu'à me la demander par mail)

Enfin, dernier point, il faut modifier les "background-color" des parties

(juste en dessous de la partie que vous venez de modifier) en background: transparent; pour avoir une skin complètement transparente...
Faites des essais pour savoir ce qui vous convient le mieux...

Si j'ai oublié quelque chose, merci de me le dire...

Bonne (nouvelle) modification...

PS : pour ceux qui auraient déjà fait la modification en html, et qui veulent la faire en Css, il suffit simplement d'annuler la modification apportée à la balise <body> en ne laissant justement que <body> et en faisant la nouvelle modification dans les Css...

Ecrit par Gamin, le Dimanche 19 Juin 2005, 10:20 dans la rubrique "Procédures...".

Commentaires :

peace-and-love
peace-and-love
27-07-05 à 22:52

S.O.S

je ne comprend pas ou aller pour  editee notre skin???

 
Gamin
Gamin
27-07-05 à 22:58

Re: S.O.S

Menu administrateur, Mise en page, et le lien "Editer" est sur chaque skin perso (pas disponible sur les publiques)

 
babyangel
babyangel
27-07-05 à 23:08

Re: Re: S.O.S

dsl je ne voit pas editee ............. ou est-il??????? 

ps:je ne suis pas conecter a la meme session!!


 
Gamin
Gamin
27-07-05 à 23:34

Re: Re: Re: S.O.S

Si c'est pas "Editer", c'est "modifier"... ;-)

 
babyangel
babyangel
28-07-05 à 01:37

Re: Re: Re: Re: S.O.S

JE sus vraiment tanee jai changer les chose mais sa po marcher!!!!!!!

 
Gamin
Gamin
28-07-05 à 01:41

Re: Re: Re: Re: Re: S.O.S

Laisse-moi l'adresse de ton joueb, mets-moi en administrateur, et dis-moi quelle image tu voulais mettre...

 
babyangel
babyangel
28-07-05 à 01:46

Re: Re: Re: Re: Re: Re: S.O.S

www.koulasite.joueb.com

..................comment je te met en administrateur........ton nom dutilisateur est Gamin

mon image est 1280x1024.jpg


 
babyangel
babyangel
28-07-05 à 02:05

Re: Re: Re: Re: Re: Re: Re: S.O.S

et???

 
Gamin
Gamin
28-07-05 à 02:31

Re: Re: Re: Re: Re: Re: Re: S.O.S

C'est fait !!

Mais je l'ai pas fait sur ta skin actuelle, mais sur la "default"


 
babyangel
babyangel
28-07-05 à 02:34

Re: Re: Re: Re: Re: Re: Re: Re: S.O.S

MERCI!!!!!!!!!!!!!!!!!sa marcher byebyebye


 
Gamin
Gamin
28-07-05 à 02:37

Re: Re: Re: Re: Re: Re: Re: Re: Re: S.O.S

Active la skin "default", et tu verras...

Apercu de ta skin "defaut"

En passant, c'était pas la peine de me retirer l'accès, je ne vais pas te bouziller ton joueb...


 
babyangel
babyangel
28-07-05 à 02:39

Re: Re: Re: Re: Re: Re: Re: Re: Re: Re: S.O.S

non je sais

 
Gamin
Gamin
28-07-05 à 02:41

Re: Re: Re: Re: Re: Re: Re: Re: Re: Re: Re: S.O.S

Faudra que tu reconfigures les blocs, c'est tout...

 
babyangel
babyangel
29-07-05 à 00:06

Re: Re: Re: Re: Re: Re: Re: Re: Re: Re: Re: Re: S.O.S

mer beaucoup si tu veu passe le visiter www.koulasite.joueb.com


 
Pitseleh
Pitseleh
28-07-06 à 21:34

Salut, Gamin.

J'ai précisément la mise en page "123Arc-en ciel" et seulement, je ne peux pas l'éditer. Alors je voudrais savoir comment peut-on faire pour avoir l'accès à la modification de cette skin.

Sinon ce n'est pas bien grave, je peux me contenter de modifier la skin défaut, ce que j'ai essayé et... j'y suis pas arrivée ! Oui je sais je n'suis pas douée mais bon.

En éspérant que tu puisse me filer un coup de patte... merci d'avance !


 
Gamin
Gamin
28-07-06 à 22:22

Re:

Il suffit que tu télécharges la skin 123Arcenciel via le menu administrateur / mise en page (clic droit sur le lien "telecharger" de la skin, ne pas oublier de renommer la skin en "ma_skin.html" avant l'enregistrement effectif) et que tu la renvoies sur joueb.com, toujours via le menu administrateur -> mise en page...
Une fois que ça sera fait, tu pourras la modifier !! :-)