Topic-icon [RÉGLÉ] Personnalisation de template avec Gantry 4

Plus d'informations
17 Déc 2012 20:32 #3429 par pmediag
Réponse
C-Jay : Je suis désolé de revenir vers toi, mais je voudrais vraiment effectuer mes changements sans faire de bêtises...

Je suis parti du template de base installé avec Gantry 4, j'ai uniquement enlevé les modules et le logo, j'obtiens le résultat représenté sur l'image avant.png.

J'ai créé un fichier header-dark-custom.less dans le dossier templates/gantry/less et j'y ai mis le code suivant :
#rt-top-surround {
	background: none;
	border-bottom: none;
	box-shadow: none;
}
 
#rt-drawer {
	border-bottom: none;
}

J'obtiens alors le résultat représenté sur l'image apres.png.

Ai-je créé le bon fichier selon toi ou dois-je créer un fichier avec un autre nom pour modifier ces propriétés (je ne peux pasme baser sur les fichiers affichés par Firebug car il s'agit des fichiers less compressés) ?

Merci d'avance pour ton aide précieuse.

pmediag

Vous devez vous connecter Connexion pour prendre part à la conversation.

Plus d'informations
18 Déc 2012 18:41 - 18 Déc 2012 18:42 #3438 par C-Jay
Réponse
Hello,

je repère avec Firebug les propriétés à modifier et surtout le fichier Less qui les contient.

Non, tu ne peux pas, tu as d'ailleurs juste des master-xxx.css si tu regardes.
En fait, peu importe le fichier LESS où se situe la propriété CSS, personnellement je crée direct un fichier template-custom.less et je ne modifie que celui-là. Sache juste que tu peux le faire pour tous tes fichiers LESS (ex : typography-custom.less).

Sinon, j'utilise FileZilla et Notepad++. En faisant Afficher / Editer sous FileZilla, cela ouvre mon fichier dans Notepad++ je le modifie, je sauvegarde et cela le renvoie direct.

Merci pour tes encouragements ;-).

Je ne vois pas tes screenshots mais si tu te réfères au topic que je t'ai fait suivre, en respectant les spécificités, cela donnerait plutôt :
div#rt-top-surround {
	background: none;
	border-bottom: none;
	box-shadow: none;
}
 
div#rt-drawer {
	border-bottom: none;
}

A la recherche d'un hébergement / hébergeur Joomla spécialisé, performant et sécurisé ? Choisissez SiteGround (Nouvelles offres : -50% sur leur offre Start Up !)
Découvrez le guide Réussir son entreprise sur Internet grâce à Joomla
Découvrez le le centre de formation NosyWeb
Last edit: 18 Déc 2012 18:42 by C-Jay.

Vous devez vous connecter Connexion pour prendre part à la conversation.

Plus d'informations
18 Déc 2012 20:51 #3440 par pmediag
Réponse
Hi !

Ok, je te remercie pour les tuyaux, je créé donc une seul et unique fichier template-custom.less dans lequel je saisie mes propriétés css.

Faut-il que je désactive la compression less/css dans les paramètres de Gantry ?

Je modifie le fichier directement dans Joomla en l'éditant avec mon éditeur de code.

Merci encore pour tous tes conseils.

pmediag

Vous devez vous connecter Connexion pour prendre part à la conversation.

Plus d'informations
19 Déc 2012 19:52 #3464 par C-Jay
Réponse
Hi,

Désactive-la pour voir les modifications sans devoir vider le cache à chaque fois.

A la recherche d'un hébergement / hébergeur Joomla spécialisé, performant et sécurisé ? Choisissez SiteGround (Nouvelles offres : -50% sur leur offre Start Up !)
Découvrez le guide Réussir son entreprise sur Internet grâce à Joomla
Découvrez le le centre de formation NosyWeb
Cet utilisateur a été remercié pour son message par: pmediag

Vous devez vous connecter Connexion pour prendre part à la conversation.

Modérateurs: C-Jay
Temps de génération de la page : 0.195 secondes
Contact