Fork me on GitHub

Page « 1 2 3 (4)

Xoopser un template xhtml/css en moins de 10mn
17
200510
Juillet
  Christian Documentations 39497

5. Premiers tests

Comme je vous imagine déjà très impatients de vérifier que ces quelques "copier/coller" vont vous permettre de créer un nouveau thème, nous allons donc modifier le paramétrage de notre site pour prendre en compte ce nouveau thème :

  • Menu administration, admin system, prĂ©fĂ©rences, paramètres gĂ©nĂ©raux, nous allons rĂ©pondre oui Ă  la question Mise Ă  jour des fichiers du thèmes Ă  partir du rĂ©pertoire themes/ ?, afin que les mises Ă  jour que nous manqueront pas de faire plus tard soient prises en compte.
  • Toujours sur cette mĂŞme page, dans la partie thèmes sĂ©lectionnables, nous allons cocher les thèmes default et xhtml
  • comme il faut ĂŞtre prĂ©voyant afin de ne pas se retrouver devant une page blanche, on va Ă©galement activer sur cette mĂŞme page, le mode debug (mode de mise au point : debug php)
Afin de pouvoir passer facilement du thème default à notre nouveau thème, nous allons activer le bloc thèmes, dans admin system, blocs, éditez le bloc thèmes, modifiez ses attributs afin qu'il soit visible et affiché sur toutes les pages.

Bon il faut se lancer et avoir un aperçu du résultat, clic sur le lien page d'accueil, puis sur le lien xhtml dans le bloc tuto, et voilà le résultat :

RĂ©sultat template xhtml/xoops

Et maintenant

Je vais malheureusement tempérer quelque peu votre ardeur, en effet s'il faut moins de 10 minutes pour effectuer ces opérations quand on en a compris les tenants et aboutissants, votre travail n'en est pas terminé pour autant.
Il va falloir par exemple :

  • adapter la couleur de fond des colonnes, du pied de page, etc.. Ă  votre goĂ»t
  • dĂ©finir la prĂ©sentation du titre des blocs
  • ...tout compte fait, la boĂ®te d'aspirine pourrait devenir nĂ©cessaire!

Le fichier default/theme.html utilise des fichiers externes pour l'affichage des blocs latéraux et centrés. Ce n'est pas une obligation, vous pouvez vous contenter de <{$block.title}> et <{$block.content}>

Quand vous serez satisfait du résultat, vous voudrez bien évidemment que ce nouveau thème soit votre thème par défaut. Allez dans le menu administration, admin system, préférences, paramètres généraux. Sur la ligne Thème par défaut sélectionnez dans la liste déroulante le nom de votre nouveau thème, puis répondez non à la question Mise à jour des fichiers du thèmes à partir du répertoire themes/ ? afin que votre thème soit mis en cache

Liens

Comme promis dans un chapître précédent voici quelques liens qui pourront vous aider:

Conclusion

J'ai écrit cet article afin de vous faire bénéficier de ma modeste expérience, je vous serai gré de bien vouloir me pardonner à l'avance des incongruités qui auraient pu s'y glisser. Si vous souhaitez réagir à cet article, je vous invite à le faire plutôt dans ce forum que dans les commentaires.

Téléchargement des fichiers utilisés
Note: 9.00 (4 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.
Supporter Xoops
Inscrit le: 09/01/2005
De: Breizh
Contributions: 16972
Kris PostĂ© le: 11/07/2005 01:19  Mis Ă  jour: 11/07/2005 01:19
 Re: Xoopser un template xhtml/css en moins de 10mn
FĂ©licitations pour cet excellent tuto, qui va ravir les membres de frxoops.
J'ai mis moins de temps à faire mon thème que christian ses 4 pages de cours !!

Un article de professionnel
:tucartonnes:
Semi pro
Inscrit le: 06/01/2004
De: Non loin de Paris
Contributions: 666
zoullou PostĂ© le: 11/07/2005 10:46  Mis Ă  jour: 11/07/2005 10:46
 Re: Xoopser un template xhtml/css en moins de 10mn
Excelent tuto, va faloir que je m'en inspire, mais je croit que le plus dur c'est d'ajouter les block center/left et center/right :banana:
RĂ©gulier
Inscrit le: 09/07/2005
De: Les Sables 85
Contributions: 159
pwmac PostĂ© le: 12/07/2005 18:24  Mis Ă  jour: 12/07/2005 18:24
 Re: Xoopser un template xhtml/css en moins de 10mn
Tuto peut etre super mais pour moi il faut le ré-intituler :xhtml/css en moins de dix ans!!!!!
Trop compliqué pour moi, vous allez peut être raler, mais depuis que j'essaie d'installer mon site avec xoops, je ne trouve aucune explication SIMPLE et EXPLICITE pour un débutant.
Newbie
Inscrit le: 12/07/2005
De:
Contributions: 1
SuperDevy PostĂ© le: 12/07/2005 19:57  Mis Ă  jour: 12/07/2005 19:57
 Re: Xoopser un template xhtml/css en moins de 10mn
Génial, je commençais à démoraliser en voyant tous ces templates à base de tableau. Certain tutos appreinnement même à les utiliser !

Merci, je crois que que si cet article n'avait pas été là j'aurai abandonné Xoops ...
Anonyme PostĂ© le: 12/07/2005 21:15  Mis Ă  jour: 12/07/2005 21:15
 Re: Xoopser un template xhtml/css en moins de 10mn
pwmac,

A tu posé les questions sur les points qui te posent problèmes ?

A+
Hervé
Admin Frxoops
Inscrit le: 04/02/2003
De: Blois
Contributions: 3071
philou PostĂ© le: 12/07/2005 21:25  Mis Ă  jour: 12/07/2005 21:25
 Re: Xoopser un template xhtml/css en moins de 10mn
oups... Il me semble pourtant que c'est très simplement expliqué.
Tu as essayé de suivre à la lettre ?
RĂ©gulier
Inscrit le: 09/07/2005
De: Les Sables 85
Contributions: 159
pwmac PostĂ© le: 12/07/2005 23:13  Mis Ă  jour: 12/07/2005 23:13
 Re: Xoopser un template xhtml/css en moins de 10mn
bonsoir Ă  tous

Le pb c'est que je suis trop habitué a dreamweaver (qui m'a permis de construire mon site) non pas que dreamweaver soit simple mais plus abordable pour moi .
Mon pb consiste en un point capital, c'est que je ne comprend rien au language php,(il faut dire que je ne fais pas partie de la génération qui assimile aussi facilement que vous) et franchement les questions/réponses des forums ne m'apprennent rien du tout, il faut se rendre sur un autre article, etc etc ... trop pointu.
Puisque nous sommes dans les confidences, je n'ai pas trouvé un seul screnshoot qui me dise ce qu'est:
-un bloc
-une section
-un article etc etc.
Même pour un malheureux album, je ne saisi pas la façon de faire des sous menus, alors que la case "inclure les sous dossiers est cochée !!!!!
Bien sur j'ai trouvé comment faire (pour certains) mais rien de vraiment concluant.
Malgré les efforts de titoine76 (encore merci) je
suis limite de décrocher, et me servir uniquement des modules xoops tel que sondages,(ou peut etre petites annonces)et de les intégrer dans mon site, puique ça au moins j'arrive à le faire.
Je pensais quand mĂŞme y arriver plus facilement.

Bon je vais m'arreter lĂ , si vous avez une VRAIE documentation Ă  me signaler........

Merci
Semi pro
Inscrit le: 06/01/2004
De: Non loin de Paris
Contributions: 666
zoullou PostĂ© le: 13/07/2005 00:16  Mis Ă  jour: 13/07/2005 00:17
 Re: Xoopser un template xhtml/css en moins de 10mn
Pas besoin de s'ennervé .
L'utilisation basique de XOOPS (installation et utilisation de module) n'est pas bien dure aprés un petit temps d'adaptation.
Par contre, il est sur qu'il faut avoir quelques connaissance en (X)HTML/CSS pour pouvoir modifier ou créer un thème, c'est comme si tu disais que tu n'arrive pas à réparer ta voiture alors que tu n'a aucune connaissance en mécanique.
Heureusement pour toi, les forums de XOOPS France sont là pour t'aider. Tu peut utiliser préalablement la fonction recherhcer (en haut à droite) et si tu ne trouve pas de réponse pose ta question, nous nous ferons un plaisir de te répondre.

A+

PS : Tout le monde est bénévole ici
Semi pro
Inscrit le: 05/04/2003
De:
Contributions: 1645
fooups PostĂ© le: 14/07/2005 09:00  Mis Ă  jour: 14/07/2005 09:00
 Re: Xoopser un template xhtml/css en moins de 10mn
Bonjour,

tout d'abord, les commentaires des articles ne sont pas mis en place pour faire du support, je vais donc devoir ĂŞtre bref .

Pour plus de connaissances en HTML/CSS, va voir (par exemple) les tutoriels sur developpez.com et pour en apprendre un peu plus sur le PHP (bien que cela ne soit absolument pas nécessaire, tant que tu ne souhaites pas modifier les fichiers de ton XOOPS, va regarder du côté du site du zero.

Je pense que cela devrait déjà te donner quelques bases.

@+
Supporter Xoops
Inscrit le: 13/05/2005
De: Le théíƒÂ¢tre de la vie
Contributions: 340
mediateur PostĂ© le: 24/07/2005 16:37  Mis Ă  jour: 24/07/2005 16:37
 Re: Xoopser un template xhtml/css en moins de 10mn
ça cartonne ce tuto !
merci !
RĂ©gulier
Inscrit le: 26/08/2005
De:
Contributions: 390
bobjean PostĂ© le: 26/08/2005 03:37  Mis Ă  jour: 26/08/2005 03:37
 Re: Xoopser un template xhtml/css en moins de 10mn
dsl mais je voi po kel fichier je doit telecharger sur le site alsacreation lol

voulez vous bien préciser s'il vous plait, je suis nouveau merci
Semi pro
Inscrit le: 05/04/2003
De:
Contributions: 1645
fooups PostĂ© le: 26/08/2005 09:16  Mis Ă  jour: 26/08/2005 09:16
 Re: Xoopser un template xhtml/css en moins de 10mn
Il faut regarder dans les gabarits ici

@+
Supporter Xoops
Inscrit le: 13/05/2005
De: Le théíƒÂ¢tre de la vie
Contributions: 340
mediateur PostĂ© le: 04/09/2005 09:09  Mis Ă  jour: 04/09/2005 09:09
 Re: Xoopser un template xhtml/css en moins de 10mn
J'utilise actuellement le travail réalisé par les autres et je grimpe au plafond quand je parviens à en faire des adaptations personnelles. Quand même, tjrs dans le même esprit, comme je me suis fortement intéressé aux thèmes, je me dis qu'il pourrais bien y avoir un utilitaire, style module de fabrication de thèmes, qui permettrait de ne rien oublier, étant donné qu'il y a des incontournables. Partant de modèles standards, ça serait possible de les faire à sa main, comme je le vois sur le système de blog de msn qui en est à proposer des trucs simples en drag and drop.... Je sais, c'est facile de dire "J'aimerais..." A tout hasard, je le dis
Supporter Xoops
Inscrit le: 09/01/2005
De: Breizh
Contributions: 16972
Kris PostĂ© le: 04/09/2005 14:15  Mis Ă  jour: 04/09/2005 14:15
 Re: Xoopser un template xhtml/css en moins de 10mn
Pour les utilisateurs de dreamweaver il existe une extension, voir cet article sur xoops.org
Team FrXoops
Inscrit le: 01/11/2004
De:
Contributions: 1823
patz PostĂ© le: 06/09/2005 07:18  Mis Ă  jour: 06/09/2005 07:18
 Re: Xoopser un template xhtml/css en moins de 10mn
super article comme d'habitude (même moi j'y suis arrivé c'est dire)mais comme je suis un peu flemmard j'ai trouvé ce site csscreatoravec la page 1 qui permet de creer untemplate css en ligne en complétant des champs et celle-ci pour le style css très sommaire de la page
Semi pro
Inscrit le: 27/08/2003
De: Perpignan
Contributions: 1255
Paul PostĂ© le: 27/11/2005 16:16  Mis Ă  jour: 27/11/2005 16:21
 Re: Xoopser un template xhtml/css en moins de 10mn
salut, d'abord bravo Ă  Christian...

Je viens de lire la réflexion de pwmac au sujet de dreamweaver... juste pour te dire que :
tu n'as pas à trop comprendre le html pour faire un thème mais plutôt le css, qui est carrement éditable dans dream... ce qui te permet d'avoir le thème "en clair" (évidemment je parle des couleurs et images, pas du code...) et de changer les couleurs ou autres (fonction chercher remplacer #FFFFF par #EFEFEF par exemple)...
Voir la documentation de dreamweaver.
Aspirant
Inscrit le: 11/07/2008
De: France - 87 Haute Vienne
Contributions: 52
jeromehej PostĂ© le: 21/09/2010 20:46  Mis Ă  jour: 21/09/2010 20:46
 Re: Xoopser un template xhtml/css en moins de 10mn
Salut,
et ben, c'est super. Après avoir créé un template avec des tuto diverses dont Alsacréation, ce tuto m'a permis en peu de temps de l'adapter à xoops, tout au moins pour la base, c'est à dire hors design des blocks, forum,...
Merci beaucoup.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

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