Aides sur les thèmes PHPBoost Skinner le Fil d'ariane dans PHPBoost
Introduction
Vous souhaitez avoir un fil d'ariane personnalisée sur votre site créez sous PHPBoost ? Pas de problème, suivez les quelques étapes du tutoriel édicté ci-dessous.
Screenshot
Plutôt pas mal non ?
Première partie; Le CSS.
- Ouvrez votre fichier design.css
- Chercher la propriété #links{ supprimer son contenu et remplacer par
Code CSS :
#links{ overflow: hidden; width: 100%; text-indent:10px; margin-bottom:20px; } #links li{ float: left; margin: 0 .5em 0 1em; } #links a{ background: #ddd; padding: .7em 1em; float: left; text-decoration: none; color: #444; text-shadow: 0 1px 0 rgba(255,255,255,.5); position: relative; } #links a:hover{ background: #efc9ab; } #links a::before, #links a::after{ content:''; position:absolute; top: 0; bottom: 0; width: 1em; background: #ddd; transform: skew(-10deg); } #links a::before{ left: -.5em; border-radius: 5px 0 0 5px; } #links a:hover::before{ background: #efc9ab; } #links a::after{ right: -.5em; border-radius: 0 5px 5px 0; } #links a:hover::after{ background: #efc9ab; } #links .current, #links .current:hover{ font-weight: bold; background: none; } #links .current::after, #links .current::before{ content: normal; }
Deuxième partie; Le TPL
Attention, nous allons supprimer certaines parties présentes de votre header.tpl.
- Ouvrez le fichier header.tpl, celui-ci est présent dans /votre-compte/templates/base/header.tpl
- Allez à la ligne 107 et supprimer cela : Code TPL :
<img src="{PATH_TO_ROOT}/templates/{THEME}/images/breadcrumb.png" alt="" class="valign_middle" />
- Cela supprime l'image présente dans le fil d'ariane par défaut, on ne va pas en avoir besoin, sinon notre fil d'ariane aura un joli bug .
- Enregistrer le fichier, et supprimer le cache de PBT.
Bonjour,
Le fil d’Ariane est le même que dans le thème Actiweb2.0 :
http://easy-design.net/download/download-401+theme-actiweb2-0.php
*voir les previews
Swan
Le fil d’Ariane est le même que dans le thème Actiweb2.0 :
http://easy-design.net/download/download-401+theme-actiweb2-0.php
*voir les previews
Swan
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie