Position Boite "outil" du module page
skdx Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre skdx
- Inscrit le : 07/08/2009
Je souhaiterais déplacer la position de la boîte "outil" en bas de page...
J'ai trouvé le code à modifier :
(screen si besoin )

Uploaded with ImageShack.us
Caché :
Code TPL :
<div style="margin-bottom:10px;"> <div class="dynamic_menu" style="float:right;margin-right:85px;"> <ul> # IF C_ACTIV_COM # <li> <h5 style="margin-right:20px;"><img src="{PAGES_PATH}/images/com.png" class="valign_middle" alt="" /> <a href="{U_COM}">{L_COM}</a></h5> </li> # ENDIF # # IF C_MODERATOR_AUTH # <li onmouseover="show_menu(1, 0);" onmouseout="hide_menu(0);"> <h5 style="margin-right:5px;"><img src="{PAGES_PATH}/images/tools.png" class="valign_middle" alt="" > {L_LINKS}</h5> <ul id="smenu1"> # START links_list # <li><a href="{links_list.U_ACTION}" title="{links_list.L_ACTION}" onclick="{links_list.ONCLICK}" {links_list.DM_A_CLASS}>{links_list.L_ACTION}</a></li> # END links_list # </ul> </li> # ENDIF # </ul> </div> </div>
Mais je ne sais pas trop s'il faut que j'ajoute une classe dans la page .css ou que je positionne simplement la balise <div>, j'ai essayé de positionner la <div> ça ne marche pas trop..
Donc si quelqu'un à une solution, je suis preneurs

Merci de votre aide !
Édité par skdx Le 08/09/2011 à 18h02
Never look back again
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
Il faut déplacer le div. Et ensuite avec le CSS tu l'adaptes.
skdx Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre skdx
- Inscrit le : 07/08/2009
J'ai positionné ma div comme ceci
Code HTML :
<div style="position:absolute; bottom:-200px; right:130px;">Mais sur certaine page ce n'est pas correcte ...
http://www.wataku.fr/pages/pages.php?title=recrutement
http://www.wataku.fr/pages/pages.php?title=staff
Never look back again
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
skdx Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre skdx
- Inscrit le : 07/08/2009
Never look back again
skdx Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre skdx
- Inscrit le : 07/08/2009
Never look back again
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
skdx Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre skdx
- Inscrit le : 07/08/2009

Never look back again
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
skdx Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre skdx
- Inscrit le : 07/08/2009
Par contre juste un petit bug, la boite se déroule pas complètement, c'est dû à quoi ?
Never look back again
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
skdx Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre skdx
- Inscrit le : 07/08/2009
Never look back again
skdx Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre skdx
- Inscrit le : 07/08/2009
Caché :
Code TPL :
</noscript> <div class="spacer" style="padding-bottom:15px;"> </div> {CONTENTS} <div style="margin-bottom:10px;"> <div class="dynamic_menu" style="float:right;margin-right:85px;"> <ul> # IF C_ACTIV_COM # <li> <h5 style="margin-right:20px;"><img src="{PAGES_PATH}/images/com.png" class="valign_middle" alt="" /> <a href="{U_COM}">{L_COM}</a></h5> </li> # ENDIF # # IF C_MODERATOR_AUTH # <li onmouseover="show_menu(1, 0);" onmouseout="hide_menu(0);"> <h5 style="margin-right:5px;"><img src="{PAGES_PATH}/images/tools.png" class="valign_middle" alt="" > {L_LINKS}</h5> <ul id="smenu1"> # START links_list # <li><a href="{links_list.U_ACTION}" title="{links_list.L_ACTION}" onclick="{links_list.ONCLICK}" {links_list.DM_A_CLASS}>{links_list.L_ACTION}</a></li> # END links_list # </ul> </li> # ENDIF # </ul> </div> </div> <div class="spacer"> </div> </div> <div class="module_bottom_l"></div> <div class="module_bottom_r"></div> <div class="module_bottom" style="text-align:center">{COUNT_HITS}</div> </div>
Never look back again
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
Sinon pour ton site, c'est bien je vois qu'il progresse

PS : Tu peux utiliser CSS 3 et plus particulière la propriété transition que tu fais un hover sur les menus.
skdx Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre skdx
- Inscrit le : 07/08/2009
Never look back again
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
