Block !

Wellky

Salut les amis ... ouai c'est encore moi (le relou lol) petite question concernant block, je prends un thème (n'importe lequel) largeur 960px, je fais une page block donc de 960px de largeur aussi je met quelques textes, images au centre avec l'option alignement dans block c'est très simple, je veux donc visualiser mon rendu et là plus rien n'est droit mes images ne sont pas centrer mon texte tout à droite es mordu ... je ne comprend pas bien pourquoi !

momo-fr

Si tu fais un layout de 960 px pour une page template de 960 il est normal que ça dépasse… tu as des marges dans ton template, donc la largeur est moindre pour la partie content, encore plus si tu as une sidebar.

Wellky

donc pour un thème de 960px ma page block doit faire combien de px ?

momo-fr

Il n'y a rien de précis avec Blocks, tu étires ou déplaces les blocs en tu regardes en preview ce que cela donne. Souvent je met un fond coloré à la page Blocks pour voir où est placé la marge de droite et où sont mes blocs par rapport à cette marge.

Pour avoir l'espace maxi en largeur j'utilise un Content size fluid à 99% (dernier onglet de l'inspecteur).

Ce plug-in est finalement moins souple que Stacks à mon avis, car trop aléatoire.

Wellky

Oui voila il es moins bon que stacks ... en faite dans ma page blocks je veux mettre une page stacks et kwix ... c'est pas possible de mettre directement kwix dans stacks ? (pour éviter blocks).

momo-fr

Il existe un plug-in qui permet les insertions de pages dans des pages… c'est bien là que l'on voit que RW c'est limité. Mais avec un peu d'astuce et de connaissances on peut faire ce que tu demandes, il faut juste savoir gérer les liens relatifs.

J'ai créé une page Kwix (que je masque du menu), une page Stacks (dans mon cas la home page).

ATTENTION : je nomme le dossier de la page Kwix en "kwix" justement, c'est important pour la suite.

En affichant le code source (Pom+Alt+U) de la page Kwix je récupère le code du menu Kwix, quelque chose comme ça :

<ul id='kwix_page1' class='kwix'><li><h3><a href=''></a></h3><img alt="" width="256" height="256" src="files/kwix-fg-page1_0_1.png" /></li><li><h3><a href=''></a></h3><img alt="" width="256" height="256" src="files/kwix-fg-page1_1_1.png" /></li><li><h3><a href=''></a></h3><img alt="" width="256" height="256" src="files/kwix-fg-page1_2_1.png" /></li><li><h3><a href=''></a></h3><img alt="" width="256" height="256" src="files/kwix-fg-page1_3_1.png" /></li></ul><!-- Kwix 1.0.0 --><script type='text/javascript'>var kwix_page1 = new Kwix (71, 103, 199, 162, 9, 45, 0, 5, 5, "kwix_page1", "files/kwix-bg_page1", "png", 4, 2, 2, 128, 191, 0);</script>

Pour fonctionner le module Kwix va piocher dans les rw_commons le Javascript qui va bien avec ce code (à placer dans la partie "Entête" de l'inspecteur de page Stacks) :

<script type='text/javascript' charset='utf-8'>var yhBlankImg='';</script><!--[if lte IE 6]><script type='text/javascript' charset='utf-8'>var yhBlankImg='files/blank.gif';</script><style type='text/css'>.kwix-item img,.kwix-item,.kwix-right,.kwix-farRight{behavior: url('files/iepngfix.htc');}</style><![endif]--><script type='text/javascript' src='files/mootools.1.11.js'></script><script type='text/javascript' src='files/kwix.js'></script>

Ce qu'il faut comprendre c'est ces différents codes ont des url pour les fichiers qui sont relatives à la page Kwix, si tu veux les utiliser ailleurs il faut modifier ces URL pour les faire pointer sur les bons fichiers.

Pour le premier code (menu Kwix) si je colle ce code dans ma page Stacks qui est en racine (fichier index.html du site) je dois modifier les liens du type :

src="files/kwix-fg-page1_3_1.png"

En :

src="kwix/files/kwix-fg-page1_3_1.png"

J'ai donc ajouté le nom du dossier de la page Kwix dans l'url, le fichier index ira dans le sous-dossier "kwix" chercher un dossier "files" où sont toutes les images du menu Kwix.

On fait presque de même avec le code mis dans la section "Entête" de l'inspecteur de page, sauf qu'entre le code présent dans la page Kwix et celui une fois exporté ou publier les liens pointent vers un sous-dossier de rw_commons/plugins/, donc on modifie les url de ce code comme suite :

var yhBlankImg='files/blank.gif';

Devient :

var yhBlankImg='rw_common/plugins/kwix/files/blank.gif';

Car on est en racine ici, donc le dossier rw_commons est juste à côté du fichier index.hml de la page Stacks.

En preview ça ne marche pas, c'est normal, tu exportes le site et tu verras que tout fonctionne.

A ce stade il faut réfléchir aux liens que tu auras dans ta page Kwix, eux aussi auront besoins de modification car on aura le menu en racine et non en sous-dossier, donc les liens auront un ../ en premier, il faudra l'enlever pour retrouver ses petits.



Clair, facile, simple et… pas évident à faire, mais gratos.