[css] liste commentée des balises dans Joomla!

Ressources, trucs et astuces pour faire tourner Joomla! 1.0.x

Moderators: Aidan38, sarki

Forum rules
Règles du forum
User avatar
mejean
Joomla! Hero
Joomla! Hero
Posts: 2714
Joined: Thu Aug 18, 2005 12:28 pm
Location: viewforum.php?f=19
Contact:

[css] liste commentée des balises dans Joomla!

Post by mejean » Fri Jan 13, 2006 9:59 am

En attendant le tutoriel de Papounet sur les templates, je vous met ici la liste des balises Joomla! Je n'ai pas tout à fait terminé, ni tout à fais tout vérifier. Merci donc d'apporter les modifications ou les compléments nécessaires.

Vous pouvez également jeter un coup d'oeil sur Joomla!fr, ici et bien sûr sur help.joomla.org (en englais)
Concernant les modules (et la posibilité de personnaliser leur aspect, voyez les tuto de Joomla!fr ici.

Enfin, pour créer un template de A à Z, vous pouvez consulter le tuto de reyvax, ici : http://reyvax51.free.fr/tuto_template_photo_dream.pdf

Code: Select all

/* ------------------------- CSS COMPLETS POUR UN TEMPLATE JOOMLA 1.0.x ------------------------- */
/* d'après Dinh Viet Hung  (c) http://www.joomlart.com et Wee Keat Chin (c) http://www.visualdensity.com */
/* traduit et complété pour Joomla! 1.0 mejean / Papounet / Lexel / Zen Air Cashmere / Dragon Company */
 
 
/* ------------------------- Styles par défaut ------------------------- */

/* Styles généraux */

body {}						/* style général entre les balises body, contrôle les éléments comme le fond, etc.*/
td {} 						/* style par défaut des colonnes des tables du templates  */
tr {} 						/* style par défaut entre les balises body, contrôle les éléments comme le fond, etc. */
p {} 						/* style par défaut des paragraphes */
hr {} 						/* style par défaut des lignes horizontales du template */
hr.separator {}
div {} 						/* format par défaut des balises "div" du template */
pre {}						/* style des zones de textes préformatés  (utilisé par la zone de debogage) */


/* Paramétres par défaut des niveaux de titre */

h1 {}						/* style de titre de niveau 1 */
h2 {}						/* style de titre de niveau 2 */
h3 {}						/* style de titre de niveau 3, est utilisé pour l'affichage des titre de module que le paramètre du module est à -2 ou -3 (cf. plus bas) */
h4 {}						/* style de titre de niveau 4 */
h5 {}						/* style de titre de niveau 5 */
h6 {}						/* style de titre de niveau 6 */

/* Paramétres par défaut des liens */

a:link {} 					/* style par défaut des liens */
a:visited {} 				/* style des liens visités */
a:hover {} 					/* style des liens survolés */
	
/* Paramétres par défaut des listes à puce */

ul {} 						/* style de tous les élements de liste ul */
li {}						/* style de tous les élements de liste li */

 
/* ------------------------- Paramètres des formulaires ------------------------- */

.form {} 					/* permet de définir les marges (marging et padding) des formulaire pour une meilleur accessibilité (seulement pour Joomla!) */
.button  {} 				/* apparence des boutons */
.inputbox {} 				/* apparence des formulaire de saisie, par ex. le module de connexion */
.search {} 					/* apparence des <div> qui contiennent les éléments de recherche : inputbox, bouton de recherche...*/
 
 
/* ------------------------- Paramètres de navigation / des menus ------------------------- */
 
/* Style des menus */

a.mainlevel{}				/* style des liens de menu de premier ordre */
a.mainlevel:link {}			/* style des liens de menu de premier ordre */
a.mainlevel:visited {}		/* style des liens de menu de premier ordre visités */
a.mainlevel:hover {}		/* style des liens de menu de premier ordre survolé par la souris */
 
#active_menu {} 			/* style des liens de menu de premier ordre actif */

a.sublevel{} 				/* style des liens de menu de second ordre */
a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {}

/* Style du menu horizontal */

ul#mainlevel-nav {}			/* style des liens du menu horizontal (généralement dans la position user3) */
ul#mainlevel-nav li {}
ul#mainlevel-nav li a:link {}
ul#mainlevel-nav li a:visited {}
ul#mainlevel-nav li a:hover {}
 
/* Style des barres de navigation */
 
.pagenavbar {} 				 /* style de la barre de navigation de pied de page ("<< Début < Précédent Suivant > fin >>") quand celle-ci n'apparaît pas comme hyperlien (quand il y a seulement quelques articles).*/
.pagenavbar:link {} 		 /* style de la barre de navigation de pied de page ("<< Début < Précédent Suivant > fin >>") quand celle-ci devient des hyperliens */
.pagenavbar:visited {}
 
.pagenav {} 				 /* paramètre des liens de la barre de navigation "<< Début < Précédent 1 2 3 Suivant > fin >>" */
a.pagenav:visited {}
a.pagenav:hover {}

/* Style des autres liens */
 
a.readon:link {} 			/* style du lien 'en savoir plus..." ou "lire la suite..." affiché pour des articles longs */
a.readon:hover {}
a.readon:visited {}
 
.back_button {} 			/* style pour le bouton "retour" */
.pagenav_prev {} 			/* style pour le bouton "précédent" */
.pagenav_next {} 			/* style pour le bouton "suivant" */
 
.latestnews ul {}			/* style pour la liste "dernières news" - par défaut, les "dernières news" sont dans le module user1 */
.latestnews li {}
 
.mostread ul{}				/* style pour la liste "plus populaires" - par défaut, les "plus populaires" sont dans le module user1 */
.mostread li{}


/* ------------------------- Paramètres des pages de contenu ------------------------- */

a.category:link {}
a.category:hover {}
a.category:visited {}

.blog						/* apparence de la table entourant le contenu central sur le front page */
.blogsection {} 			/* paramètres de liens d'une page de type blog * */
.blog_more {} 				/* style du texte "Plus..." d'une page de type blog * */
a.blogsection:link {} 		/* paramètre le format du lien */
a.blogsection:visited {} 
a.blogsection:hover {}

.article_seperator { }      /* style pour l'écartement vertical entre les articles d'une page de type blog */
 
.componentheading {}		/* style du composant utilisé pour affiché le contenu en cours */
.contentheading {} 			/* style du tire du contenu, de l'article... en cours */
.contentpane {} 			/* apparence de la table qui contient les éléments non-liés à  un article (composant, liste de catégories, formulaire de contect, etc).*/
.contentpaneopen {} 		/* apparence de la table qui contient le texte de l'article en cours */
.contentpagetitle {} 		/* style du titre du contenu, de l'article, etc. affiché */

.buttonheading {} 			/* position des boutons : "pdf", "imprimer", "envoyer à un ami" */
 
a.contentpagetitle:hover {} /* Titre des articles quand ils fonctionnent comme lien */
a.contentpagetitle:link {}
a.contentpagetitle:visited {}
 
.contentdescription {} 		/* style de la "description" des sections, catégories (news/liens web/dernières news...) */
table.contenttoc {} 		/* style de la table des matières pour des contenus ou articles à pages multiples */
table.contenttoc th {}		/* style du titre de la table des matières */
table.contenttoc td {}		/* style du contenu de la table des matières */
table.contenttoc td.toclink {} /* style du des liens dans la table des matières */
a.toclink:link {}
a.toclink:visited {}
a.toclink:hover {}
 
 
/* ------------------------- Paramètres sections Joomla! ------------------------- */

.sectiontableheader {} 		/* apparence des titres des tables */
.sectiontableentry1 {} 		/* apparence des lignes impaires des tables */
.sectiontableentry2 {} 		/* apparence des lignes paires des tables */
.sectiontablefooter {} 		/* apparence du pied de table */
 
 
/* ------------------------- Paramètres des modules Joomla! (par défaut) ------------------------- */

table.moduletable {} 		/* apparence général des modules */
table.moduletable th {} 	/* apparence du titre des modules */
table.moduletable td {} 	/* apparence du contenu des modules */
table.moduletable ul {} 	/* apparence deslistes des modules */

/* NB : selon le paramètre x d'affichage du module mosLoadModules ( 'position', x ), le titre du module est paramétré par : */

moduletable h3 {}			/* apparence du titre d'un module publié avec -2 */
div.module div div div h3 {} /* apparence du titre d'un module publié avec -3 */ 
 
/* ------------------------- Paramètres particuliers ------------------------- */
 
/* images insérées via le bot {mosimage} */

.mosimage {} 				/* style de l'image : bordure, marges... */
.mosimage_caption {} 		/* style de la légende de l'image */

/* Dates, auteurs, évaluation, etc. */

.createdate {} 				/* style de l'intitulé "créé le" si affiché */
.modifydate {} 				/* style de l'intitulé "modifié le" si affiché */
.content_rating				/* style des résultats des votes pour un article si affiché */
.small {} 					/* style employé pour la liste de liens en bas lors de l'affichage sous forme de blog */
.smalldark {} 				/* style uniquement employé (à ma connaissance) pour les intitulés "nombre de votes", "premier vote", "dernier vote" lors de l'affichage des résultats d'un sondage */

/* composant sondage */
 
.poll {} 					/* apparence du texte du module de sondage */
.pollstableborder {} 		/* apparence des bordure du sondage affiché */
 
/* composant liens web */

a.weblinks:link 			/* apparence des liens */
a.weblinks:visited {} 
a.weblinks:hover {}
 
/* composant fils d'actualité */

.newsfeedheading {} 		/* style du titre desfils d'actualité */
.newsfeeddate {} 			/* style de la date des fils d'actualité */
.fase4rdf {} 				/* style des liens des fils d'actualité */
a.fase4rdf:link {}
a.fase4rdf:visited {}
a.fase4rdf:hover {}
 
/* composant recherche */

table.searchintro {} /* Paramètre du texte affiché  de la boîte affichant "Rechercher les mots-clés ... x résultat(s) trouvé(s) au total. Rechercher ... avec Google" apparaissant après avoir fait une recherche */
  
/*  paramètres de la table contact  */

table.contact {}
table.contact td.icons {}
table.contact td.details {}
	
/*  paramètres du pathway (quand affiché)  */

.pathway {}
a.pathway,
a.pathway:visited {}
a.pathway:hover {}

/* titre du site (quand affiché)  */
	
.site_name {}

 
/* ------------------------- Paramètres l'interface d'administration Joomla! en frontend ------------------------- */
/* les CSS suivant permettent de définir l'interface d'administration en frontend (lorsqu'un utilisateur est connecté) */
 
.ontab {}					/* apparence des onglets actifs dans l'éditeur d'article en "frontend" */
.offtab {} 					/* apparence des onglets inactifs dans l'éditeur d'article en "frontend" */
.tabpadding {} 				/* défini la largeur les fenêtres de saisie (formulaire) */
.tabheading {}
.pagetext {} 				/* apparence du contenu des fenêtres de saisie du contenu */

.message { }                /* style du message envoyé par l'éditeur en frontend suite à une action de l'utilisteur, par exemple "Publication sauvegardée avec succés" */
source : http://www.joomlart.com
Last edited by mejean on Wed Jan 23, 2008 7:24 pm, edited 1 time in total.
Jérôme Bussière - simple utilisateur
www.cardabelle.net

User avatar
mejean
Joomla! Hero
Joomla! Hero
Posts: 2714
Joined: Thu Aug 18, 2005 12:28 pm
Location: viewforum.php?f=19
Contact:

Re : [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by mejean » Mon Jan 30, 2006 11:59 am

Voici un aperçu des CSS utilisé dans Joomla! mise à jour aujourd'hui. Merci d'apporter vos corrections ou compléments. Je les ajouterai au fur et à mesure ci-dessus.

Méjean

PS : Si quelqu'un à des infos et des explications sur ul#mainlevel-nav, je suis preneur  ;)
Jérôme Bussière - simple utilisateur
www.cardabelle.net

User avatar
mejean
Joomla! Hero
Joomla! Hero
Posts: 2714
Joined: Thu Aug 18, 2005 12:28 pm
Location: viewforum.php?f=19
Contact:

Re : [Créer un template] liste commentée des balises dans Jo

Post by mejean » Wed Feb 01, 2006 8:36 am

Merci à Papounet pour l'explication du style horizontal !
Pour en connaître tous les détails : http://forum.joomla.fr/showthread.php?p=28486
Jérôme Bussière - simple utilisateur
www.cardabelle.net

ghazal
Joomla! Explorer
Joomla! Explorer
Posts: 274
Joined: Fri Aug 19, 2005 12:12 pm
Location: Out of my mind ...sometimes

Re: [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by ghazal » Fri Feb 03, 2006 12:31 pm

Bravo pour la clarté des explications
Super clap clap

User avatar
mejean
Joomla! Hero
Joomla! Hero
Posts: 2714
Joined: Thu Aug 18, 2005 12:28 pm
Location: viewforum.php?f=19
Contact:

Re : [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by mejean » Tue Feb 14, 2006 9:42 pm

.module {}                  /* Paramètre des module si le style -3 est utilisé, pour des module à coins arrondis par ex. */
table.moduletable {}    /* Paramètre des module si les styles  0,1,-2 sont utilisés */
Jérôme Bussière - simple utilisateur
www.cardabelle.net

User avatar
Papounet
Joomla! Intern
Joomla! Intern
Posts: 96
Joined: Thu Aug 18, 2005 10:23 pm
Location: Au pied du Mont-Blanc
Contact:

Re: [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by Papounet » Sun Feb 19, 2006 10:07 am

Salut Méjean,

Tu sais que j'ai mis un site en ligne avec toutes les explications pour concevoir son template de A à Z.
Enfin, c'est un site de conception de tutoriel en Live.
C'est loin d'être terminé.
Bref, pour les styles CSS, je suis en pleine réflexion afin d'offrir au visiteurs une ergonomie adéquate entre les articles sur les styles, la recherche, etc.
Je pense mettre un Glossaire des styles avec lien sur l'article correspondant si il y a lieu.
Si vous pouviez me conseiller sur les composants de type Glossaire alors ça serait super...
Un petit retour du genre Avantages et inconvénient, ne pas utiliser car plus maintenus, etc.

Merci 

Papounet

PS : Il me semble qu'il manque un style dans le preview ci-dessus :
.article_seperator { /* Style pour l'écartement vertical entre les articles d'une page de type blog }
Ce style est dans une balise span qui ne contient pas de texte.
Papounet

User avatar
mejean
Joomla! Hero
Joomla! Hero
Posts: 2714
Joined: Thu Aug 18, 2005 12:28 pm
Location: viewforum.php?f=19
Contact:

Re : [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by mejean » Sun Feb 19, 2006 11:08 am

Salut Papounet,

En effet il manque

Code: Select all

.article_seperator { } /* Style pour l'écartement vertical entre les articles d'une page de type blog */
Je le rajoute de suite... je me demande si il n'en manque pas d'autres. L'extension View Rendered Chart pour Firefox est pas mal, mieux pour cela que la barre Web Developper qui ne donne pas tout.

Oui pour ton site Papounet, je l'ai mis dans les Les ressources francophones même s'il n'est pas terminé. Enfin un tutoriel pour la conception des templates en français. Je sais que tu y travailles depuis déjà quelques temps. Encore bravo pour ta patience et ton acharnement.

Pour le composant glossaire, je ne sais pas trop. Il y a Glossary (par le developper de Remository, désormais dans l'équipe de développemnt de Mambo) et RD Glossary (par Run Digital). Etant donné les ciconstances, j'opterai plutôt pour RD Glossary (disponible sur la forge Joomla!).

L'idéal pour les utilisateurs, à mon avis, serait de fournir un template de base avec des lignes commantées. Par ex. un template 3 colonnes, header, top menu et footer avec des couleurs primaires pour chaque groupes d'éléments identique (module, menu, contenu...) ; ou un article pour chaque groupe d'éléments avec des rendus différents et illustrés (module simple, module avec image, module à bords arrondis...) Bref, il y a tellement à faire...  :-\

Méjean
Jérôme Bussière - simple utilisateur
www.cardabelle.net

User avatar
Papounet
Joomla! Intern
Joomla! Intern
Posts: 96
Joined: Thu Aug 18, 2005 10:23 pm
Location: Au pied du Mont-Blanc
Contact:

Re: [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by Papounet » Wed Mar 08, 2006 3:18 pm

Salut,

Ci-dessus, nous avons ceci :
table.contenttoc td {} /* style du titre de la table des matières */
table.contenttoc th {} /* style du contenu de la table des matières */
Mon petit doigt me dit que les commentaires sont inversés.

Papounet

EDIT MEJEAN --
Juste ! Papounet : corrigé !
Last edited by mejean on Wed Mar 08, 2006 4:48 pm, edited 1 time in total.
Papounet

User avatar
Papounet
Joomla! Intern
Joomla! Intern
Posts: 96
Joined: Thu Aug 18, 2005 10:23 pm
Location: Au pied du Mont-Blanc
Contact:

Re: [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by Papounet » Wed Mar 08, 2006 3:57 pm

Salut,

Alors, ci-dessus, nous avons ceci :
/*  paramètres de la table contact  */
table.contact {}
table.contact td.icons {}
table.contact td.details {}
Mon autre petit doigt me dit que ça fait belle lurette que ce n'est plus utilisé !
Avant de poster, j'ai regardé dans les progs. Il y a pas de trace de ces styles. Ou alors faut que je change mes lunettes.
Pis de toute façon, j'ai jamais réussi à faire quoi que ce soit avec ces styles.
Bref, il y a que 2 soltions :
1. ou je suis pas bien réveillé et il faut m'expliquer comment faire
2. ou ces styles ne sont plus présent.
Il me semble que c'est la 2 qui est vraie et que cela date du jour ou del'itroduction des javascripts dans le code de ce composant !

Quelqu'un peut-il confirmer ?
Merci d'avance !
Papounet
Papounet

User avatar
mejean
Joomla! Hero
Joomla! Hero
Posts: 2714
Joined: Thu Aug 18, 2005 12:28 pm
Location: viewforum.php?f=19
Contact:

Re : [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by mejean » Wed Mar 08, 2006 5:03 pm

Salut Papounet,

En effet, je n'ai pas utilisé ces styles pour mes templates et ne m'en porte pas plus mal  :laugh:
Par contre, ils sont présents dans le temaplte rhunk_planetfall :

Code: Select all

table.contact {
	background-color: #0D1315;
}

table.contact td.icons {
	background-color: #000000;
	font-weight: bold;
}

table.contact td.details {
	background-color: #293C43;
	color: #ffffff;
	font-weight: bold;
}
Last edited by mejean on Wed Mar 08, 2006 5:16 pm, edited 1 time in total.
Jérôme Bussière - simple utilisateur
www.cardabelle.net

User avatar
mejean
Joomla! Hero
Joomla! Hero
Posts: 2714
Joined: Thu Aug 18, 2005 12:28 pm
Location: viewforum.php?f=19
Contact:

Re : [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by mejean » Wed Mar 08, 2006 5:06 pm

Mon petit doigt me dit qu'ils manque certaine chose : http://forum.joomla.org/index.php/topic ... .html&nbsp; ;)
Jérôme Bussière - simple utilisateur
www.cardabelle.net

User avatar
Papounet
Joomla! Intern
Joomla! Intern
Posts: 96
Joined: Thu Aug 18, 2005 10:23 pm
Location: Au pied du Mont-Blanc
Contact:

Re: [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by Papounet » Wed Mar 08, 2006 5:17 pm

Ben, ceux là, je les avaient presque tous.
Mais, je pense que nous ne procédons pas de la bonne façon.
Je vais terminé le modéle en cours.
Puis le publier.
Ensuite, je vais ouvrir un atelier sur le sujet.
On monte une équipe de gars un mnimum compétent et on passe tous les programmes en revue.
Enfin ceux de la version 1.1
C'est pas une bonne idée ?

Papounet

PS : Au fait, je te cite comme contributeur sur ce tutoriel. Vu que jai utilisé ton truc.
Objection votre Honneur ?
Papounet

User avatar
mejean
Joomla! Hero
Joomla! Hero
Posts: 2714
Joined: Thu Aug 18, 2005 12:28 pm
Location: viewforum.php?f=19
Contact:

Re : [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by mejean » Wed Mar 08, 2006 5:49 pm

C'est quoi ton modèle ? Un template "prêt à modifier" ? Pour tester ? Cinq minute au micro-onde et hop  :laugh:
PS : Au fait, je te cite comme contributeur sur ce tutoriel. Vu que jai utilisé ton truc.
Objection votre Honneur ?
Ca sera un honneur  ;)
Mais c'est pas vraiment mon truc. Faudra citer aussi Lexel, Zen Air Cashmere, Dragon Company d'après Dinh Viet Hung et Wee Keat Chin (faut mettre nos vrais noms ?).
Jérôme Bussière - simple utilisateur
www.cardabelle.net

User avatar
Papounet
Joomla! Intern
Joomla! Intern
Posts: 96
Joined: Thu Aug 18, 2005 10:23 pm
Location: Au pied du Mont-Blanc
Contact:

Re: [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by Papounet » Wed Mar 08, 2006 8:33 pm

Oui, je vais mettre tout le monde.
Papounet
Papounet

User avatar
Papounet
Joomla! Intern
Joomla! Intern
Posts: 96
Joined: Thu Aug 18, 2005 10:23 pm
Location: Au pied du Mont-Blanc
Contact:

Re: [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by Papounet » Wed Apr 12, 2006 9:46 am

Salut,

Je m'étais foulé le petit doigt. Mais maintenant, ça va mieux.

Il manque :

.message { } /* Style du message envoyé par l'éditeur en frontend site  une action de l'utilisteur */

Papounet
Papounet

User avatar
mejean
Joomla! Hero
Joomla! Hero
Posts: 2714
Joined: Thu Aug 18, 2005 12:28 pm
Location: viewforum.php?f=19
Contact:

Re : Re: [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by mejean » Wed Apr 12, 2006 10:03 am

[quote=&mp;quot;Papounet"\]
.message { } /* Style du message envoyé par l'éditeur en frontend site  une action de l'utilisteur */
[/quote]

Salut Papounet,

Je ne comprend pas tout, ou ton petit doigt n'est pas complètement remis ouub ein tu n'est pas encore très bien réveillé  :D
Jérôme Bussière - simple utilisateur
www.cardabelle.net

User avatar
Papounet
Joomla! Intern
Joomla! Intern
Posts: 96
Joined: Thu Aug 18, 2005 10:23 pm
Location: Au pied du Mont-Blanc
Contact:

Re: [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by Papounet » Wed Apr 12, 2006 11:17 am

Le style .message est sauf erreur de ma part absent de la liste de ton premier post.

Ce style s'applique au message publié en frontend qui te dit par exemple :
Publication sauvegardée avec succés.
Lorsque tu clic sur la disquette de l'éditeur en Frontend du site.

Es-ce que je suis plus clair maintenant ?
Papounet

User avatar
mejean
Joomla! Hero
Joomla! Hero
Posts: 2714
Joined: Thu Aug 18, 2005 12:28 pm
Location: viewforum.php?f=19
Contact:

Re : [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by mejean » Wed Apr 12, 2006 12:13 pm

Oki Papounet :laugh:, updated
Jérôme Bussière - simple utilisateur
www.cardabelle.net

User avatar
Papounet
Joomla! Intern
Joomla! Intern
Posts: 96
Joined: Thu Aug 18, 2005 10:23 pm
Location: Au pied du Mont-Blanc
Contact:

Re: [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by Papounet » Wed Apr 12, 2006 10:12 pm

Bonsoir Méjean,

J'avais pensé te faire un MP. Mais en postant ici, tout le monde va être au parfum !

J'ai décidé de ne pas diffuser mon modèle de feuille de styles.  :o
Je le garde pour moi !  :D
Des modèles existent déjà sur le WEB. Ca n'apporterit rien....  8)
Par contre, je remplace par : http://www.marzanweb.net/content/section/12/51/
Tu es cité sur cette page : http://www.marzanweb.net/content/view/204/51/
Si ça te pose problème alors je te retire, mais il me serait agréable de te conserver.

Papounet

PS : Je vais avoir besoin de plusieurs soirées pour terminer la mise en ligne. A chaque jour, il suffit sa peine.
Papounet

User avatar
mejean
Joomla! Hero
Joomla! Hero
Posts: 2714
Joined: Thu Aug 18, 2005 12:28 pm
Location: viewforum.php?f=19
Contact:

Re : [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by mejean » Thu Apr 13, 2006 7:45 am

Pas de soucis Papounet.
Pour les styles, j'ai utlisé également le travail de Dinh Viet Hung (http://www.joomlart.com)

Bon courage à toi.
Jérôme Bussière - simple utilisateur
www.cardabelle.net

thierrybo
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Sat Aug 20, 2005 10:05 am

Re: [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by thierrybo » Fri Apr 14, 2006 12:56 pm

Bonjour,

j'ai relevé également :

Code: Select all

.blog         /* appliqué à la table entourant le contenu central sur le front page */
.content_rating   /* lorsqu'on affiche le résultat des votes avec les articles */
Thierry B.
Last edited by mejean on Mon May 08, 2006 12:03 pm, edited 1 time in total.

User avatar
Papounet
Joomla! Intern
Joomla! Intern
Posts: 96
Joined: Thu Aug 18, 2005 10:23 pm
Location: Au pied du Mont-Blanc
Contact:

Re: [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by Papounet » Fri Apr 28, 2006 4:41 pm

Hello,
Je suis de retour sur ce sujet !

1. Erreur dans commentaire style tr (is not body). Voici une correction possible :
tr { }      /* Style des lignes d'un tableau */
Note : ce style est négligé par ceratins designer. c'est une erreur, car quelques modules ont du contenu qui font appel à ce style.

2. Il manque style :
th { }      /* style des balises des cellules de titre d'un tableau */
Papounet

User avatar
Papounet
Joomla! Intern
Joomla! Intern
Posts: 96
Joined: Thu Aug 18, 2005 10:23 pm
Location: Au pied du Mont-Blanc
Contact:

Re: [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by Papounet » Wed May 03, 2006 9:09 pm

Salut Méjean,

Nouveauté  ;)
pre { } /* Style général des zones de textes préformatés  (Utilisé par la zone de debogage) */
Mon post précédent est passé à la trappe ?  :'(

Il faut ajouter aussi les styles h1, h2, h3, h4, h5 et h6
Ils peuvent être utiles dans les articles....
Le style h3 est aussi utilisé dans le cas des publications de modules avec des div.
on peut éventuellement le distinguer d'un style h3 :

Code: Select all

moduletable h3 {} /*titre d'un module publié avec -2
mosLoadModules ( 'position', -2 )

  Titre du module
  Contenu du module
idem avec mosLoadModules ( 'position', -3 )

 
   
     
        Titre du module
        Contenu du module
     
   
 

Code: Select all

div.module div div div h3 {} /* titre modules publiés avec -3 */
Allez hop au boulot !

Papounet
PS : J'ai pleins de traits horizontaux sur ta liste avec Firefox ??????????????????????????????????,
Last edited by mejean on Mon May 08, 2006 12:34 pm, edited 1 time in total.
Papounet

User avatar
sebiseb
Joomla! Guru
Joomla! Guru
Posts: 697
Joined: Fri Aug 19, 2005 1:04 pm
Location: IdF - Centre
Contact:

Re : [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by sebiseb » Mon May 08, 2006 8:46 am

Merci, et Bravo pour ce boulot les gars !

Alors vous derviez pouvoir me conseiller pour les problèmes suivant. Les styles css demandant un ordre particulier de lecture, j'aimerais savoir où placer (à quel niveau) ;

1. Pour le module search, si l'on veut mettre un bouton particulier .search button {}
Paramètres de module avec les tables ? Ou composant search ? Ou ailleurs ?

2. Pour les class que l'on définit dans index.php, dans le genre #ma_class ?
Sébastien Pillias - french forum moderator

Vous êtes sur un forum d'entre aide : aidez les autres, les autres vous aideront !
Aidez-les à vous aidez en utilisant le fichier jtspost_fr.php : http://forum.joomla.org/viewtopic.php?t=272866 !

User avatar
mejean
Joomla! Hero
Joomla! Hero
Posts: 2714
Joined: Thu Aug 18, 2005 12:28 pm
Location: viewforum.php?f=19
Contact:

Re : Re: [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by mejean » Mon May 08, 2006 12:47 pm

@ Papounet,

Liste mise à jour ! Merci
Non, je ne sais pas où est ton post. Ce n'est pas moi qui l'ai rangé.

[quote=&mp;quot;Papounet"\]
PS : J'ai pleins de traits horizontaux sur ta liste avec Firefox ??????????????????????????????????,
[/quote]

Ben , ch'ais pas. Chez moi c'est OK. Range ton Firefox...

@ sebiseb

Il n'y a pas d'odre général à respecter. Mais il est toujours possible d'optimiser une feuille de style et faciliter sa lecture à un navigateur.
D'une manière générale, je dirais  de mettre des id propres à ton template car c'est eux qui régissent la disposition des "blocs", les styles généraux, puis les styles propres à Joomla! (cela répond au 2. de ta question).
Pour le 1. (le bouton search) : sais pas ??? Quelqu'un a-t-il relevé ce style. Sinon, sa position n'a pas d'importance.
Jérôme Bussière - simple utilisateur
www.cardabelle.net

User avatar
Papounet
Joomla! Intern
Joomla! Intern
Posts: 96
Joined: Thu Aug 18, 2005 10:23 pm
Location: Au pied du Mont-Blanc
Contact:

Re: [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by Papounet » Mon May 08, 2006 3:41 pm

Cool pour la mise à jour.
Malheureusement pour toi, j'en ai une plzeine cargaison de nouveau. Mais il faut de que dépiotte un minimum.

Par exemple : #overDiv { } attention au D en majuscule (Grrrr)
On le trouve dans une balise div du fichier content.html.php à la lihne 893 de la version 1.0.8
 
Il est présent dans mes newflash sur la home page de http://www.marzanweb.net/
J'avais jamais remarqué.
C'est peut être un scoop ?

Pour les styles search, je suis sur le coup en ce moment. Publication imminante...

Papounet
PS : On avance...
Papounet

User avatar
Papounet
Joomla! Intern
Joomla! Intern
Posts: 96
Joined: Thu Aug 18, 2005 10:23 pm
Location: Au pied du Mont-Blanc
Contact:

Re: [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by Papounet » Mon May 08, 2006 3:42 pm

Note : Les traits ont disparus comme ils étaient venues ????????????????????????????????????????????
??? ??? ???
Papounet

User avatar
sebiseb
Joomla! Guru
Joomla! Guru
Posts: 697
Joined: Fri Aug 19, 2005 1:04 pm
Location: IdF - Centre
Contact:

Re : [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by sebiseb » Mon May 08, 2006 4:48 pm

Les styles du module search, oui j'avais imprimé le tuto de ça à l'époque de mambofacile.. Mais j'ai jamais réussi à faire fonctionner comme je voulais. Bon, il faut dire que j'ai pas cherché beaucoup !
Merci quand même pour les réponses ;)
Sébastien Pillias - french forum moderator

Vous êtes sur un forum d'entre aide : aidez les autres, les autres vous aideront !
Aidez-les à vous aidez en utilisant le fichier jtspost_fr.php : http://forum.joomla.org/viewtopic.php?t=272866 !

User avatar
mejean
Joomla! Hero
Joomla! Hero
Posts: 2714
Joined: Thu Aug 18, 2005 12:28 pm
Location: viewforum.php?f=19
Contact:

Re : [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by mejean » Mon May 08, 2006 4:49 pm

Salut Papounet,

A la lecture de ce post de Compass, il me manque :

Code: Select all

#blockrandom
#contact_email_copy
#contact_text
#emailForm
#mod_login_password
#mod_login_remember
#mod_login_username
#poll
#search_ordering
#search_searchword
#searchphraseall
#searchphraseany
#searchphraseexact
#voteid1, #voteid2....
.adminform
.clr
.contact_email
.content_vote
.footer   
.frontpageheader   
.newsfeed   
.pollstableborder
.readon
.readon:hover
.search
.searchintro
.sectionentry1
.sectionentry2
.sectionheader
.sitetitle
.syndicate
.syndicate_text
.text_area
.weblinks
.wrapper
Il semble de

Code: Select all

.adminform
.text_area
.article_seperator
soient liés au composant content


Haaris, dans ce post, note ces classes

Code: Select all

.tabclass1
.tabclass2
dans le composant weblink

Code: Select all

.row1
.row2
dans le composant user

Code: Select all

.searchintro
.highlight
en plus dans le composant de recherche

Il semble que .sitetitle soit la classe emplyée pour le titre du site (au lieu de .site_name)

J'ai encore les classes :

Code: Select all

.latestnews
.mostread
.contact_email est lié au composant contact. Vous vous en doutiez  :D

Compass note la class .pollsborder pour le composant de sondage. Or Haaris ne le relève pas ???
Compass note les class .sectionheader, .sectionentry1, .sectionentry2, etc. IL semble que ce soit une erreur. En effet, Haaris note bien .sectiontableheader, .sectiontableentry1, .sectiontableentry2, etc. comme nous l'avons noté.
Jérôme Bussière - simple utilisateur
www.cardabelle.net

User avatar
mejean
Joomla! Hero
Joomla! Hero
Posts: 2714
Joined: Thu Aug 18, 2005 12:28 pm
Location: viewforum.php?f=19
Contact:

Re : [Créer un template] liste commentée des balises dans Joomla! 1.0

Post by mejean » Mon May 08, 2006 4:52 pm

Pour la boîte de recherche :

Code: Select all

/* ------------------------- Paramètres des formulaires ------------------------- */

.form {} 					/* permet de définir les marges (marging et padding) des formulaire pour une meilleur accessibilité (seulement pour Joomla!) */
.button  {} 				/* apparence des boutons */
.inputbox {} 				/* apparence des formulaire de saisie, par ex. le module de connexion */
.search {} 					/* apparence des <div> qui contiennent les éléments de recherche : inputbox, bouton de recherche...*/
Il semble qu'il faille rejouter

Code: Select all

.searchintro {}
.highlight {}
Pour l'affichage des résultats de la recherche
Last edited by mejean on Sun May 13, 2007 6:07 pm, edited 1 time in total.
Jérôme Bussière - simple utilisateur
www.cardabelle.net


Post Reply

Return to “1.0 - Ressources”