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

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 les articles sur 2 colonnes


Rédigé par jack le Aucun commentairee

Grâce au CSS3 il est simple et rapide d'afficher les articles sur plusieurs colonnes.
Juste quelques lignes de code dans la feuille de style de son thème sont nécessaires pour changer la disposition du contenu des articles.

Lire la suite de Afficher les articles sur 2 colonnes

DClassé dans : PluXml ,Mots clés : Article, Css, PluXml, Tuto, Thème

CKEditor: comment changer la langue du correcteur orthographique


Rédigé par jack le 1 commentairee

La manipulation pour changer la langue à utiliser dans le correcteur d'orthographe intégré de CKEditor est simple et rapide:
Cliquez sur l'icone ABC puis sélectionner le menu Langues

Dans l'onglet Langues, sélectionner la langue à utiliser

DClassé dans : PluXml, Documentation ,Mots clés : CKEditor, Tuto, PluXml

Afficher la description des catégories que sur la première page


Rédigé par jack le 1 commentairee

La description d'une catégories est affichée dans le thème par défaut grâce à l'instruction suivante:

<?php $plxShow->catDescription(' : #cat_description'); ?>
Cette description est visible lorsque l'on consulte les articles par catégorie, quelque soit le numéro de page en cours.

Pour restreindre l'affichage de la description uniquement à la première page de la catégorie, éditez le fichier categorie.php stocké dans le dossier de votre thème et utilisez à la place le code suivant.

<?php 
	if($plxShow->plxMotor->page==1) {
		$plxShow->catDescription(' : #cat_description'); 
	}
?>
Ainsi lorsque vous paginez vers la page 2 et les pages suivantes, la description de la catégorie visitée ne sera pas affichée.

DClassé dans : PluXml, Bout de code ,Mots clés : Catégorie, PluXml, Snippet, Tuto

Top