Jump to content

[RESOLU] -> SVP : Appel des div : agencement du header + footer


Recommended Posts

Bonjour à tous !

j'aimerais avoir de l'aide sur une question qui me trotte depuis qques jours.



Voila, j'aimerais changer l'ordre d'appel des DIV qui ce trouve dans le haut du site et dans le pied de page.

(voir attachement du post, j'ai fais des captures d'écran)

Pour le header:
Dans Firebug, j'ai cette ordre pour le header :



-----


-----


et j'aimerais faire appel dans cette ordre dans le header :



-----


-----




Pour le footer:
dans Firebug, j'ai cette ordre pour le footer :



-----


  • -----


et j'aimerais faire appel dans cette ordre dans le footer :



-----


-----




  • -> J'ai installer Firebug pour mieux comprendre l'agencement et l'appel des DIV, j'ai trouvé quel modification je dois faire mais pas dans quel fichier. donc si quelqu'un peux m'indiquer comment faire et surtout quel fichier modifier (car pas de trace dans le header.tpl, ni dans le footer.tpl)

    D'avance merci pour votre aide ! :-)

15812_Ag5lS13vtwzb7r56rJPd_t

15813_kybJwagP9HYIrkhKlcir_t

Share this post


Link to post
Share on other sites

Bonjour,

Les blocs peuvent se positionner directement via l'admin :

Admin/modules/positions....

Ensuite un peu de css parfois est nécessaire (surtout dans le header) pour faire ce que l'on veut.


V++

Aych

Share this post


Link to post
Share on other sites

Bonjour,

merci pour votre réponse mais cela ne repond pas à ma question... :-(

Enfaite, je connais le système de placement des Blocs dans l'admin et utilisation du CSS, mais dans mon cas, il n'est pas possible de passer par l'admin ou le CSS.

J'aimerais savoir quel fichier défini l'ordre d'appel des DIV dans mon exemple, voir ci-dessus.

Un coup de pouce seras apprécié ! merci.

Share this post


Link to post
Share on other sites

hello davzo,
le probleme c'est que l'ordre est défini en back office (dans la base de données plus exactement) et il n'y a donc pas de fichier à modifier.
Donc pas d'accès au back/base de données, pas de changement d'ordre.

Cdlt,
Pierre.

Share this post


Link to post
Share on other sites
Bonjour,

merci pour votre réponse mais cela ne repond pas à ma question... :-(

Enfaite, je connais le système de placement des Blocs dans l'admin et utilisation du CSS, mais dans mon cas, il n'est pas possible de passer par l'admin ou le CSS.

J'aimerais savoir quel fichier défini l'ordre d'appel des DIV dans mon exemple, voir ci-dessus.

Un coup de pouce seras apprécié ! merci.


Oui c'est possible...

Bon par peur de me répéter, je vais essayer d'être plus clair...

Cela se déroule en 2 étapes :

1°/ A partir de votre admin, modifier la position des blocks afin d'avoir l'ordre logique d'apparition des modules.
1-a°/ Greffer le module logo paiement dans le footer et le positionner devant le block various link.
2-b°/ Positionner le bloc info user devant recherche rapide dans le hook top of page

2°/ Ajustement avec le CSS
Le header :

Cherchez dans global css
#header #header_user {
clear:left;
margin:0.6em 0.6em 0 0;
text-align:right;
width:99%;
}



et modifiez le comme suit :

#header #header_user {
float:left;
margin:0.6em 0.6em 0 0;
text-align:right;
}



Magique non, je vous laisse le soin d'ajuster les blocs pour les alignements....

le footer :
meme punition cherchezr dans le global css :

div.paiement_logo_block {
margin-bottom:1.5em;
text-align:center;
width:191px;
}



et ajoutez un float : left ;

div.paiement_logo_block {
float:left;
margin-bottom:1.5em;
text-align:center;
width:191px;
}



et tout cela sans toucher à aucun TPL...

Voir capture ci-jointe.

V++

Atch

Share this post


Link to post
Share on other sites

Muchas gracias !!!! :-)

vous me faites bien plaisir car j'avais jamais fais gaf à ces petite flèches dans le menu admin. (voir fichier joint)

Yoya971, merci pour l'explication sur les div visibles que dans la base de données, car je commençais a ne plus rien comprendre, aucun des fichiers tpl ne comportais le nom de ces Div.

Atch, un grand merci pour l'explication détaillé, en plus avec la couche CSS, la classe.

A++

remarque: J'ai du rater quelque chose car dans aucune doc, wiki, forum que j'ai lu, je n'ai vu quelqu'un parlé de ces fameuses petites flèches. Je trouve qu'elles sont super importante pour agencer la boutique...

16008_waoYEz8WGJpswknN0aSl_t

Share this post


Link to post
Share on other sites

Encore mieux et plus rapide, utilisez la fonction drag and drop.. qui littéralement veut dire glisser déposer ou cliquer-glisser aussi lol.

Cliquez sur la ligne à coté de la flèche noir, une croix apparait, et déplacer la ligne où vous le souhaitez...c'est plus rapide, non?

V++

Atch

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More