Référentiel id + class

Réduire
X
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Référentiel id + class

    Bonjour,
    Existe t il un document recensant les différents id et class (avec leur rôle) utilisés par Joomla pour la construction d'une feuille de style CSS
    Merci d'avance

  • #2
    Salut je ne sais plus où télécharger le fichier alor je te le livre comme ceci :
    Code:
    /* ------------------------- 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 {} /* 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" */
    A+,
    Manu.
    Développeur de FLEXIcontent : Nouveau système de gestion de contenu et CCK gratuit pour Joomla! 1.5 www.flexicontent.org
    www.vistamedia.fr : Création de sites internet professionnels sous Joomla
    *** Pas de demandes de support en MP ***

    Commentaire


    • #3
      sinon un petit tour sur joomladraft et c' est partit : )
      En premiere page en haut de la colonne left , il y a un pack CSS
      ( je t' ai mis le lien direct) .Sinon il y à plein d'info sur ce site : )
      chance et courage

      Commentaire

      Annonce

      Réduire
      1 sur 2 < >

      C'est [Réglé] et on n'en parle plus ?

      A quoi ça sert ?
      La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

      Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

      Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
      Comment ajouter la mention [Réglé] à votre discussion ?
      1 - Aller sur votre discussion et éditer votre premier message :


      2 - Cliquer sur la liste déroulante Préfixe.

      3 - Choisir le préfixe [Réglé].


      4 - Et voilà… votre discussion est désormais identifiée comme réglée.

      2 sur 2 < >

      Assistance au forum - Outil de publication d'infos de votre site

      Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

      Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

      Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

      UTILISER À VOS PROPRES RISQUES :
      L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

      Problèmes connus :
      FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

      Installation :

      1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

      Archive zip : https://github.com/AFUJ/FPA/zipball/master

      2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

      3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

      4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

      5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

      6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
      et remplacer www. votresite .com par votre nom de domaine


      Exemples:
      Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
      Télécharger le script fpa-fr.php dans: /public_html/
      Pour executer le script: http://www..com/fpa-fr.php

      Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
      Télécharger le script fpa-fr.php dans: /public_html/cms/
      Pour executer le script: http://www..com/cms/fpa-fr.php

      En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

      Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
      Voir plus
      Voir moins
      Travaille ...
      X