A la demande expresse de Sencha, je me suis attaqué au plus gros morceau de mes tests, à savoir essayer de mettre une image de fond sur la skin CandidBlue... (en passant, un grand merci (indirect)à Coyote dont le joueb m'a servi de base de travail...)
Je savais déjà que ça n'allait pas être simple, mais j'étais loin de penser que ça serait aussi tordu et ardu !! Confidence pour confidence, si vous n'avez que des rudiments en html, c'est même pas la peine d'essayer, cette skin étant de loin beaucoup plus complexe que les autres...
Enfin, quoiqu'il en soit, le résultat est quand même là, et je vais essayer de vous expliquer comment il faut procéder...
Pour les réfractaires à l'html et qui n'osent pas bidouiller leur skin, la meilleure manière de faire est de me demander la skin modifiée que vous enverrai par mail, en vous indiquant à quel endroit précisément il faut changer une ligne (oui, une simple ligne, c'est tout !!)
Bon, alors, la procédure... Commencez, comme toujours, par enregistrer votre image sur joueb.com (rubrique "images" du menu administrateur), et une fois que c'est fait, éditez votre skin (Menu "mise en page", éditer)...
Remarque : sur beaucoup de jouebs, la skin par défaut est justement la CandidBlue....
Commencez par repérer la section suivante... Pour une fois, il ne faudra pas supprimer, mais ajouter... et modifier un petit quelque chose (la partie à modifier est en violet) :
<style type="text/css">
body {
margin:0px 0px 0px 0px;
font-size:13px;
background:#<smartcolor right_background>;
color:#<smartcolor right_text>;
}
Changez le right en left pour commencer... Passez à la ligne juste après background:#<smartcolor right_background>;
et ajoutez la partie suivante :
background-image:url("http://joueb.com/essais/images/Plage3.jpg");
background-attachment:fixed;
background-repeat:no-repeat;
background-position:top left;
ce qui vous donnera ceci (au complet) :
<style type="text/css">
body {
margin:0px 0px 0px 0px;
font-size:13px;
background:#<smartcolor left_background>;
background-image:url("http://joueb.com/essais/images/Plage3.jpg");
background-attachment:fixed;
background-repeat:no-repeat;
background-position:top left;
color:#<smartcolor right_text>;
}
N'oubliez pas de changer l'url pour votre image !!
Ensuite, dans la section [#content], les deux lignes padding-right et margin-right doivent être mises à 0px au lieu des 20px d'origine...
Dans la section :
#links {
padding-right:0px;
padding-left:0px;
padding-top:0px;
margin-right:0px;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
}
allez à la ligne juste après font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; et ajoutez ce qui suit :
background:#0074c8;
border-left:1px solid #07398D;
width:28%;
float:right;
ce qui devrait vous donner ceci :
#links {
padding-right:0px;
padding-left:0px;
padding-top:0px;
margin-right:0px;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background:#0074c8;
border-left:1px solid #07398D;
width:28%;
float:right;
}
C'est bon ?? vous avez tout bien modifié comme il faut ?? Alors validez et allez constater les résultats, en principe, votre image de fond devrait apparaitre...
Seul petit bémol, les commentaires apparaissent toujours dans leur cadre d'origine et non pas en surimpression sur votre image, mais ça, c'est encore facile à corriger, j'en parlerai plus tard dans un commentaire pour ceux qui voudraient la modif complète...
Et encore une fois, merci à Coyote, ou plus précisément à sa skin sans laquelle je n'aurais pas réussi à faire ces modifications...
PS à Coyote : Je crois que ce n'est plus la peine que tu m'envoies ce que je t'ai demandé... :o)
Commentaires :
mmmm :(
lol
Je vois que tu as bien travaillé ;-)
Belle explication, bravo. (dommage, je ne suis plus tout seul ;-))
A propos...
Re: A propos...
Re: Re: Re: mmmm :(
Finalement, au lieu de tenter de re-modifier ta skin, j'ai renvoyé la mienne (modifiée, déjà) sur joueb.com avec le nom ELSSKIN2.html, j'ai légèrement réduit ton image de la Super Nana, et renommé ton image de fond d'écran...
En plus de ça, j'ai fait en sorte que tes articles apparaissent en blanc (ça a été plus dur que je le pensais, mais le résultat est là !!)
Bisous, Els...
Re: Re: Re: Re: mmmm :(
Comme le dit Coyote, cette modif rend impossible la lecture du joueb avec Netscape.
Déjà qu'avec les skin publiques c'était horrible, mais là ... il n'y a carrément rien à voir.
J'aimerai que tu m'explique une chose Gamin, c'est comment tu as fait pour rendre le fond de tes commentaires (sur TON joueb) transparents ?
Car en effet, à quoi sert de mettre une image de fond, si elle est cachée par les commentaires.
Et encore une fois bravo champion.
Re: Re: Re: Re: mmmm :(
Re: Re: Re: Re: Re: mmmm :(
Gamin : je parle de ce site-ci, le joueb d'essai.
Si tu l'affiche dans Netscape, la colonne de droite est renvoyée tout en bas, ce qui laisse un grand trou blanc pas génial...
Sinon ya moyen de faire en sorte que ça s'affiche correctement avec Netscape, mais il faut jouer avec la largeur des marges et des colonnes,... c du chipo !
Coyote
Re: Re: Re: Re: Re: mmmm :(
Ahhh... Sous Netscape, je ne savais pas que c'était illisible... désolé !!
Sur mon joueb, pour rendre les commentaires tranparents, j'ai simplement enlevé de la skin les bgcolor dans les sections relatives aux commentaires...
Rappelle-moi quelle skin tu as, et je te dirai exactement ce que tu dois enlever...
Re: Re: Re: Re: Re: mmmm :(
Re: Re: Re: Re: Re: Re: mmmm :(
Re: Re: Re: Re: Re: Re: Re: mmmm :(
Ah...
Tu vois là c correct sous Netscape ;)
Non mais c très bô comme ça les couleurs, fond ... :)
Re: Ah...
J'ai préféré reprendre ta skin, elle me parait plus correcte que la mienne modifiée, et surtout, elle ressemble bcp à celle d'origine...
Merci, Coyote... ;o)
CandidBlue...
Mine de rien, cet article vient de me sauver la vie car j'avais tout bousillé sur le joueb de quelqu'un en essayant de changer la couleur des blablas...
Ba, là, j'ai réussi à corriger toutes mes erreurs et tout remettre bien ! (et même à donner aux blablas une couleur lisible !)
Merci
Kroline
Re:
Bon, ça prouve que je suis pas si inutile que ça !! ;)
Content qu'un ancien article t'ait été utile, Kroline... ;)
salut
Re: salut
Dis-moi ce que tu utilises comme mise en page, je te dirai ce qu'il faut faire...
Si tu utilises CandidBlue, envoie-moi un mail, je te renverrai la skin transparente par retour du courrier, tu n'auras que l'image de fond à changer et les couleurs des textes éventuellement, plus p-e 2-3 bricoles...
Re: Re: salut
jutilise candidblue et jaimerai mettre l'image licorne03.jpg que tu trouveras dans mes images
merci encore
Re: : salut
Bon, envoie le mail à honnetegamin@hotmail.com, et si tu as vraiment peur de faire une bêtise, accorde-moi l'accès à ton menu administrateur (attention, mettre Gamin et pas gamin), je te ferai ça...
Précise-moi aussi l'adresse de ton joueb, merci...
!!!
ladresse de mon joueb c http://lydvina.joueb.com
merci
Re: !!!
Je te ferai ça à mon retour, je vais quitter les lieux, là...
Bisous (je te dirai si j'ai l'accès admin, et merci en passant...)
Re: !!!
Bon, alors, petit problème, je n'ai pas l'accès administrateur...
Tu veux bien vérifier que tu as mis "Gamin" dans les utilisateurs, et que le statut "Administrateurs" est affiché ??
Re: Re: Re: !!!
Bon, ta nouvelle skin est en place, je ne l'ai pas activée encore, parce qu'il faut que je mette les textes en blanc, et je dois faire ça dans la skin directement...
Si tu n'es pas spécialement pas pressée, je te ferai ça demain, je dois faire la vidange de ma voiture aujourd'hui... mais c'est déjà en place !!
Je dois juste fignoler, quoi !! :))
J'ai sûrement fait une bêtise d'écriture.
Comment est-ce que je peux faire pour enlever le bland du texte et voir l'image comme sur ton superbe site d'essais ici ?
Re:
Laisse-moi une adress où te joindre (mail ou ms, !!)
Merci d'avance...
Re: Re: Re:
ouh la, ça m'a l'air bien compliqué tout ça mais ça ne coûte rien d'essayer ! au contraire, ça retarde même le moment où je vais m'allumer ma clope, si c pas magnifique ça !
pas si gamin que ça, le gamin !
calyire
J'ai tout suivit comme il le faut, rééssayé plusieur fois même, mais rien à faire, le fond est là mais les couleurs aussi ... Là où j'écris et sur la colonne de droite, il y a toujours les couleurs que j'avais mise...
Si tu pouvais m'envoyer a moi aussi la skin modifiée, ça serait très gentil :)
Voilà mon adresse : rei_2806@hotmail.com
Merci d'avance et grooooos bisous
Re:
J'ai bien reçu ton mail, et je t'ai renvoyé une réponse avec la skin Candidblue modifiée (à savoir, complètement transparente !!)
Si après l'avoir installée, tu constatais quelques petits problemes, contacte-moi...
Re: Re:
J'ai eu quelque problèmes mais avec du bidouillage j'ai réussit à tout remettre en ordre et ça marche plutôt pas mal ^^
Il y a juste un problème, mais c'est pas très grave s'il n'y a pas de solution : J'ai un ami qui a une grande résolution d'écran, plus grande que la mienne qui est du 1024 x 768 et forcément l'image n'est pas assez grande pour lui, sur le côté il voit la couleur de "fond" c.a d. du violet clair. Est-ce qu'il y aurait un moyen de faire en sorte que l'image s'étire pour coller à la fenêtre par exemple ?
Mais vraiment, s'il n'y a pas de solution ce n'est pas grave, après tout il se tue les yeux avec sa résolution -_- il a qu'a en changer !
En tout merci pour l'aide ^_______^
exvag
Bravo Gamin, t'es le + fort