[Résolu]Position Des Éléments De Top Page.

[jdespringer]

Bonjour,

Je n'ai pas trouvé de renseignements utiles pour ce que je cherche, j'ai bien des pistes mais malheureusement ça reste incomplet. Alors voici mon objectif.

Je voudrais que mon top de page soit modifié de manière à réduire l'espace au-dessus de la barre de menu horizontale.

Comme rien ne vaut un bon schéma, je joins une image de ce que j'ai (en haut de l'image) et de ce que je souhaite (en bas de l'image, merci Corel...)

Je voudrais savoir quels fichiers je dois modifier et surtout comment sans faire de bêtise.

Soyez indulgent, je ne suis pas un pro.

Version prestashop : 1.5.3.1.

Theme : default

 

Et vraiment si il y a des gens doués, j'aimerais avoir une liste verticale des produits par mouse over des catégories les plus à droite de la colonne de gauche. Mais bon. voyons d'abord l'esthétique.

 

Merci à toutes et tous.

Jean-Luc

Edited March 4, 2013 by jdespringer (see edit history)

[jdespringer]

Je viens de re-fouiller le forum et rien ne m'aide malheureusement.

Quelqu'un pour m'orienter ?

[Bondaty and Co]

Dans 1er temps, adaptez la largeur de votre header-right par rapport à votre largeur de logo afin que les blocs de droite remonte header-right+logo=largeur du header.

assignez un float:right et position:relative à votre div search dans modules/blocksearch/blocksearch.css ligne 2

vous devriez approcher

[jdespringer]

Merci Muche, j'en découds avec Paypal et j'essaye votre approche.

[jdespringer]

Bon, on dirait que je ne suis pas doué pour ça. Comme je n'ai pas trouvé où changer les largeurs, j'ai bidouillé dans différents tpl et css mais sans succès. J'ai donc tout remis comme d'origine. Serait-ce la version 1.5.3.1 qui est plus compliquée ou moi qui cherche mal ?

Ma dure réalité (honte) : quels sont les fichiers à changer exactement et comment ?

Merci.

[jdespringer]

J'y suis arrivé grâce à un complément d'aide qui concerne une autre demande pour un autre template :

 

First go to themes/purepetshop1.0/ css and edit the global .css file find the heading #header_right and add this:

 

float:right ;

margin-top: -100px ; (be sure to add semicolon at end of line above where you add this)

margin-right: 10px ;

 

Now you will need to change the text color,

go to themes/purepetshop1.0/ css/ modules/ blockpermanentlinks/ and edit blockpermanentlinks.css

find this heading #header_links a and add

 

color:yellow ; (or your color choice) (remember to add semicolon to line above)

 

Now you need to change the rest of the text colors go to

themes/purepetshop1.0/ css/ modules/ blockuserinfo/ and edit blockuserinfo.css

find the heading #header_user_info and add

 

color:yellow ; (remember the semicolon to line above)

 

Now same file find the heading #header_user_info A. login and A. logout and add (to each)

 

color:yellow ; (mem simi colon above)

 

Merci Muche et tdr170

Edited March 4, 2013 by jdespringer (see edit history)