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

[davzo]

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 ! :-)

[Atch]

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

[davzo]

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.

[davzo]

Up... :down:

[Yoya]

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.

[Atch]

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

[davzo]

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...

[Atch]

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

[davzo]

Oui ça marche aussi,
Thanks !