En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour vous proposer des contenus et services adaptés. Politique de confidentialité.

 

actif  Sujet n° 182

le 29/03/2014 @ 18:07
par JEAN_P

Anonyme

visiteur

Bonjour Sabine,

Est-ce qu'il serait possible d'avoir le menu en deux colonne.
J'ai ajouté un plugin sommaire et je trouve que le menu descend trop
Merci
Paul
site: ffamp.com
Poster une réponse Haut  

Réponse n° 1
--------
le 30/03/2014 @ 08:36
par Sabine

Sabine



Bonjour Jean,

Oui, on peut... mais il va falloir réduire la largeur de l'image qui est à côté...

1. Agrandir la largeur de menu (width) :
 
Code : css
div.menuIcons { /* block menu */
padding:8px 0px;
width: 400px
}
2. Réduire la largeur des items du menu (width) :
 
Code : css
div.menuIcons ul li a span { /* lien */
color: #dcc8b0;
background: url(img/menu.png) no-repeat;
width: 90px;
padding-top: 7px;
padding-bottom: 8px;
padding-left: 30px;
text-decoration: none;
font: 16px ComfortaaRegular;
text-align: left;
border-bottom: 1px solid #dcc8b0;
}
 Sabine
Site web Sabine
Poster une réponse Haut  
Réponse n° 2
--------
le 30/03/2014 @ 09:18
par JEAN_P

Anonyme

visiteur

Bonjour Sabine,
Merci d'une réponse si rapide.
J'ai testé et même en retirant l'image du header, le menu ne se met pas en deux colonnes et le reste de la skin se retrouve complétement décalée à droite.

Paul
Poster une réponse Haut  
Réponse n° 3
--------
le 30/03/2014 @ 10:06
par Sabine

Sabine



Je n'avais pas vu que c'est la skin Oeil originale et que le menu est en position absolute.

Pour simplifier, je vous suggère de la remplacer par la skin 2014skin01. C'est la même mais l'écriture du style est plus simple.

Ensuite, vous pourrez faire les modifications que j'ai indiqué plus haut.

Sabine
Site web Sabine
Poster une réponse Haut  
Réponse n° 4
--------
le 30/03/2014 @ 11:02
par JEAN_P

Anonyme

visiteur

Bonjour,
Merci Sabine, effectivement, avec la 2014skin01, cela fonctionne, j'ai bien mes deux colonnes de menu.
Il me reste à remettre mon header car dans cette skin il n'y a pas de header comme dans l'autre.
Merci
Paul
Poster une réponse Haut  
Réponse n° 5
--------
le 30/03/2014 @ 17:27
par JEAN_P

Anonyme

visiteur

Bonsoir,
Super, je pense avoir bien travaillé, je suis content de moi (c'est déjà ça).
Me reste un petit souci: je voudrais changer la couleur des titres de boites, j'ai essayé en style css mais ça ne change rien. Il n'y a que les menus qui ont changé.
Pouvez-vous me mettre sur la bonne voie
Merci
Paul
Poster une réponse Haut  
Réponse n° 6
--------
le 30/03/2014 @ 17:34
par JEAN_P

Anonyme

visiteur

Re,
Toutes mes excuses, j'avais loupé une ligne dans le css, c'est réglé
Merci
Paul
Poster une réponse Haut  
Réponse n° 7
--------
le 30/03/2014 @ 17:34
par Sabine

Sabine



Bonsoir,

Je suppose qu'il s'agit des titres des boîtes latérales ? Ce sont ces lignes, il faut modifier "color" :
 
Code : css
#leftside .titrebox, #rightside .titrebox { /* Titre laterale */
padding: 8px;
font: 22px ComfortaaRegular;
color: #fff;
background: url(img/laterale.png) no-repeat top left;
}
 

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 4.6 » vos questions » skin oeil46