Tutoriel pour la création de template Joomla! 3

[Nathy78]

Re : Tutoriel pour la création de template Joomla! 3

Bonjour Cédric,

Ce que tu dis est possible mais avec les outils utilisés (outils de dev web classique), je n'arrive pas à cerner où joomla prend la main sur le template. Voici le lien de mon site, il est dans ma signature et le module qui "prend le dessus" sur le template est situé en dessous de menu haut, en défilement horizontal. Evidemment illisible.

Tout conseil un peu précis bienvenu

Bonne fin de journée

[ced1870]

Re : Tutoriel pour la création de template Joomla! 3

dans les options du module slideshow ck, actives le chargement des librairies jquery

[Nathy78]

Re : Tutoriel pour la création de template Joomla! 3

eh bien depuis ce matin, le slideshow ne défile plus. Dans les paramètres avancés, j'ai cliqué sur oui, charger les Jquery, mais rien n'y fait.

What is the problem then ?

[catherine]

Re : Tutoriel pour la création de template Joomla! 3

Bonjour,
je remonte ce fil, que je découvre à l'instant.
Soucieuse de créer prochainement un site avec Joomla, ce topic m'intéresse.

Ma question est la suivante : est-ce qu'un template créé pour Joomla sera automatiquement celui qui gèrera les modules qu'on aura choisi d'ajouter - je pense notamment, pour mon projet, à des modules comme community-builder, virtue-mart, OSmodul, Joomdle, etc.

Et, dans le cas contraire, est-il possible d'obtenir une unité graphique, entre ces différentes pages.

Est-ce votre livre, Cédric, permettrait à un néophyte, comme je le suis, de résoudre cette question.

Merci.

[ced1870]

Re : Tutoriel pour la création de template Joomla! 3

salut
désolé pour la réponse tardive mais j'étais très occupé
concernant ta question, ce n'est pas le template qui gère les modules, il faut les gérer avec le gestionnaire de modules de joomla
par contre niveau rendu, tous les modules auront (normalement le meme rendu) qui est géré par le template. Mais tout dépend également du module...
Le template s'appliquera à toutes les pages, donc oui tu auras une unité graphique entre les pages de ton site
CEd

[catherine]

Re : Tutoriel pour la création de template Joomla! 3

Bonsoir,
merci pour ta réponse, Cédric.

[jean érévé]

Re : Tutoriel pour la création de template Joomla! 3

Bonjour Merci beaucoup pour le tutoriel Cedric

Je commence un peu à entrevoir comment les templates fonctionnent et j'y ai ajouter la gestion des couleurs avec l'instruction rgba pour gérer les transparences et cela donne de beaux résultats.
Mais quelle déception quand je l'ai testé avec IE.
Dans le tuto tu explique que tu vas revenir un peu plus loin dans le texte sur les compatibilités avec IE mais je suis arrivé à la fin sans rencontrer ces explications.

Le menu du haut se remet sur plusieurs lignes il n'y a qu'avec la version 11 de IE que le menu du haut reste sur une ligne

J'ai constaté que sur ton site les bords arrondis ne sont pas disponible avec IE (pas essayé avec IE11) donc il n'y a probablement pas de solution pour utiliser la class rounded!

[ced1870]

Re : Tutoriel pour la création de template Joomla! 3

salut
effectivement il faut oublier les css3 (arrondis, ombres, rgba) pour les version d'IE<10
le seul moyen est d'utiliser l'émulateur CSSPIE, mais bon vu l'importance de plus en plus négligeable d'IE il est bon de se demander si ça vaut le coup d'y passer des heures juste pour un arrondi. L'essentiel est que le site est fonctionnel

[jean érévé]

Re : Tutoriel pour la création de template Joomla! 3

Oui d'accord pour les coins arrondis et les dégradés mais pour la présentation du menu je voulais quand même que se soit compatible, car je sais qu'il existe encore des utilisateurs sous XP donc IE<10.

En fait pour que cela fonctionne sous ce ...... de IE:
j'ai retirer dans les classes de ton exemple tous les ">" que l'on trouve dans les sélecteurs pour le menu du haut et cela fonctionne sous IE <10 le menu se retrouve bien sur une seul ligne
chose curieuse cela n'a rien changé sous FireFox ou Chrome!
Je me rend compte que je n'ai pas compris à quoi servent les ">" dans les classes!
Je retourne à la lecture du tuto!

[ced1870]

Re : Tutoriel pour la création de template Joomla! 3

">" sert à identifier un élément enfant qui est directement en dessous, et uniquement celui là
et ça fonctionne normalement sans souci sur IE

[jean érévé]

Re : Tutoriel pour la création de template Joomla! 3

Ok
Je ne trouve pas où est l'erreur j'ai copier coller tout ce qui concerne #nav ul.menu ......." de template.css que tu fournis sur le tuto et le menu du haut se positionne correctement sous mozilla mais pas sur IE8.
Je travaille sur un poste XP
J'ai verfifié j'ai bien les même codes html sur IE et sur firefox c'est un problème d'interprétation de la css

[electrocity]

Re : Tutoriel pour la création de template Joomla! 3

les > en CSS veut dire l'élement directement en dessous

par exemple div>span

<div>
  *<span> directement en dessous pris en compte</span>
  <p>
    <span>pas pris en compte car il est dans le P</span>
  </p>
<div>

[jean érévé]

Re : Tutoriel pour la création de template Joomla! 3

Bonjour
Merci pour les explications du sélecteur ">"

ce que je constate sur le IE8 que j'utilise

si je met dans CSS
#nav ul.menu > li { ....... float: left;}
IE8 n'iterprete pas le code css

si j'écris
#nav ul.menu li { ....... float: left;}
le "float: left" devient effectif et le menu se met bien sur une ligne;

le code html:
<div id="nav" >
<ul class="menu">
<li id="current" >
<a href="http.......

Vous êtes sûr que IE8 interprète correctement le ">"?
Si c'est le cas je ne comprends pas d'où provient l'erreur.

[mlamer]

Re : Tutoriel pour la création de template Joomla! 3

Salut Ced', (si tu passes là)

Grace à tes explications j'ai pu mettre en ligne mon Template avec le design que je voulais grâce à Template créator...

Voilà,
Juste quelques soucis légers:
1° voici l'URL: http://michelaudinotphoto.fr/
La photo du slideshows CK est au bord, en haut, j'aimerai y laisser un petit espace esthétique? Comment?
La même image, puis-je la décaler au dessus du texte ou le texte un poil plus à gauche?

2° Les couleurs de polices sont bien, sauf pour Virtuemart(panier) et le contact ou là, elles sont trop claires et quasi invisibles, je dois changer ça dans le Template ou dans les extensions?

3° La couleur orange du pavé de connexion est trop criarde, saurais-tu ou je peux la modifier?

Enfin, un truc qui n'a rien à voir avec le template, mais on ne sait jamais ?
Le livre d'or est une cata, sous Joomla 2.5 j'utilisais easybook, mais là, sous 3.x, il n'est plus configurable comme avant et celui que j'ai mis (tz guestbook ) est pas top non plus... Aurais-tu un lien, un conseil d'un livre d'or OK ?
Si quelqu'un peut m'aider ?

Merci d'avance

[ced1870]

Re : Tutoriel pour la création de template Joomla! 3

salut
1/ tu dois pouvoir donner des marges au bloc dans lequel tu as chargé le slideshow
2/ là il faut voir dans les styles de VM qui sont peut etre spécifiques
3/ c'est dans paramètres >> boutons de formulaires

CEd

PS : je ne sais pas pour le book, ouvres un nouveau fil de discussion