Une barre des menus fixe

Rédigé par jack 7 commentaires
Classé dans : PluXml, Thème Mots clés : Astuce, Css, Menu, Navigation, PluCSS, PluXml, Thème, Template

Pour remplacer la barre actuelle des menus dans le thème par défaut de PluXml 5.6 et la rendre fixe, éditez le fichier themes/defaut/css/theme.css et remplacer les lignes suivantes:

.nav {
	background-color: #fff;
	height: 4rem;
	text-align: left;
	margin-top: 1rem;
}
par

.nav {
	background-color: #fbfbfb;
	height: 4rem;
	text-align: center;
	padding-top: 0.5rem;
	position: fixed;
	width: 100%;
	z-index: 1;
	border-bottom: 1px #eee solid;
}
La barre sera ainsi fixe en haut de l'écran lors de l'utilistion du scroll vertical à la souris et les menus seront centrés.

Ajouter une aide aux thèmes de PluXml 5.5+

Rédigé par jack 1 commentaire
Classé dans : PluXml Mots clés : Administration, Thème

Avec le gestionnaire de thème apparu depuis la version 5.5 de PluXml, il est possible d'ajouter une aide aux thèmes, visible sous forme d'un lien Aide au niveau du descriptif du thème. Cet aide peut servir par exemple à indiquer à l'utilisateur des pré-requis, comme les plugins à installer pour le bon fonctionnement du thème.

Nous allons voir quel fichier utiliser et comment le renseigner pour afficher l'aide d'un thème.

Lire la suite de Ajouter une aide aux thèmes de PluXml 5.5+

Positionner l'image d'accroche à gauche ou à droite du chapô

Rédigé par jack 1 commentaire
Classé dans : PluXml, Bout de code Mots clés : Astuce, Css, PluXml, Thème

L'image d'accroche est une nouvelle fonctionnalité de PluXml 5.5 qui permet d'illustrer un article avec une image. L'ajout de l'image se fait facilement grâce aux champs prévus au niveau de l'écran de rédaction d'un article.

Une fois la mise en forme de l'affichage mise en place au niveau du thème, la présentation sera identique pour chaque article. Ce qui facilite la publication pour avoir une présentation homogène à chaque article.

Nous allons voir comment positionner cette image d'accroche à droite ou à gauche du chapô, simplement à partir de quelques lignes de code css à rajouter dans le fichier theme.css de son thème

Lire la suite de Positionner l'image d'accroche à gauche ou à droite du chapô

Fil RSS des articles de ce mot clé
Top