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)
Gamin
«La langue de bois est une de mes spécialités.»
Jacques Chirac.

Pink Floyd
S'identifier
Nom d'utilisateur
Mot de passe

Mot de passe oublié ?



Divers...
Favicons


free counters



Les stats... Free counter and web stats
La Radio



Pour les pressés, le lien direct (cliquez sur le haut-parleur) :

Ecouter le flux Ipnoze RETRO par le site


Chez moi
Rubik's Cube Etape 3 : la finition du cube... (208)
Pour ceux qui veulent résoudre le Rubik's Cube, la procédure... (28)
Anniversaire Joueb... en retard (41)
Le Rubik's Cube, étape 2 !! (28)
Happy New Year 2008 (32)
Gamin, le retour !! ;-) (42)

MotsCles


Quelques uns que je préfère...
castor : La blague de boomer du jour (1)
castor : Isekamomille (0)
castor : Bonne année 2024 (0)
castor : Boulangérature du complot (0)
castor : La blague à deux balles du jour (0)
castor : L'énigme du Straavux (0)
aide : C C++ Training in Chennai | C C++ Course in Chennai (0)
aide : Ruby on Rails Training in Chennai | Ruby on Rails Course (0)
castor : Métaphore culinaire du journalisme français (0)
castor : La constatation du jour (0)
castor : Relevons le niveau (0)
castor : C'est parti pour la nouvelle année (0)
castor : Premières résolutions de l'année (0)
castor : Douche ou Collation il faut choisir (0)
castor : Conversation avec un ongle (0)
castor : Pas d'amitié (8)

P'tits messages...
PierreDesiles : 30 03 2013 Un coucou de mon île à 32°, été austral oblige. Mon Blog est toujours OUT, je ne suis pas le seul. Encore un coup des hackers indésirables, ils n'ont rien à fou... ces gens là ! Biz ne m'a pas contacté. A+ Bjr à tous.

Gamin : 10.04.2013 J'ai restauré ton blog, Pierre, y'a que la mini-shout des commentaires qui ne fonctionne plus chez toi... J'ai averti Biz à ce sujet..
A++ :)

PierreDesiles : Merci pour ton aide, Biz a remis de l'ordre et la colonne de gauche est de nouveau présente. Je t'envoie un mail
@+ :)

PierreDesiles : colonne de droite (pardon)

alberto : Bonjour Gamin. Après avoir posté une vidéo, mon blog a buggé. Les articles ont disparu. Pourrais-tu le restaurer ? Bien à toi. Merci d'avance.

JujuLeBledard : ok ta mer

PierreDesiles : 20 09 2014 Bjr Gamin J'espère que tu vas bien. Mon blog tjrs HS sur les réponses d'articles, on peut encore le sauver? amitiés

Estel : Bonjour Gamin,
Juste pour vous dire un grand MERCI ! Je me suis dit que je devais un jour ou l'autre terminer mon Rubby's cube que je ne sais faire que jusqu'à la 2e couronne... depuis mes 8 ans... j'en ai 45 !! et grâce à vous, j'ai enfin pu le terminer !! J'ai pourtant chercher sur le net... des tutos ce n'est pas ce qui manque... mais franchement le vôtre est super clair. Merci encore à vous ! Estelle.




- ARCHIVES

Article précédent - Article suivant
04/02/2005
06h04
Quoi de neuf, doc ??

J'ai quand même finalement réussi à faire ce que je voulais faire... par Gamin
Mais ça n'a pas été sans mal !!

Depuis que j'ai changé mon fond d'écran, j'avais dans l'idée d'en mettre une partie dans les colonnes, pour avoir la même texture un peu partout...
J'avais commencé hier soir (enfin, dans la nuit de Jeudi à Vendredi), sans résultat, puis j'avais laissé de coté, en me disant que je m'y recollerais plus tard...

Et là, tout à l'heure, après les films de ce soir (j'ai loupé Volcano, tiens, sur Ciné Premier, j'ai vu que la fin, mais pas grave, ils le rediffuseront bien...), je bascule la télé sur MCM Pop, et l'idée me vient de me remettre à la modification de ma skin (oui, je sais, je suis têtu !!)...

Premier problème qui se pose (je l'avais constaté au premier essai), j'ai une skin très pauvre en CSS (ce qui est normal, elle est issue de la Duplo, qui à l'origine ne possède pas beaucoup de CSS, contrairement aux autres skins...), ce qui n'arrange pas mes affaires...
En effet, il est préférable de modifier quelque chose dans les CSS que dans une skin comme la mienne où tout est défini par des tableaux (avec les balises <table>.... </table> et ses sous-éléments <td>... </td> et <tr>...</tr>)...
C'est même relativement facile à comprendre : dans une skin, plusieurs éléments de la mise en page peuvent se référer à un seul élément de la feuille de style CSS (plus besoin de répéter les opérations), alors qu'avec <table>, on doit impérativement répéter les opérations, ce qui complique un tantinet les choses...

Bref, chez moi, la feuille de style CSS se résume à ça :

<style type="text/css">
<!--
body {
background: url(<SITE_URL>/images/BigBrother_1.jpg) fixed;
}
.calendar {font-family:georgia; font-size:11px
}
.calendarDayOfWeek { font-family:georgia;font-size:9px;
}
.calendarDay {font-family:georgia;}
.calendarDayLinked {background-color:#FFFF88 }
.calendarDayToday, .calendarDayTodayLinked { font-weight:bold; background-color:#002EB8 }
A:link { text-decoration: none;font-family:arial, verdana, sans-serif;font-style:italic;font-size:15px;font-weight:bold;}
A:visited { text-decoration: none;font-family:arial, verdana, sans-serif;font-style:italic;font-size:15px;font-weight:bold;}
A:hover { text-decoration:none; color:red; font-family:arial, verdana, sans-serif;font-style:italic;font-size:15px;font-weight:bold; }
A:active { text-decoration: underline;font-family:arial, verdana, sans-serif;font-style:italic;font-size:15px;font-weight:bold;}
TD { font-family:arial;font-size:16px; }
P { font-family:georgia;text-align:justify; }
.texte { font-family:georgia;font-size:18px; }
.txt1 { font-family:georgia;font-size:17px;color:#<smartcolor texte>; }
.txt2 { font-weight:bold;font-family:georgia;font-size:17px;color:#<smartcolor titrearticle>; }
.txt3 { font-family:arial;font-size:14px;text_indent:20px;font-weight:bold;color:#<smartcolor texte>; }
.txt4 { font-family:arial;font-size:14px;color:#<smartcolor titrecadre>; }
.txtss { font-family:arial;font-size:14px;font-weight:bold;color:#<smartcolor soustitre>; }
abbr, acronym, .help {
border-bottom: 2px dotted red; cursor:help;
}
blockquote {margin-left:15px;
padding-left:10px;
border-left:1px solid #FFCC33;
}
cite {margin-left:15px;
padding-left:10px;
}
td>li {
list-style-type: none;
}
-->
</style>

Et il n'y a rien dans la feuille de style qui se réfère aux blocs, je dois donc tout modifier dans la partie "smartblocks definitions", qui est conçue uniquement en tableaux... (bonjour le mal de crâne !!) :-)

Malgré le fait que ça ne soit pas une partie de plaisir, je m'y attaque tout de même... Sachant que dans un tableau, les couleurs sont définies par "bgcolor=...", je sais que c'est ça que je dois rendre "inactif" (exemple ci-dessous) :

<define_macro name="left_start">
<table width="185" bgcolor="#<smartcolor cadre>" cellpadding=1 cellspacing=0 border=0>
<tr><td><table width="100%" bgcolor="#<smartcolor fondbloc>" cellpadding=2 cellspacing=0 border=0>
</define_macro>

<define_macro name="left_end">
</table></td></tr></table></td></tr></table>
<br>

</define_macro>
<define_macro name="left_title">
<tr><td bgcolor="#<smartcolor fondtitrecadre>" align=center><font color="#<smartcolor titrecadre>" face=arial><b><arg name="title"></b></font></td></tr>
<tr><td><table width="100%" bgcolor="#<smartcolor fondbloc>" cellpadding=0 cellspacing=0 border=0>
</define_macro>

Bref, après de multiples essais, je vais finir par comprendre comment le tout fonctionne (je ne suis pas un pro en html, je le répète...)
Supposons que je rende inactive la couleur de fond des blocs, qui est repérée par "bgcolor=<smartcolor fondbloc>", ça marchera, mais, comme c'est un tableau, la couleur de fond sera automatiquement remplacée par la couleur du cadre, repérée elle par "bgcolor="<smartcolor cadre>"... Donc, j'ai pas d'autre choix que de désactiver les deux couleurs, et de faire apparaitre autour de mes blocs une bordure, à laquelle je donnerai la couleur du cadre... Compliqué ?? Disons tiré par les cheveux, oui, mais je n'ai jamais dit que l'html était simple, je m'en suis aperçu tout seul !! ;-))

Il faut savoir que dans un tableau (<table>), la couleur de fond est TOUJOURS représentée par "bgcolor"... Donc, si nous avons deux "bgcolors" dans deux tableaux se superposant (1 pour la couleur du cadre et l'autre pour la couleur de fond), si je désactive la couleur de fond, la couleur du cadre, elle, sera toujours là !!
La seule soluce, comme je l'ai dit, est de faire apparaitre une bordure "border=1" et de lui attribuer la couleur du cadre (bordercolor=<smartcolor cadre>)... et c'est ce que j'ai fait !!

Mes blocs apparaissant désormais en transparence sur l'image de fond d'écran, il était assez facile de leur attribuer à eux aussi une image de fond (la même texture que j'ai repiquée sur l'image de fond) en rajoutant à ma balise <table> l'attribut style="background:url(<SITE_URL>/images/url_texture.jpg)"

Ca paraît simple, expliqué comme ça, mais quand on teste, c'est loin d'être évident au premier abord !!

Finalement, la modification de mes blocs donnera ceci :

<define_macro name="left_start">
<table width="185" bgcolor="" cellpadding=1 cellspacing=0 border=0>
<tr><td><table width="100%" bgcolor="" cellpadding=2 cellspacing=0 border=1 bordercolor="<smartcolor cadre>" style="background:url(<SITE_URL>/images/BigBrother_uniforme.jpg)">
</define_macro>

<define_macro name="left_end">
</td></tr></table></td></tr></table>
<br>
</define_macro>

<define_macro name="left_title">
<tr><td bgcolor="<smartcolor fondtitrecadre>" align=center><font color="#<smartcolor titrecadre>" face=arial><b><i><center><arg name="title"></center></i></b></font></td></tr>
<tr><td bgcolor="">
</define_macro>

Et comme j'ai des blocs à gauche et à droite, la modification des blocs de droite sera identique à celle-ci, + la modification de ma boîte "Ceux que je préfère" que j'avais rajoutée directement dans la skin... 3 modifications en tout, mais le résultat est là, et je suis content de moi !! :-)

Toutefois, j'ai fait en tout 2 grosses modifications, que j'ai sauvegardées...
J'ai toujours ma skin d'origine, avec les fonds des blocs sans texture, j'ai la même mise en page, mais complètement transparente, et celle que vous voyez actuellement... et je peux passer de l'une à l'autre sans difficultés, mais pour l'instant, seules celle-ci et celle d'origine (je me comprends) sont installées... La skin complètement transparente, je la mettrai un petit peu plus tard... ;-)

Bon, là, je suis content de moi, je peux aller me coucher tranquille... A tout à l'heure...

Mots-clés : ,


Quelque chose à dire ?


Revenir à la page principale

Article précédent - Article suivant


Commentaires:

04/02/2005
18h01

1 - :-) par tgtg
joli!!!


Envie d'ajouter quelque chose ??





04/02/2005
18h17

2 - Re: :-) par Gamin
Merci... Ca m'a pris du temps, mais je suis content du résultat... :)

Envie d'ajouter quelque chose ??





04/02/2005
18h21

3 - Re: Re: :-) par tgtg
tu as bien raison:-)

Envie d'ajouter quelque chose ??





05/02/2005
15h40

4 - par Alkhazar

J'ai rien compris.

Par conte, je cite : "je ne suis pas un pro en html, je répète" et je proteste : "Voyons, voyons, ne soayez pas môdaiste (sinon moi dans ce cas je suis vraiment un incompétent de 1ère classe n_n)"

Et dis donc pour je cite (ça m'amuse =P) : "d'en mettre une partie dans les colonnes, pour avoir la même texture un peu partout" j'aurais pas un peu soufflé une idée ? Non ? Même pas un tout petit peu ='(   je taquiiiine =D



Envie d'ajouter quelque chose ??





05/02/2005
16h18

5 - par newton
Ouasi, je crois pas tout avoir bien compris, mais à l'oeil ;-) ça donne vraiment bien!!! Jusqu'à l'autre jour, je pensais qu'on ne pouvait plus rien améliorer sur ton joueb, eh bien j'ai vu que ce n'était pas le cas! C'est vraiment bien!!!


Envie d'ajouter quelque chose ??





05/02/2005
16h30

6 - Re: par Gamin

T'as rien compris ?? Tu devais encore dormir au fond de la salle pendant le cours, toi, hein ?? :-p

Et pour répondre à ta question, non, tu ne m'as pas soufflé l'idée, c'est venu naturellement, une fois que j'avais fait la première modification (installation du fond d'écran et changement des couleurs des blocs, que tu pourras voir ici)... Avoir un fond "lisse" dans les blocs, ça me gênait, donc, l'idée m'est venue naturellement d'appliquer la même texture que le fond d'écran... ;-))



Envie d'ajouter quelque chose ??





05/02/2005
16h32

7 - Re: par Gamin

Y'a toujours moyen d'améliorer quelque chose, pour peu qu'on réfléchisse un tantinet au problème... ;-)

Merci pour l'avis...



Envie d'ajouter quelque chose ??





05/02/2005
18h27

8 - Re: Re: par Alkhazar

ouééé la tu casses mes rêves ='(

J'ai pas dormi m'sieur, j'ai lu en diagonale ! =X



Envie d'ajouter quelque chose ??





05/02/2005
18h31

9 - Re: Re: Re: par Gamin
Ah ben oui, je comprends mieux maintenant !! ;-)

Envie d'ajouter quelque chose ??





Contenu : Gamin - Moteur de joueb : Niutopia (Biz) - Skin : Liz