Thème par défaut: installer une bannière sous le logo de PluXml
Rédigé par jack le 10 commentairese
Nous allons voir comment installer une image en guise de bannière dans le thème par défaut de PluXml 5.6, de manière à remplacer :par :
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 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
Connaître le statut d'un plugin coté visiteur
Rédigé par jack le 3 commentairese
Bout de code donné récemment sur le forum de http://pluxml.org pour tester l'activation d'un plugin coté visiteur.
<?php
if(isset($plxMotor->plxPlugins->aPlugins['nom_du_plugin']))
echo "plugin actif";
else
echo "plugin inexistant ou inactif";
?>
Remplacer "nom_du_plugin" par le nom du plugin à tester (ex: plxMyContact)
Quand un plugin est activé, il apparaît dans le tableau $plxMotor->plxPlugins->aPlugins
Il suffit alors de tester si l'index de tableau existe.
PS: Pour le même test coté administration, remplacer $plxMotor par $plxAdmin
DClassé dans : PluXml, Bout de code ,Mots clés : Snippet, PluXml
Remplacer le lien "Lire la suite" par une image
Rédigé par jack le Aucun commentairee
Seules quelques lignes de code css sont à rajouter dans la feuille de style de son thème pour remplacer le lien "Lire la suite" par une image. Voyons en détail comment faire...
Lire la suite de Remplacer le lien "Lire la suite" par une image
DClassé dans : PluXml ,Mots clés : Css, PluXml, Snippet, Thème