Comment modifier le code d'un modèle de joomla

category Internet & médias sociaux / Web design & développement / La gestion de contenu de site Web

Vous pouvez obtenir en HTML et CSS code réel d'un modèle de Joomla via sa page Personnaliser modèle, qui contient des boutons Modifier le code HTML et CSS Modifier. Cliquez sur le fichier CSS que vous êtes intéressé à travailler avec pour afficher le code HTML ou CSS du modèle.

image0.jpg

Lorsque vous personnalisez un modèle dans Joomla, vous faites généralement des modifications à son code CSS.

Pour ouvrir le fichier CSS d'un modèle à modifier, procédez comme suit:

  1. Dans la page Détails du modèle, cliquez sur le bouton Modifier CSS.




    La page Customize Template ouvre. Cette page répertorie les fichiers CSS associés au modèle - le plus souvent, beaucoup d'entre eux.

    image1.jpg

  2. Cliquez sur le nom du style que vous souhaitez modifier.

    Le fichier CSS de Le style (template.css) Ouvre pour modification dans Template Manager.

    image2.jpg

La template.css fichier est longue - environ 16 pages - et qui est juste l'un des fichiers qui va dans un modèle de Joomla. Il est un fichier CSS bona fide, et voici comment ça commence:

/ ***************************** // *** Base Configuration HTML tout *** // ****** *********************** / html {height: 100% -margin-bottom: 1px;} forme {margin: 0-padding: 0-} corps {font-family: Helvetica, Arial, sans-serif-line-height: 1.3em-margin: 0px 0px 0px 0px; font-size: 12px; color: # 333-} a: link, a: visited {text-decoration : none; font-weight: normal-} a: hover {text-decoration: underline-font-weight: normal-} {input.button curseur: pointeur-} p {margin-top: 0- margin-bottom: 5px; } img {border: 0 none; } / ***************************************** // *** Modèle spécifique éléments disposition *** // ***************************************** / # page_bg {padding: 10px 0-margin-bottom: 1px;} {div.center text-align: Center-} div # wrapper {margin-left: auto-margin-right: auto} body.width_medium div # wrapper {width : 950px;} ...

Malheureusement, pour modifier ce fichier, vous devez vraiment savoir ce que vous faites en CSS pour faire vos propres modifications. (Un bon éditeur de code WYSIWYG intégré à Joomla serait formidable pour cette situation.)

Il ya beaucoup de débat quant à savoir si il est préférable d'utiliser des tables HTML ou CSS pour organiser composants et modules dans Joomla Templates- deux côtés de l'argument ont des points forts.

Tableaux HTML, par exemple, sont des structures assez rigides qui font qu'il est difficile pour les moteurs de recherche pour comprendre le contenu de votre page. Implémentations de CSS, d'autre part, varient considérablement d'un navigateur à, et certains anciens navigateurs vous permettent d'utiliser seulement CSS minime. Le modèle Beez dans Joomla est un exemple d'un modèle tableless CSS.

Comme vous pouvez le voir, la personnalisation vraiment un modèle de Joomla est pas quelque chose à prendre à la légère. Alors, comment obtenez-vous le modèle que vous voulez? Vous pouvez le télécharger. Il existe des modèles Joomla ligne. Certains sont gratuits tandis que d'autres exigent des frais minimes pour télécharger.

Articles Similaires

A propos Auteur
Comment modifier les dispositions en CSS3 Comment modifier les dispositions en CSS3

Il paie pour essayer quelques-uns des dispositions de CSS3 pour voir ce que vous voulez faire avec eux avant de commencer à créer un projet de production. Copiez le code source de l'exemple sur le site Dynamic Drive et le placer dans des fichiers…

Comment faire pour coiffer les paragraphes, les titres, et les pieds avec CSS3 Comment faire pour coiffer les paragraphes, les titres, et les pieds avec CSS3

Lorsque vous êtes style paragraphes, titres, et pieds de page, la plupart des travaux peuvent être automatiquement accompli par la création de styles tag Redéfinir pour le tag et cependant de nombreuses balises de titre que vous souhaitez…

Mise en place en html css Mise en place en html css

CSS est un langage de feuille de style utilisée pour définir l'apparence et le formatage d'un document écrit dans un langage de balisage - souvent HTML. UN style en ce sens, est un ensemble de formatage de texte des instructions, telles que la…

Joomla commun! Tâches Joomla commun! Tâches

Comprendre comment naviguer dans Joomla 1.6 rend la construction d'un grand-regarder site Web interactif facile. Maintenir l'intérêt des téléspectateurs piqué en utilisant les conseils suivants lorsque vous concevez des sites Web avec Joomla…

Comment joomla modèles assurer que vos pages sont seo Comment joomla modèles assurer que vos pages sont seo

Joomla templates modernes (version 1.6 ou plus récente) sont conçus pour être moteur de recherche convivial (SEF). Dans les anciennes versions de Joomla tels que la version 1.5, les modèles ont été basés sur des tables HTML, qui sont…

Comment accéder à Joomla! Les gestionnaires de 1,6 Comment accéder à Joomla! Les gestionnaires de 1,6

Dans le cours de la construction et le maintien d'un site Web avec Joomla! 1.6, vous pouvez vous retrouver à travailler avec les différents gestionnaires sur une base régulière. Ce guide de référence rapide illustre un moyen rapide et facile…

Comment personnaliser un modèle dans Joomla Comment personnaliser un modèle dans Joomla

Selon le modèle vous travaillez avec dans Joomla, vous pouvez avoir un certain nombre d'options de personnalisation disponibles pour vous, ou très peu. La seule façon de savoir qui est le cas est de regarder. Pour ce faire, accédez au…

Comment télécharger une extension de joomla Comment télécharger une extension de joomla

Parmi les milliers d'extensions Joomla disponibles sur le Répertoire Extension Joomla (JED), que vous avez sélectionné un qui est parfait pour votre site. Maintenant, tout ce que vous avez à faire est de le télécharger.Pour télécharger une…

Comment trouver et télécharger des modèles de joomla sur internet Comment trouver et télécharger des modèles de joomla sur internet

Aimeriez-vous d'utiliser un modèle qui offre plus de couleur et de piquant que les modèles intégrés dans Joomla? Vous pouvez obtenir des modèles fantaisie par centaines sur l'Internet et les installer dans Joomla, parce Joomla est construit…

Comment installer une extension avec Joomla! 1.6 Comment installer une extension avec Joomla! 1.6

Merci à la communauté sans cesse croissante de Joomla! utilisateurs et les développeurs, il ya littéralement des milliers d'extensions que vous pouvez télécharger et installer pour étendre les fonctionnalités de votre site Joomla! site. Avec…

Vue d'ensemble des modèles pour formater sites joomla Vue d'ensemble des modèles pour formater sites joomla

Joomla a intégré éditeurs HTML qui vous permettent de formater des articles comme vous le souhaitez, mais il a pas officiellement sanctionnée éditeur qui vous permet de créer vos propres modèles. La façon dont vos pages individuelles sont…

Vue d'ensemble des onglets dans le gestionnaire de modèle de joomla Vue d'ensemble des onglets dans le gestionnaire de modèle de joomla

Template Manager de Joomla possède deux onglets en haut à gauche de la page: L'onglet Styles et l'onglet Modèles. Lorsque vous installez un modèle dans Joomla, il est ajouté à l'onglet Modèles et une entrée de style est ajouté à l'onglet…

Dix meilleurs sites modèle joomla Dix meilleurs sites modèle joomla

Joomla est livré avec quelques modèles intégrés, mais les gens collent rarement avec ceux-ci. Au lieu de cela, ils téléchargent et installent des modèles à partir d'Internet. Les sites gratuits sont les plus populaires, mais ne négligent…

Comment aligner les images dans un blog wordpress Comment aligner les images dans un blog wordpress

Lorsque vous téléchargez votre image, vous pouvez définir l'alignement de votre image comme Aucun, Gauche, Centre ou Droite. Le thème WordPress vous utilisez, cependant, ne peut pas avoir ces styles d'alignement dans sa feuille de style. Si vous…

» » » » Comment modifier le code d'un modèle de joomla