Ajouter un fichier custom.css au template Beez 3

28 décembre 2015 Écrit par  Informaticien51
Cacher / Afficher l'index
Évaluer cet élément
(0 Votes)

Le but de ce tutoriel (très très court) est de vous expliquer comment ajouter un fichier css qui vous permettras de sauvegarder les règles spécifique à votre site.

Comment insérer un fichier custom.css dans le template Beez 3 ?

LE fichier ne doit pas se nommer custom.css, comme sous Protostar, mais user.css.

Quand vous utilisez le template Beez 3, pour sauvegarder vos modifications, il faut créer un fichier user.css dans le dossier css du template Beez 3.

Ce fichier doit contenir toutes les règles css que vous souhaitez modifier sur votre site.

Ceci est la seule chose à faire car le code suivant est visible juste au dessus de la balise body.

  // Check for a custom CSS file
$userCss = JPATH_SITE . '/templates/' . $this->template . '/css/user.css';

  if (file_exists($userCss) && filesize($userCss) > 0)
{
	$doc->addStyleSheetVersion('templates/' . $this->template . '/css/user.css');
}

La traduction de ce code est la suivante :

Si le fichier user.css existe et n'est pas vide { alors on le charges}.

Toutes les règles css écrites dans ce fichier prendront le pas sur les règles éxistante.

Ce fichier n' existant pas dans l'installation de base, il n'est pas écrasé lors des mises à jour.

2131 Dernière modification le lundi, 28 décembre 2015 09:39
Plus dans cette catégorie :

1 Commentaire

  • Marc Paris Lien vers le commentaire Rapporter
    Marc Paris 30 décembre 2015, 11:36
    "Ajouter un fichier custom.css au template Beez 3"
    Lorsque je regarde le code du fichier index.php du template, le code n'est pas celui indiqué dans le tuto. On trouve à la place, le code suivant:
    if ($this->direction == 'rtl')
    {
    $doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/template_rtl.css');
    if (file_exists(JPATH_SITE . '/templates/' . $this->template . '/css/' . $color . '_rtl.css'))
    {
    $doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/' . htmlspecialchars($color) . '_rtl.css');
    }
    }

Si vous avez des questions, des suggestions quand à l'amélioration du contenu, telles que des liens pertinents et utile, n'hesitez pas à enrichir ce document, vos retours peuvent aussi être très utiles :