Petit ascenseur sur le coté.
benflovideo Membre non connecté
-
Modérateur
- Voir le profil du membre benflovideo
- Inscrit le : 13/03/2010
- Groupes :
-
Equipe Modération
-
Equipe Communication
J'aimerais savoir (si possible bien sur), comment avoir le petit ascenseur sur le coté ( à droite en vert sur ce site)avec les eux flèches, le lien vers la page d'accueil et le lien vers les message privé ?
Merci.
KONA Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
Il faut ouvrir header.tpl , footer.tpl et design.css
Ouvre header.tpl et place :
Au dessus de :
Code TPL :
<div id="global">
Puis dans le même fichier , chercher :
Code TPL :
<div id="main">placer en dessous :
Code TPL :
<div id="links_vertical"> <div id="links_vertical_top"> <p style="margin: 0px;"><img alt="" src="/templates/{THEME}/images/top.png" style="cursor: pointer;" onclick="new Effect.ScrollTo('scroll_top_page',{duration:1.2}); return false;"></p> <hr style="width: 50%; margin: auto;"> </div> <div id="links_vertical_central"> <p style="margin: 0pt;"><a href="/news/news.php"><img alt="" src="/templates/{THEME}/images/admin/admin_mini.png"></a></p> <p style="margin: 0pt;"><a title="Mon profil" class="small_link" href="/member/member-94.php?view=1"><img class="valign_middle" alt="" src="/templates/{THEME}/images/admin/members_mini.png"></a></p> <p style="margin: 0pt;"><a title="Messagerie privée" class="small_link" href="/member/pm-94.php"><img alt="" class="valign_middle" src="/templates/{THEME}/images/pm_mini.png"></a></p> <hr style="width: 50%; margin: 7px auto auto;"> </div> <div id="links_vertical_bottom"> <p style="margin: 0pt;"><img alt="" src="/templates/{THEME}/images/bottom.png" style="cursor: pointer;" onclick="new Effect.ScrollTo('scroll_bottom_page',{duration:1.2}); return false;"></p> </div> </div>
Maintenant faut éditer footer.tpl , chercher la balise </body> et placer au dessus :
Et le dernier fichier design.css :
Placer en fin de page :
Code CSS :
/* ##### Liens rapides ###### */ div#links_vertical { display:block !important; display:none; position:fixed; -moz-border-radius:5px; background:url(images/vertical_menu.png) repeat-y; top:50%; float:right; width:34px; text-align:center; padding-left:2px; } div#links_vertical_top { width:34px; height:29px; background:url(images/vertical_menu_top.png) no-repeat; text-align:center; margin-left:-2px; padding-top:8px; } div#links_vertical_central { width:27px; text-align:center; margin-left:-2px; padding:4px 0px; } div#links_vertical_bottom { width:34px; height:29px; background:url(images/vertical_menu_bottom.png) no-repeat; text-align:center; margin-left:-2px; }
Il faut vérifié si tu as bien les images vertical_menu_bottom et les deux autres .
benflovideo Membre non connecté
-
Modérateur
- Voir le profil du membre benflovideo
- Inscrit le : 13/03/2010
- Groupes :
-
Equipe Modération
-
Equipe Communication
ça fonctionne pas...J'ai mis les codes et pour les images, j'ai fait enregistrer sous et j'ai pris les votre, mais rien??
Édité par benflovideo Le 06/04/2010 à 13h10
KONA Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
Les images ne sont pas dans le bon répertoire faut quelles soit dans ..templates/totnhèeme/theme/images/
benflovideo Membre non connecté
-
Modérateur
- Voir le profil du membre benflovideo
- Inscrit le : 13/03/2010
- Groupes :
-
Equipe Modération
-
Equipe Communication
KONA Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
benflovideo Membre non connecté
-
Modérateur
- Voir le profil du membre benflovideo
- Inscrit le : 13/03/2010
- Groupes :
-
Equipe Modération
-
Equipe Communication
Alors, ça fonctionne mais il me manque le fond vert...(bleu si on peut changer, ce serait cool) et ça fonctionne que sur le forum, pas le site en entier.
Édité par benflovideo Le 07/04/2010 à 08h33
dapplepom Membre non connecté
Booster Minigun
-
Booster Minigun
- Voir le profil du membre dapplepom
- Inscrit le : 20/11/2011
- Site internet
Comment as tu fais pour l'intégrer sur toutes les pages du site stp?
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
