Fork me on GitHub

Page « 1 2 3 (4)

La surcharge des templates

200605
Septembre
  alain01 Documentations 27240


Note 1 :
dans les 2 exemples, nous n'avons traité que des blocs, mais si vous souhaitez personnaliser des templates de pages plutôt que des templates de blocs, il conviendra de placer vos fichiers sous :
/themes/votre_dossier_theme/modules/monmodule
et non sous
/themes/votre_dossier_theme/modules/monmodule/blocks.

Note 2 :
Allez jeter un coup d'oeil sur ce thème, 7dana-clean, vous y trouverez votre bonheur.
En effet, dans ce thème est inclus :
- le nouveau positionnement des blocs (blocs centraux bas, gauche droite et centre)
- 7 surcharges

Note 3 :
Placez dans vos dossiers créés un fichier index.html avec retour à la page précédente. C'est mieux.


Surcharge des images
Enfin, la surcharge des images est tout Ă  fait possible. 2 cas de figures possibles :
- Soit le module intégre déja dans son code le système de surcharge, dans ce cas, il suffit de placer les images sur le même principe que pour la surcharge des blocs,
- Soit, il suffit de modifier un template et de le placer également en surcharge. Dans ce template, vous trouverez les liens vers les images de la façon suivante :

<img src="<{[color=FF0000]xoImgUrl[/color] modules/monmodule/images/image1.gif}>" alt=""/>

Exemple :
Utilisation de la surcharge des images pour changer l'image de l'imprimante du module news (template article.html du module news)

Remplacez dans la surchage du template article.html
<img src="<{$xoops_url}>/modules/news/images/print.gif" border="0" alt="<{$lang_printerpage}>" />

par
<img src="<{[color=FF0000]xoImgUrl [/color]modules/news/images/icon/print.gif}>" border="0" alt="<{$lang_printerpage}>" />

Lors de l’affichage de la page, le template affichera l’image se trouvant dans /theme/votre theme/modules/news/icon/, et si l’image n’existe pas le template affichera l’image se trouvant dans modules/news/icon.


Surchage css
Le fonctionnement pour les css est identique, mais avec des commandes différentes :
<{$xoTheme->addStylesheet('modules/news/style.css')}>


Surchage javascript
Nous reviendrons parler de cette surcharge plus tard car actuellement, il réside encore quelques difficultés.


Pour les développeurs
Amis développeurs, profitez de la mise à jour de vos modules pour modifier vos templates d'origines et proposer ces derniers avec l'intégration possible des surcharges d'images.


Un grand merci à Dugris pour ses précisions sur la surchage des images,css et javascript.


A vous de jouer !

Note: 8.00 (2 votes) - Noter cet article -
Page « 1 2 3 (4)

Partager Twitter Partagez cette article sur GG+
Format imprimable Envoyer cet article Ă  un ami
Les commentaires appartiennent Ă  leurs auteurs. Nous ne sommes pas responsables de leur contenu.
Xoops accro
Inscrit le: 18/01/2004
De: Ma Caverne
Contributions: 2839
Marco PostĂ© le: 05/09/2006 01:21  Mis Ă  jour: 05/09/2006 01:21
 Re: La surcharge des templates
smack !


marco
Xoops accro
Inscrit le: 15/07/2004
De:
Contributions: 4763
blueteen PostĂ© le: 05/09/2006 08:22  Mis Ă  jour: 05/09/2006 08:22
 Re: La surcharge des templates
limpide (cool
Supporter Xoops
Inscrit le: 10/08/2004
De: Tours
Contributions: 573
Didier PostĂ© le: 05/09/2006 08:53  Mis Ă  jour: 05/09/2006 08:53
 Re: La surcharge des templates
Devoirs fais : impeccable, simple ... ca va nous faire gagner du temps tout ca...
RĂ©gulier
Inscrit le: 04/02/2003
De:
Contributions: 203
lolothom PostĂ© le: 05/09/2006 11:24  Mis Ă  jour: 05/09/2006 11:24
 Re: La surcharge des templates
Hello

frxoops.fr c'est vraiment les meilleurs :banane:
Aspirant
Inscrit le: 22/02/2006
De: Strasbourg
Contributions: 40
rastanouno PostĂ© le: 05/09/2006 12:10  Mis Ă  jour: 05/09/2006 12:10
 Re: La surcharge des templates
je n'ai pas tout vraiment compris mais ca a l'air pratique, je vais lire plus doucement pour en comprendre les aboutissent...
:xfsuper:
Supporter Xoops
Inscrit le: 09/01/2005
De: Breizh
Contributions: 16972
Kris PostĂ© le: 05/09/2006 20:39  Mis Ă  jour: 05/09/2006 20:40
 Re: La surcharge des templates
Bien Alain

En compléments de l'article, je veux indiquer que la surcharge peut être également utiliser pour les feuilles de style css (possibilité de créer une feuille spécifique pour les templates d'un module), et pour les images.
Ci-dessous extrait de la releases note de la version 2.0.15 :
Citation :
Output resources overriding for developers

To allow theme designers to customize images or stylesheets, you have to use the new theme class and xoImgUrl templates plug-in.

* Scripts and stylesheets can be declared to XOOPS using the theme class addScript and addStylesheet methods. The theme instance is available after the inclusion of header.php by using the $xoTheme global variable, and in a template variable of the same name:
<{$xoTheme->addStylesheet('modules/newbb/style.css')}>
* Images and medias URLs have to be generated by using the xoImgUrl plug-in in your templates:
<img src="<xoImgUrl modules/newbb/images/reply.png}>" alt="reply" />

Output resources overriding for designers

Designers can also provide custom versions of most output-related resources using a mechanism similar to the one available to templates, for modules that support this.

* To create a custom stylesheet that will replace modules/newbb/style.css, create your customized file in
<yourthemefolder>/modules/newbb/style.css
* To create a custom image that will replace modules/newbb/images/reply.png, create your customized file in
<yourthemefolder>/modules/newbb/images/reply.png


Que voulez vous demander de plus

Merci Pascal champagne

ps : un tutoriel flash ou vidéo devrait être réalisé dans le mois
Supporter Xoops
Inscrit le: 02/08/2005
De:
Contributions: 91
Young PostĂ© le: 06/09/2006 00:10  Mis Ă  jour: 06/09/2006 00:10
 Re: La surcharge des templates
:pardon: Nous ne pouvons que nous incliner devant tant de travail et de simplicité !!!!

Alors je ne dirai qu'une seul chose...
Votre enthousiaste doit être partager, faîtes un petit don de quelques euros !
C'est juste sur la page d'accueil... sur la droite

Encore BRAVO Ă  toute l'Ă©quipe !!!!
:xfsuper:
Semi pro
Inscrit le: 05/06/2004
De:
Contributions: 750
Niluge PostĂ© le: 06/09/2006 20:06  Mis Ă  jour: 06/09/2006 20:06
 Re: La surcharge des templates
Une petite précision : la surcharge des images et fichiers css ne fonctionne que si les modules ont été recodés pour être compatible.

Sinon merci pour ce super tuto alain01 !
Xoops accro
Inscrit le: 25/02/2004
De: RĂ©gion parisienne
Contributions: 2526
DuGris PostĂ© le: 07/09/2006 08:23  Mis Ă  jour: 07/09/2006 08:23
 Re: La surcharge des templates
Une petite prĂ©cision la surcharge des images et fichiers css ne fonctionne que si les modules ont Ă©tĂ© recodĂ©s pour ĂŞtre compatible.


Tu y vas fort, ca fonctionne sans avoir Ă  "recoder" les modules, il suffit juste d'adapter les templates !!!
Semi pro
Inscrit le: 05/06/2004
De:
Contributions: 750
Niluge PostĂ© le: 07/09/2006 20:54  Mis Ă  jour: 07/09/2006 20:54
 Re: La surcharge des templates
Bwarf les templates c'est du code du module quand mĂŞme!

Enfin en effet si le module est pas mal codé il n'y a qu'à toucher au templates.
Xoops accro
Inscrit le: 25/02/2004
De: RĂ©gion parisienne
Contributions: 2526
DuGris PostĂ© le: 08/09/2006 08:38  Mis Ă  jour: 08/09/2006 08:38
 Re: La surcharge des templates
@Niluge: et oui il y a bien une différence entre adapter un template et recoder un module, les utilisateurs de xoops (non développeur) savent de quoi je parle !!!
Admin Frxoops
Inscrit le: 04/02/2003
De: Belgique
Contributions: 3372
Solo71 PostĂ© le: 08/09/2006 21:47  Mis Ă  jour: 08/09/2006 21:47
 Re: La surcharge des templates
Puissant! Et je sais de quoi je parle.
Admin Frxoops
Inscrit le: 16/05/2003
De: Rhone-Alpes
Contributions: 3598
alain01 PostĂ© le: 09/09/2006 00:49  Mis Ă  jour: 09/09/2006 00:49
 Re: La surcharge des templates
Merci à tous pour vos commentaires très enthousiastes.
Tout le mérite va en réalité à Skalpa qui a développé ces fonctionnalités supplémentaires qui vont devenir, et je n'en doute pas, très rapidement indispensables.

je vous invite à consulter à nouveau cet article et en particulier la page 4 où j'apporte des précisions notamment sur la surcharges des images.

Merci
Supporter Xoops
Inscrit le: 09/01/2005
De: Breizh
Contributions: 16972
Kris PostĂ© le: 09/09/2006 13:32  Mis Ă  jour: 09/09/2006 13:32
 Re: La surcharge des templates
:xfsuper:
RĂ©gulier
Inscrit le: 09/04/2006
De:
Contributions: 423
Ankyo PostĂ© le: 22/09/2006 17:49  Mis Ă  jour: 22/09/2006 17:49
 Re: La surcharge des templates
Merci pour ce tuto, ça marche super bien bravo à celui qui a eu l'idée de créer cette fonction sous xoops (cool
RĂ©gulier
Inscrit le: 23/03/2005
De:
Contributions: 408
lasco PostĂ© le: 27/09/2006 07:41  Mis Ă  jour: 27/09/2006 07:41
 Re: La surcharge des templates
superbe tuto

merci alain
RĂ©gulier
Inscrit le: 26/04/2003
De: Geneve - Suisse
Contributions: 129
Gigamaster PostĂ© le: 28/09/2006 02:45  Mis Ă  jour: 28/09/2006 02:45
 Re: La surcharge des templates
Le seul défaut du "vieux système" était l'éditeur et l'impossibilité de "prévisualiser" les templates modifiés.

Il y a une estimation, ou résultats du gain de performances ou d'usabilité?

Parce que Xoops avait déjà là possible de "cloner" les templates d'un module, qui plus est, editables dans l'administration. Et ensuite d'utiliser un theme associé à un jeu de templates.
:roll:
RĂ©gulier
Inscrit le: 16/08/2006
De:
Contributions: 308
H-hich PostĂ© le: 02/12/2006 00:12  Mis Ă  jour: 02/12/2006 00:12
 Re: La surcharge des templates
Bonjour, je tiens a vous remercier pour ce dossier, qui m'a l'air tres pratique, des que j'aurai du temps pour m'y mettre je l relirer profondement.

Je me permet de poster une question qui paraitra idiote, mais j'aimerai savoir ou trouver l'icone jaune de phylactere qu'on trouve dans ce tuto en page 2, pour remplacer le peu esthetique rond blanc de base.

Merci.
Admin Frxoops
Inscrit le: 16/05/2003
De: Rhone-Alpes
Contributions: 3598
alain01 PostĂ© le: 02/12/2006 07:27  Mis Ă  jour: 02/12/2006 07:27
 Re: La surcharge des templates
Bonjour H-Hich,
Merci.

Pour le phylactère, on peut le voir sur la page principale du site de la Ligue Rhône-Alpes de volleyball
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

19 Personne(s) en ligne (1 Personne(s) connectée(s) sur Articles) | Utilisateur(s): 0 | Invité(s): 19 | Plus ...