Tout savoir pour devenir un pro de PluXml, mais pas seulement...

Une barre des menus fixe


Rédigé par jack le 7 commentairese

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.

DClassé dans : PluXml, Thème ,Mots clés : Astuce, Css, Menu, Navigation, PluCSS, PluXml, Thème, Template

Afficher les catégories sous forme de menus déroulants


Rédigé par jack le 5 commentairese

Nous allons voir en 2 étapes comment afficher la liste des catégories dans un menu déroulants, dans la barre des menus des page statiques

1ère étape: modification du fichier thème

Éditer le fichier header.php de votre thème (exemple /themes/defaut/header.php)

Localisez les lignes suivantes


<?php $plxShow->staticList($plxShow->getLang('HOME'),'<li class="#static_status" id="#static_id"><a href="#static_url" title="#static_name">#static_name</a></li>'); ?>
<?php $plxShow->pageBlog('<li id="#page_id"><a class="#page_status" href="#page_url" title="#page_name">#page_name</a></li>'); ?>
Remplacez les par le code suivant

<?php $plxShow->staticList($plxShow->getLang('HOME'),'<li class="#static_status" id="#static_id"><a href="#static_url" title="#static_name">#static_name</a></li>'); ?>
<li class="submenus">
	<a href="#"><?php $plxShow->lang('CATEGORIES') ?> ▼</a>
	<ul>
		<?php $plxShow->catList('','<li id="#cat_id"><a class="#cat_status" href="#cat_url" title="#cat_name">#cat_name</a> (#art_nb)</li>'); ?>
	</ul>
</li>
<?php $plxShow->pageBlog('<li id="#page_id"><a class="#page_status" href="#page_url" title="#page_name">#page_name</a></li>'); ?>

2ième étape: modification de la feuille de style

Éditer le fichier theme.css de votre thème (exemple /themes/defaut/css/theme.css)

Rajoutez à la fin du fichier les lignes suivantes


.submenus ul {
    position: relative;
    left: -9999px;
    float: left;
	margin: 0;
	padding: 0;
    list-style: none;
	z-index: 999;
}
.submenus:hover ul {
	left: 0;
	color: #fff;
	background-color:#000;
}
.submenus:hover ul li {
	font-size: 0.9rem;
	clear: both;
	float: left;
	padding: 2px 10px 2px 10px;
	width: 100%;
}
.submenus:hover ul li a {
    display: inline-block;
	margin: 0;
	padding: 3px 0 3px 0;
}
.submenus:hover ul li a:hover {
	text-decoration: none;
}

Et voilà, à vous d'adapter en fonction de vos besoins et de votre thème.

DClassé dans : PluXml ,Mots clés : Css, Menu, Catégories, PluXml, Tuto, Template

Pages statiques sous forme de menus déroulant en pur css


Rédigé par jack le 14 commentairese

Envie d'afficher la liste des menus des pages statiques sous forme de menus déroulants ?

Comme on essaye toujours de faire les choses simples avec PluXml avec un minimun de modification, voici comment réaliser des listes déroulantes à partir des groupes des menus des pages statiques avec uniquement du code css.

Lire la suite de Pages statiques sous forme de menus déroulant en pur css

DClassé dans : PluXml ,Mots clés : Css, Menu, Page statique, PluXml, Tuto, Template

Afficher une icône devant les liens des flux rss


Rédigé par jack le 7 commentairese

Si vous utiliser le thème par défaut de PluXml, deux liens pour accéder aux flux rss des articles et des commentaires sont visibles dans la sidebar.

Nous allons voir comment ajouter rapidement une icône devant ces liens afin d'obtenir l'affichage suivant:

Lire la suite de Afficher une icône devant les liens des flux rss

DClassé dans : PluXml ,Mots clés : Css, Menu, Rss, Sidebar, Thème

Modifier le titre du menu "Blog"


Rédigé par jack le Aucun commentairee

Si on choisit comme page d'accueil une page statique, Pluxml crée automatiquement un menu "Blog" au niveau de la liste des pages statiques.

Voilà la modification à effectuer pour changer le titre du menu "Blog".

Lire la suite de Modifier le titre du menu "Blog"

DClassé dans : PluXml ,Mots clés : Menu, Navigation, Page statique, Thème, Tuto

Top