[Menu] ScrollBar Flat

Informations sur le fichier
Version : 1.0
Taille : Taille inconnue Date de création : Dernière modification : Nombre de téléchargements : 399 Nombre de vues : 605 Catégorie : Extras et Autres PHPBoost 4.1 Auteur : Visiteur Aucun commentaire
0 Note
Auteur : PhpCraft
Email : [email protected]
Porté par : Swan


Version de PHPBoost: V4.1.X
Information: Affiche un ScrollBar Vertical (avec Font Awesome Icons) à droite du corps du site. Cela vous permettra une navigation plus conviviale et simplifiée.
Version : 1.0

Installation



1/ Décompressez le .zip, puis transférez le dossier "root/menus/scrollbar" dans le dossier "menus" qui se trouve sur votre serveur.

2/ Rendez-vous dans " Panneau d'administration" > "Contenu" > "Menus" > "Gestion" puis activez le menu "scrollbar" placer le menu ScrollBar en Sous-entête uniquement sous le "ConnectModuleMiniMenu" .

Note d'information



Si vous avez plusieurs thèmes, transférez le dossier "root/templates/VOTRE THEME/menus" dans le dossier "root/templates/VOTRE THEME/" qui se trouve sur votre serveur.

Si le scrollbar est décalé, vous pouvez le déplacer en éditant le fichier

- menus/scrollbar/templates/scrollbar.css
- templates/VOTRE THEME/menus/scrollbar/scrollbar.css

En modifiant les positionnement de déplacement à la ligne 40 ou à la ligne 44.

Soit :

Code CSS :
 
div#scrollbar_header {
    display: block !important;
    background-color:#efefef; /* <== couleur du fond */
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
    margin-left: 1000px; /* <== déplacemet DROITE OU GAUCHE*/
    padding-left: 2px;
    position: fixed;
    text-align: center;
    top: 260px; /* <== déplacemet BAS OU HAUT */
    width: 29px;
/*box-shadow: 2px 2px 5px #656565; <== Ombre de la box optionnel */
}


A faire impérativement



1/ Éditer le body.tpl à la première ligne dans votre thème et placez le code ci dessous comme ceci :

Code TPL :
<body>
<div id="scroll_top_page"></div>


2/ Vers la fin du fichier, toujours dans votre "body.tpl" et placez le code ci dessous comme ceci :

Code TPL :
</footer>
<div id="scroll_bottom_page"></div>


Vos questions



Pour plus de détails ou en cas de soucis, veuillez vous référer au sujet sur le forum.