Comment modifier une skin publique ??
Vous l'avez sûrement tous remarqué, il n'est pas possible d'éditer une skin publique via le menu administrateur de nos chers jouebs, et pourtant, il y a une méthode, que certains d'entre vous doivent connaitre, je vais donc expliquer (sans rentrer dans les détails) comment faire à ceux que l'HTML rebute un peu...
Les skins publiques sont au nombre de 7 :
- 123arcenciel.html
- 123soleil.html
- duplo.html
- expresso.html
- etiquettes.html
- glish_1.html
- petitbeurre.html...
Suivant la skin que vous utilisez, il vous suffit tout simplement de suivre ces étapes :
1- télécharger la skin en cliquant (bouton) droit dessus, choisir "enregistrer la cible sous..." et la mettre dans un fichier où elle sera facilement repérable, EN PRENANT SOIN DE LUI ATTRIBUER L'ATTRIBUT HTML AVANT DE CLIQUER SUR LE BOUTON "ENREGISTRER" DE LA BOITE DE DIALOGUE...
2- une fois la skin retrouvée, la renommer (attention, pas d'espaces dans le nom)
3- renvoyer la skin renommée sur joueb.com avec "envoyer un modèle de mise en page"
Une fois ces trois points effectués, votre skin est présente sur la page... Il ne vous reste plus qu'à l'éditer pour la modifier ou pour ajouter des images...
Je ne vais pas détailler la procédure que j'ai utilisée pour insérer une photo dans le joueb de Margot, juste à coté du titre du joueb, mais je vais essayer de vous dire quand même comment j'en suis arrivé là, moi qui ne connait rien à l'html...
La skin, je l'avais bien téléchargée, mais mon erreur a été de la renommer avec l'attribut html APRES L'ENREGISTREMENT, tout simplement parce que je voyais "display_skin.txt", et de la renvoyer sur joueb.com... Bien évidemment, en la testant, je n'avais que l'image que j'avais moi même renommée, à savoir LA SKIN EDITEE !!! Comprenais pas !!!
Enfin, au bout d'un certain temps (presque 3 heures en fait), j'ai re-téléchargé la skin, lui ai donné l'attribut html AVANT L'ENREGISTREMENT (une intuition...), suis allé dans le dossier où je l'avais mise, je mets l'affichage "miniatures", et je vois l'image sommaire de la skin "etiquettes"... Je recherche ma skin, celle que Liz a bien voulu me faire (encore merci, Liz) et que j'avais gardée, je mets l'affichage "miniatures", et là, je vois l'image sommaire de ma skin aussi, celle que j'avais renvoyée sur Niutopia pour mon joueb...
C'est ce que je cherchais à faire depuis tout à l'heure (3 heures avant !!)... Je comprends mon erreur, je copie la skin, la renomme, et la renvoie sur Niutopia... test... Bingo !! ça marche !!! J'ai, hormis les couleurs qui ont changé, la skin "etiquettes" d'origine...
Je commence d'abord par changer les couleurs, la disposition des blocs, afin de retrouver le joueb comme je l'avais laissé, et là, je peux enfin éditer la skin...
Dans cette skin, je devais mettre une ligne de code pour pouvoir afficher l'image que Margot avait au préalable chargée dans ses images... mais mettre quoi exactement ?? je ne connais rien à l'html !!!...
J'ai donc eu l'idée de reprendre la ligne de code de ma propre skin affichant mon image (celle des Pink Floyd), de l'insérer exactement au même endroit sur la skin de Margot, en faisant l'adaptation pour son image...
La ligne de code est la suivante :
<td width=262 valign=center><img src=/lise/images/pf.gif alt="Pink Floyd" width=262 height=152></td>
J'ai donc modifié cette ligne pour pouvoir afficher la photo de Margot comme ceci :
<td width=262 valign=center><img src=/petiteviedemargot/images/bandeau1.jpg alt="bandeau1" width=262 height=152></td>
Cette ligne de code, je l'ai insérée entre :
<td align=center valign=center width=100%><a href="/<SITE_ID>/" style="color:#<smartcolor titre>;font-size:24px;font-weight:bold;"><SITE_TITLE></a><br>
<span class=texte><object class=random_line><attribute line></object></span><br>
</td>
et :
</tr>
</table><table width="100%" cellspacing="0" cellpadding="10" bgcolor="#<smartcolor fondtexte>" border=0>
<tr>
Une fois les modifications enregistrées, j'ai testé la skin, qui affichait effectivement la photo, je l'ai mise en courante, enregistré les modifications et voilà !!
Comme ça, ça paraît simple, mais ne vous y fiez pas...
Bon courage et bonne chance à ceux qui voudraient modifier leur skin publique....
Si quelque chose ne va pas, contactez plutôt Biz ou Liz, ou quelqu'un d'autre connaissant l'HTML, ils en connaissent bcp plus que moi dans ce domaine et vous conseilleront certainement mieux !!!
Les skins publiques sont au nombre de 7 :
- 123arcenciel.html
- 123soleil.html
- duplo.html
- expresso.html
- etiquettes.html
- glish_1.html
- petitbeurre.html...
Suivant la skin que vous utilisez, il vous suffit tout simplement de suivre ces étapes :
1- télécharger la skin en cliquant (bouton) droit dessus, choisir "enregistrer la cible sous..." et la mettre dans un fichier où elle sera facilement repérable, EN PRENANT SOIN DE LUI ATTRIBUER L'ATTRIBUT HTML AVANT DE CLIQUER SUR LE BOUTON "ENREGISTRER" DE LA BOITE DE DIALOGUE...
2- une fois la skin retrouvée, la renommer (attention, pas d'espaces dans le nom)
3- renvoyer la skin renommée sur joueb.com avec "envoyer un modèle de mise en page"
Une fois ces trois points effectués, votre skin est présente sur la page... Il ne vous reste plus qu'à l'éditer pour la modifier ou pour ajouter des images...
Je ne vais pas détailler la procédure que j'ai utilisée pour insérer une photo dans le joueb de Margot, juste à coté du titre du joueb, mais je vais essayer de vous dire quand même comment j'en suis arrivé là, moi qui ne connait rien à l'html...
La skin, je l'avais bien téléchargée, mais mon erreur a été de la renommer avec l'attribut html APRES L'ENREGISTREMENT, tout simplement parce que je voyais "display_skin.txt", et de la renvoyer sur joueb.com... Bien évidemment, en la testant, je n'avais que l'image que j'avais moi même renommée, à savoir LA SKIN EDITEE !!! Comprenais pas !!!
Enfin, au bout d'un certain temps (presque 3 heures en fait), j'ai re-téléchargé la skin, lui ai donné l'attribut html AVANT L'ENREGISTREMENT (une intuition...), suis allé dans le dossier où je l'avais mise, je mets l'affichage "miniatures", et je vois l'image sommaire de la skin "etiquettes"... Je recherche ma skin, celle que Liz a bien voulu me faire (encore merci, Liz) et que j'avais gardée, je mets l'affichage "miniatures", et là, je vois l'image sommaire de ma skin aussi, celle que j'avais renvoyée sur Niutopia pour mon joueb...
C'est ce que je cherchais à faire depuis tout à l'heure (3 heures avant !!)... Je comprends mon erreur, je copie la skin, la renomme, et la renvoie sur Niutopia... test... Bingo !! ça marche !!! J'ai, hormis les couleurs qui ont changé, la skin "etiquettes" d'origine...
Je commence d'abord par changer les couleurs, la disposition des blocs, afin de retrouver le joueb comme je l'avais laissé, et là, je peux enfin éditer la skin...
Dans cette skin, je devais mettre une ligne de code pour pouvoir afficher l'image que Margot avait au préalable chargée dans ses images... mais mettre quoi exactement ?? je ne connais rien à l'html !!!...
J'ai donc eu l'idée de reprendre la ligne de code de ma propre skin affichant mon image (celle des Pink Floyd), de l'insérer exactement au même endroit sur la skin de Margot, en faisant l'adaptation pour son image...
La ligne de code est la suivante :
<td width=262 valign=center><img src=/lise/images/pf.gif alt="Pink Floyd" width=262 height=152></td>
J'ai donc modifié cette ligne pour pouvoir afficher la photo de Margot comme ceci :
<td width=262 valign=center><img src=/petiteviedemargot/images/bandeau1.jpg alt="bandeau1" width=262 height=152></td>
Cette ligne de code, je l'ai insérée entre :
<td align=center valign=center width=100%><a href="/<SITE_ID>/" style="color:#<smartcolor titre>;font-size:24px;font-weight:bold;"><SITE_TITLE></a><br>
<span class=texte><object class=random_line><attribute line></object></span><br>
</td>
et :
</tr>
</table><table width="100%" cellspacing="0" cellpadding="10" bgcolor="#<smartcolor fondtexte>" border=0>
<tr>
Une fois les modifications enregistrées, j'ai testé la skin, qui affichait effectivement la photo, je l'ai mise en courante, enregistré les modifications et voilà !!
Comme ça, ça paraît simple, mais ne vous y fiez pas...
Bon courage et bonne chance à ceux qui voudraient modifier leur skin publique....
Si quelque chose ne va pas, contactez plutôt Biz ou Liz, ou quelqu'un d'autre connaissant l'HTML, ils en connaissent bcp plus que moi dans ce domaine et vous conseilleront certainement mieux !!!
Ecrit par Gamin, le Vendredi 10 Janvier 2003, 03:33 dans la rubrique "Les skins".
Commentaires :
Re:
Oui, Liz, c'est simple... quand on sait comment faire...
A chaque fois que je téléchargeais la skin et que je l'enregistrais, je l'avais en mode texte, et non pas en html...
C'est bien pour ça que je précise de donner l'attribut htlml avant d'enregistrer la skin sur son ordi... ;)
Pis ça peut servir, non ??
A chaque fois que je téléchargeais la skin et que je l'enregistrais, je l'avais en mode texte, et non pas en html...
C'est bien pour ça que je précise de donner l'attribut htlml avant d'enregistrer la skin sur son ordi... ;)
Pis ça peut servir, non ??
Re: Re:
oui oui c'est très bien. Si tu as d'autres "modes d'emploi" à mettre en ligne, n'hésite pas!
c'est du chinois pour moi cet article...(j'en saisis la logique mais le langage HTML est plus obscur pour moi que des hieroglyphes). j'y serai pas arrivée toute seule alors encore une fois marchi de toute la peine que tu t'es donné Gamin bizzzzz
Re:
Mais de rien, Margot... Si tu as des idées pour agrémenter ton joueb, fais-m'en part, je verrai ce que je peux faire...
Je tenais aussi à remercier Biz sans qui cet article n'aurait pas vu le jour, c'est lui qui m'a donné toutes les astuces pour la publication...
Merci, Biz... ;o)
Merci, Biz... ;o)
Grandiose !
J'espere que ca va inciter les autres a tenter le coup eux aussi ! :-) C'est le premier pas le plus dur, ensuite c'est de plus en plus facile.
En tous cas, c'est parfait, on aura au moins un participant de plus pour notre prochain concours de modeles de mise en page. :-)
Re: Grandiose !
Tu t'avance p-e un peu vite, Biz... Je ne suis pas développeur comme toi ou Liz, je ne connais que des rudiments en matière de programmation html, mais de là à concevoir une skin, y'a un pas que je ne franchirais p-e pas !!! ;)
Re: Re: Grandiose !
Liz n'est pas developpeuse, elle est chef. Pour se rendre compte de l'enorme difference, il faut lire Dilbert. ;-)
Il ne faut pas s'arreter en si bon chemin ! Tu as fait le plus dur. Une fois qu'on a compris que la programmation (et les modeles de mise en page), c'est un processus d'essais et d'erreurs, le reste se fait tout seul. T'essaye un truc, tu vois si ca marche ou pas, tu regardes comment font les autres, t'essaie de faire pareil, puis tu changes un peu ce qu'ils ont fait, et dans peu de temps, tu t'acheteras des protecteurs de poches. :-)
Il ne faut pas s'arreter en si bon chemin ! Tu as fait le plus dur. Une fois qu'on a compris que la programmation (et les modeles de mise en page), c'est un processus d'essais et d'erreurs, le reste se fait tout seul. T'essaye un truc, tu vois si ca marche ou pas, tu regardes comment font les autres, t'essaie de faire pareil, puis tu changes un peu ce qu'ils ont fait, et dans peu de temps, tu t'acheteras des protecteurs de poches. :-)
Re: Re: Re: Grandiose !
Oui, possible... Mais je suis un peu, disons, imperméable à l'html, même si j'en comprends la logique.... Mais c'est certain que je vais tester des trucs, tenter d'améliorer certaines choses, mais il me faudra du temps, à mon avis...
Ou alors, comme le chantait si bien Fugain, je n'aurai pas le temps.... ;o)
Ou alors, comme le chantait si bien Fugain, je n'aurai pas le temps.... ;o)
Re: Re: Re: Grandiose ! (2)
Pour Dilbert, je suis allé voir, mais comme mes connaissances en anglais sont assez limitées :o( j'aimerais que tu m'explique la différence entre développeur et chef (l'énorme différence en fait, selon tes dires)...
Lien croisé
Gamin... vous avez dit Gamin ?? : "J'ai édité une procédure sommaire sur le joueb d'Aide à l'attention de ceux qui voudraient éditer leur skin publique afin de la modifier... Si quelque chose vous échappe, faites-m'en part, et si vraiment ça coince, contactez Biz ou Liz, ou une de vos connaissances, un(e) ami(e) qui s'y connait suffisamment en HTML pour pouvoir résoudre le problème... Bonn"
Version XML
- Cette page est peut-être encore valide XHTML1.1 et CSS sans tableaux.
Thème inspiré par Bryan Bell.
Thème inspiré par Bryan Bell.
Cela a aussi déjà été évoqué là :
http://www.joueb.com/aide/news/64.shtml
http://joueb.com/aide/news/30.shtml