template Malaga modifier le design du menu
4 participants
Page 1 sur 1
template Malaga modifier le design du menu
J aimerais avoir le menu sur l ensemble de largeur sans le logo.
J ai réussi à masquer le logo
mais maintenant je suis bloqué
quelles commandes utilise
J ai réussi à masquer le logo
mais maintenant je suis bloqué
quelles commandes utilise
Re: template Malaga modifier le design du menu
Bonjour,
j'utilise le template malaga, et j aimerais avoir le menu sans le logo, sur l'ensemble de la largeur de l'écran. (850px). Pour l'instant il occupe uniquement (610px)
J'ai réussi a masquer le logo, mais maintenant je suis bloqué. J arrive a effectué les modififs dans google, mais les commandes que je passe dans header sont sans effet.
Merci d avance pour vos réponses
j'utilise le template malaga, et j aimerais avoir le menu sans le logo, sur l'ensemble de la largeur de l'écran. (850px). Pour l'instant il occupe uniquement (610px)
J'ai réussi a masquer le logo, mais maintenant je suis bloqué. J arrive a effectué les modififs dans google, mais les commandes que je passe dans header sont sans effet.
Merci d avance pour vos réponses
Re: template Malaga modifier le design du menu
Bonjour
il faut corriger ça :
.topbar {left : 0px!important;
width: 850px!important;}
L'ensemble de l'écran, ça peut être 3000px de large, pas seulement 850px.
donc, supprimez cette condition, et votre menu sera centré, fixé en haut. La largeur des cellules du menu occupant la largeur de la body, le fond allant de gauche à droite.
Si vous voulez centrer le menu, je pense qu'il faut modifier le max-width du .mainnav, mais il y a 7 contenants imbriqués avec des valeurs qui s'influencent, alors, il va falloir faire des essais.
il faut corriger ça :
.topbar {left : 0px!important;
width: 850px!important;}
L'ensemble de l'écran, ça peut être 3000px de large, pas seulement 850px.
donc, supprimez cette condition, et votre menu sera centré, fixé en haut. La largeur des cellules du menu occupant la largeur de la body, le fond allant de gauche à droite.
Si vous voulez centrer le menu, je pense qu'il faut modifier le max-width du .mainnav, mais il y a 7 contenants imbriqués avec des valeurs qui s'influencent, alors, il va falloir faire des essais.
Re: template Malaga modifier le design du menu
Pour conclure de point voila le code aue j ai utilise.
pour supprimer les marges :
.topbar {padding-top: 0px!important;
padding-bottom : 0px!important;}
pour supprimer le logo
.tpl-logo {display:none!important;}
pour elargir et deplacer le menu vers la gauche
.mainnav {float:none!important;
margin-right:0px!important;
max-width:1250px!important;}
Pour reduire l espace entre la top barre et le corps du site
.wrap {margin-top: 120px !important;
padding-top:10px !important;}
et enfin pour changer l epaisseur et la couleur des lignes de separation ;
.content-options hr {
border-bottom-width :2px !important;
border-top-width:3px!important;
border-left-width:10px!important;
border-top-color:#3F4747!important;
}
pour supprimer les marges :
.topbar {padding-top: 0px!important;
padding-bottom : 0px!important;}
pour supprimer le logo
.tpl-logo {display:none!important;}
pour elargir et deplacer le menu vers la gauche
.mainnav {float:none!important;
margin-right:0px!important;
max-width:1250px!important;}
Pour reduire l espace entre la top barre et le corps du site
.wrap {margin-top: 120px !important;
padding-top:10px !important;}
et enfin pour changer l epaisseur et la couleur des lignes de separation ;
.content-options hr {
border-bottom-width :2px !important;
border-top-width:3px!important;
border-left-width:10px!important;
border-top-color:#3F4747!important;
}
Re: template Malaga modifier le design du menu
Bonjour,
Avec ce design, j'essaie de réduire l'espace entre la top barre et le corps du site. Comme je ne trouve pas le point à modifier avec l'inspecteur, j'ai fait ce qui est indiqué ci-dessus par herve_martin, en intégrant dans le head :
.wrap {margin-top: 120px !important;
padding-top:10px !important;}
J'enregistre mais rien ne se passe.
J'ai réessayer en mettant les valeurs à 0, toujours rien.
Est-ce que j’intègre le code où il faut ?
Voici ce que ça donne :
<style type="text/css">
/*<![CDATA[*/
.wrap {margin-top: 0px !important;
padding-top:0px !important;}
#cc-m-6488906881{text-align:right;}
/*]]>*/
</style>
Je lis que l'on peut "définir des classes individuelles pour le <body>. Selon les standards HTML, seuls les tags suivants sont autorisés dans le <head> : <base>, <link>, <meta>, <style>, <script>". Est-ce que ce sont des sortes de repères et je n'ai pas mis ce qu'il fallait ?
Merci d'avance.
Avec ce design, j'essaie de réduire l'espace entre la top barre et le corps du site. Comme je ne trouve pas le point à modifier avec l'inspecteur, j'ai fait ce qui est indiqué ci-dessus par herve_martin, en intégrant dans le head :
.wrap {margin-top: 120px !important;
padding-top:10px !important;}
J'enregistre mais rien ne se passe.
J'ai réessayer en mettant les valeurs à 0, toujours rien.
Est-ce que j’intègre le code où il faut ?
Voici ce que ça donne :
<style type="text/css">
/*<![CDATA[*/
.wrap {margin-top: 0px !important;
padding-top:0px !important;}
#cc-m-6488906881{text-align:right;}
/*]]>*/
</style>
Je lis que l'on peut "définir des classes individuelles pour le <body>. Selon les standards HTML, seuls les tags suivants sont autorisés dans le <head> : <base>, <link>, <meta>, <style>, <script>". Est-ce que ce sont des sortes de repères et je n'ai pas mis ce qu'il fallait ?
Merci d'avance.
Re: template Malaga modifier le design du menu
Bonjour,
j'ai modifié pour design pour migrer vers MALAGA. Quand je scroll vers le bas, étant donné que la barre de menu est fixe, ça cause un effet visuel très moyen, car tout s'entre mêle.
Serais-ce possible de rendre cette barre de menu (qui inclus le logo) static /relative?
Je tente de trouver le nom de l'élément, et n'y suis pas arrivé...
.mainnav{position:static!important;} ? Mais ".mainnav" n'est pas le bon élément.
Merci
j'ai modifié pour design pour migrer vers MALAGA. Quand je scroll vers le bas, étant donné que la barre de menu est fixe, ça cause un effet visuel très moyen, car tout s'entre mêle.
Serais-ce possible de rendre cette barre de menu (qui inclus le logo) static /relative?
Je tente de trouver le nom de l'élément, et n'y suis pas arrivé...
.mainnav{position:static!important;} ? Mais ".mainnav" n'est pas le bon élément.
Merci
Re: template Malaga modifier le design du menu
Quand vous choisissez un design il faut d'abord le choisir pour les éléments présents, puis pour les positions et comportement des menus et autres éléments.
L'aspect des éléments est semblable d'un design à l'autre et peut être modifié.
Donc : si le menu ne vous convient pas, utilisez un autre design, à moins de vouloir passer des semaines entières sur le code.
L'aspect des éléments est semblable d'un design à l'autre et peut être modifié.
Donc : si le menu ne vous convient pas, utilisez un autre design, à moins de vouloir passer des semaines entières sur le code.
Sujets similaires
» Modifier Head Menu et Logo. Design: Melbourne
» Modidification Header Design Singapore
» Modification du head design Malaga
» Modifier (un peu) le CSS d'un template Jimdo
» Template CAIRO - déplacer le logo au niveau du menu
» Modidification Header Design Singapore
» Modification du head design Malaga
» Modifier (un peu) le CSS d'un template Jimdo
» Template CAIRO - déplacer le logo au niveau du menu
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|