Pluxopolis

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

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

Rédigé par Stéphane Aucun commentaire

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="http://pluxopolis.net/tag/menu#static_url" title="#static_name">#static_name</a></li>'); ?>
<?php $plxShow->pageBlog('<li id="#page_id"><a class="#page_status" href="http://pluxopolis.net/tag/menu#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="http://pluxopolis.net/tag/menu#static_url" title="#static_name">#static_name</a></li>'); ?>
<li class="submenus">
	<a href="http://pluxopolis.net/tag/menu#"><?php $plxShow->lang('CATEGORIES') ?> ▼</a>
	<ul>
		<?php $plxShow->catList('','<li id="#cat_id"><a class="#cat_status" href="http://pluxopolis.net/tag/menu#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="http://pluxopolis.net/tag/menu#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.

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

Rédigé par Stéphane 6 commentaires

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

Ajouter un lien dans son thème vers un page statique à partir de son numéro

Rédigé par Stéphane 5 commentaires
Voici le bout de code php pour ajouter et coder en dur dans son thème pour PluXml, un lien vers une page statique à partir de son numéro d'identifiant. Le numéro d’une page statique est sur 3 caractères et est par exemple de la forme 001.

<?php
$staticId = '001';
if(isset($plxMotor->aStats[$staticId])) {
	$url = $plxMotor->urlRewrite('?static'.$staticId.'/'.$plxMotor->aStats[$staticId]['url']);
	$title = plxUtils::strCheck($plxMotor->aStats[$staticId]['name']);
	echo '<a href="http://pluxopolis.net/'.$url.'" title="'.$title.'">'.$title.'</a>';
}
?> 
Modifier la valeur de la variable $staticId avec le numéro de la page statique souhaitée (ici 001)

Pour rappel le numéro d'une page statique est à récupérer à partir de l'administration dans la gestion des pages statiques, colonne Identifiant

Vous pouvez faire un copier-coller de ce code et l'ajouter dans votre thème, par exemple dans le fichier sidebar.php

Fil RSS des articles de ce mot clé
Top