Forum - GuppY 5.0 - Vos questions - Question sur le header

Nombre de membres 34 membres
Connectés : ( personne )
Snif !!!
 

actif  Sujet n° 156

le 06/03/2014 @ 07:54
par rod

rod



Bonjour Sabine,

Pour personnaliser le header sous Guppy 4.6, je modifiais #headTop et #headBottom.

Il me semble que dans la v5 #headTop devient #TopBoxes mais que devient #headBottom ?

Merci.
Site web rod
Poster une réponse Haut  

Réponse n° 1
--------
le 06/03/2014 @ 09:17
par Sabine

Sabine



Bonjour Rod,
#headBottom a disparu... Dans l'entête, on peut ajouter un nombre illimité de lignes, il est donc difficile de distinguer le haut et le bas car les possibilités de combinaisons sont devenues très nombreuses.
Ceci dit, selon l'apparence de la skin, on peut mettre une image en bas de #TopBoxes ou agrandir la hauteur de #header... enfin, il y a plusieurs possibilités.
Sabine
Site web Sabine
Poster une réponse Haut  
Réponse n° 2
--------
le 06/03/2014 @ 11:10
par rod

rod

visiteur

En fait je voudrais augmenter cet espace (juste en dessous du header)...
Rectifié par rod le 06/03/2014 @ 11:11
Site web rod
Poster une réponse Haut  
Réponse n° 3
--------
le 06/03/2014 @ 11:15
par Sabine

Sabine



Dans ce cas, il faut ajouter une marge en haut (margin-top) à #MainContent.
Sabine
Site web Sabine
Poster une réponse Haut  
Réponse n° 4
--------
le 06/03/2014 @ 11:24
par rod

rod

visiteur

Merci pour l'info !
margin: 15px 0px 4px 4px; (à la place de margin:0 4px;) est bien équivalent à un margin-top ?
Site web rod
Poster une réponse Haut  
Réponse n° 5
--------
le 06/03/2014 @ 19:21
par Sabine

Sabine



Re-bonjour !

En fait, il faut agrandir la hauteur de #TopBoxes :
      height: 300px;

Et pour le menu déroulant, il faudrait modifier (faire un copier-coller) des lignes ci-dessous:
 
Code : css
/********************
* Menus déroulants */

.tbl.DDH683, .tblover.DDH683
{
background: transparent;
border-radius: 0px;
border: 0px;
}
ul.dropdown
{
font-weight: bold;
list-style: none;
margin: 0;
padding: 0;
position: relative;
float: left;
}
ul.dropdown li
{
padding: 7px 10px;
border: 1px solid #FFFFFF;
background-color: #e7830d; /*orange*/
color: #000;
list-style: none;
margin: 0;
float: left;
line-height: 1.3em;
vertical-align: middle;
}
ul.dropdown li:hover
{
background-color: #facb10; /*jaune*/
color: #000;
position: relative;
z-index: 599;
cursor: pointer;
}
Ces lignes sont celles du début des paramètres du menu déroulant, ce n'est pas nécessaire de modifier les autres (à priori).

 Évidemment, tu peux changer les couleurs !

Sabine
Site web Sabine
Poster une réponse Haut  
Réponse n° 6
--------
le 06/03/2014 @ 19:56
par rod

rod

visiteur

Bonsoir Sabine,

Tu anticipes mes demandes. Je suis justement en train de travailler sur le menu déroulant.
1) J'ai pourtant mis un "§" devant le nom du menu, mais la boîte titre semble toujours là...
2) J'aimerais ne pas agrandir la hauteur de #TopBoxes mais déplacer (en le centrant) mon menu : est-ce possible ?


Par contre je ne vois pas quelles lignes doivent remplacer celles que tu me proposes : elles ne correspondent pas à celle proposées dans le tuto "style de menu horizontal"

Merci et bonne nuit.
Site web rod
Poster une réponse Haut  
Réponse n° 7
--------
le 07/03/2014 @ 06:42
par Sabine

Sabine



Bonjour,

Pour les lignes du menu déroulant, c'est vers la ligne 764 de style.css.

Ces lignes sont les attributs généraux des menus déroulants. Celles du tuto sont pour une plus grande personnalisation (et je dois faire quelques petites modifications sur ce que j'ai indiqué... je prévois m'en occuper ce week-end).

Dans les lignes données plus haut, cela permet aussi d'enlever le fond de la boîte du menu (.tbl et .tblover).

Tu peux aussi placer ton menu en position absolute.

Sabine
Site web Sabine
Poster une réponse Haut  
Réponse n° 8
--------
le 07/03/2014 @ 08:19
par rod

rod

visiteur

Bonjour Sabine,

quelques petites choses que je viens de remarquer (désolé de t'embêter encore et encore) :
Est-ce par que j'ai mal paramétré ?
Pour le 3 notamment : l'hyperlien ne peut-il pas être appelé que l'on clique sur la case ou sur le nom ?

Cordialement.
Site web rod
Poster une réponse Haut  
Réponse n° 9
--------
le 07/03/2014 @ 17:01
par Sabine

Sabine



Bonsoir,

Je ne comprends pas ta question... ou alors tu as pu corriger... mais les liens de ton menu déroulant fonctionnent.

Sabine
Site web Sabine
Poster une réponse Haut  
Réponse n° 10
--------
le 07/03/2014 @ 17:10
par Sabine

Sabine



Oups... je n'avais pas vu le lien...

1. C'est la "section" survolée qui prend la couleur de hover, c'est à dire le menu du premier niveau et pour le 2è niveau, l'item qui est survolé.

2. L'image de la flèche est dans le dossier IMG de la skin et, bien sûr, on peut changer la couleur.

3. Effectivement, il faut cliquer sur le lien pour l'activer.

Sabine
Site web Sabine
Poster une réponse Haut  
actif sujet actif   clos sujet clos   Important! Important!   Nouveau Nouveau message
Rectifier Rectifier message   Clôturer Clôturer sujet   Remonter Remonter  
Catégories de discussion  Forum  



Vous êtes ici :   Accueil » Forum » GuppY 5.0 » Vos questions » Question sur le header