Pluxopolis

Tutoriels sur la création de thèmes.

Rédigé par gccyrillus le 02 juin 2025 Aucun commentairee

Les articles expliquent en étapes le comment du pourquoi

Les premiers articles concernent les fichiers et leur contenus

Les derniers abordent l'affichage avec des feuilles de styles maison ou issues d'un framework.

Lire la suite de Tutoriels sur la création de thèmes.

DClassé dans : Actualité ,Mots clés : Tutoriels, Thème, Thèmes, Tuto, Template, Templates, Création

Privatiser PluXml sans plugins

Rédigé par gccyrillus le 30 novembre 2024 8 commentairese

Il existe plusieurs plugins destiné à privatiser en tout ou partie PluXml, mais saviez-vous que vous pouviez le faire depuis votre thème?

3 fichiers viennent récemment d'être proposés sur le forum

3 pour 3 options de privatisations.

Lire la suite de Privatiser PluXml sans plugins

DClassé dans : Bout de code, Thème ,Mots clés : Thème, Scripts, Tuto, Template

Thème par défaut: installer une bannière sous le logo de PluXml

Rédigé par jack le 12 juin 2017 10 commentairese

Lire la suite de Thème par défaut: installer une bannière sous le logo de PluXml

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

Une barre des menus fixe

Rédigé par jack le 31 mai 2017 7 commentairese

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

.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;
}

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 19 janvier 2017 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>'); ?>

<?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