Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.

Réduire les espaces entre logo et barre de navigation dans Stockholm

Page 1 sur 3 1, 2, 3  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Monsieur Ramouda le Ven 3 Mar 2017 - 2:59

Bonjour,
malgré une lecture attentive du très bon tuto Apprendre à modifier le Header, je ne parviens pas à retirer les espaces inutiles entre mon logo et le haut de la page, mon logo et la barre de navigation, la barre de navigation et le premier contenu.
Lorsque je change des valeurs dans l'inspecteur, cela change apparemment les choses (mais l'affichage de ma home page une fois l'inspecteur activé ne présente pas les même espaces), mais dès que je repasse en simple consultation, cela semble avoir été sans effet.
J'ai essayé d'agir par les CSS. Mais c'est pareil, les modifications ne semblent pas prises en compte.

Les commandes que j'ai essayées sont les suivantes :

.jtpl-logo
.jtpl-logo {
padding: 0px 40px
!important
;
}

#cc-m-imagesubtitle-image-10682568695
.jtpl-logo a img {
max-height: 400px;
max-width: 80%;
padding: 0px 0px
!important
;
}

.jtpl-navigation__inner > div:nth-child(1) > div:nth-child(1) > ul:nth-child(1)
.jtpl-navigation__inner ul {
margin: 0;
padding: 0;
list-style: none
!important
;
}

.jtpl-navigation__inner {
position: relative;
max-width: 100%;
padding: 0px 45px;
background-color: #000;
margin: 0 auto
!important
;
}

.jtpl-content__inner
.jtpl-content__inner {
padding: 0px 10px
!important
;
}

Si quelqu'un peut m'éclairer… mille merci d'avance.

Monsieur Ramouda

Messages : 10
Date d'inscription : 03/03/2017

https://monsieurramouda.jimdo.com/

Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Bob17 le Dim 5 Mar 2017 - 1:29

Bonsoir,

pour ce qui est de : "je ne parviens pas à retirer les espaces inutiles entre mon logo et le haut de la page"

Je vous propose de faire cette manipulation pour voir si votre style va changer, j'ai testé avec l'inspecteur et cela modifie la hauteur entre votre logo et le haut de page :

1/ Ouvrir le "Menu" en mode Modifier de votre site.
2/ Puis aller dans "Modifier le Head"
3/ Créer votre style comme ci-dessous :

<style type="text/css">
/*<![CDATA[*/

.jtpl-header {

min-height: 410px;

}
/*]]>*/
</style>

"Enregistrer"

Si cela fonctionne, libre à vous de changer la taille de votre style.
Tester déjà cela et tenez-nous au courant pour la suite.

Cordialement
avatar
Bob17

Messages : 87
Date d'inscription : 19/02/2017

https://selamat-blog-voyage.jimdo.com

Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Bob17 le Dim 5 Mar 2017 - 1:46

Re,

pour ce qui est de : "je ne parviens pas à retirer les espaces inutiles entre mon logo et la barre de navigation"

Je vous propose de faire cette manipulation pour voir si votre style va changer, j'ai testé avec l'inspecteur et cela modifie la hauteur entre votre logo et votre menu de navigation :

Toutefois attention car j'ai calibré au mieux l'espace entre votre logo et le menu de navigation, si vous l'augmentez cela va mordre sur votre logo, du coup ça retirera une partie de visibilité de votre logo mais rien ne vous empêche de réduire sa taille en px si vous le souhaitez.

Là encore une fois vous retournez dans votre "Menu", "Modifier le Head" et coller ce style :

<style type="text/css">
/*<![CDATA[*/

.jtpl-navigation__inner ul {

margin: -18px;

}

/*]]>*/
</style>

"Enregistrer"

Si cela fonctionne merci de me tenir au courant.
avatar
Bob17

Messages : 87
Date d'inscription : 19/02/2017

https://selamat-blog-voyage.jimdo.com

Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Monsieur Ramouda le Dim 5 Mar 2017 - 22:28

Bonsoir, et merci,
malheureusement, j'ai copié vos lignes de codes dans la fenêtre de modification du head et rien ne se passe. J'ai effectué plusieurs fois la manip en changeant les valeurs, sans succès.
J'ai même ajouté un important comme conseillé dans le tuto

<style type="text/css">
/*<![CDATA[*/
.jtpl-header__inner ul {margin: 0px!important;}
/*]]>*/
</style>

Monsieur Ramouda

Messages : 10
Date d'inscription : 03/03/2017

https://monsieurramouda.jimdo.com/

Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Invité le Dim 5 Mar 2017 - 23:17

x


Dernière édition par Bob17 le Sam 13 Mai 2017 - 15:35, édité 1 fois

Invité
Invité


Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Monsieur Ramouda le Dim 5 Mar 2017 - 23:32

Merci, cette ligne de code fonctionne, en passant la valeur à -200, j'arrive à une marge intéressante entre mon logo et le haut de page

Monsieur Ramouda

Messages : 10
Date d'inscription : 03/03/2017

https://monsieurramouda.jimdo.com/

Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Invité le Dim 5 Mar 2017 - 23:35

x


Dernière édition par Bob17 le Sam 13 Mai 2017 - 15:35, édité 1 fois

Invité
Invité


Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Monsieur Ramouda le Dim 5 Mar 2017 - 23:38

je viens de faire la manip pour le menu avec -150 et c'est bien, sauf qu'il m'a redescendu le logo par rapport au haut de page. Connaissez vous également le code pour gérer l'esapce entre la barre de navigation et le premier contenu?

Monsieur Ramouda

Messages : 10
Date d'inscription : 03/03/2017

https://monsieurramouda.jimdo.com/

Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Invité le Dim 5 Mar 2017 - 23:40

x


Dernière édition par Bob17 le Sam 13 Mai 2017 - 15:35, édité 1 fois

Invité
Invité


Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Monsieur Ramouda le Dim 5 Mar 2017 - 23:42

J'utilise Firefox. La version où ça mordait était une valeur trop importante. Je l'ai modifiée. Et je rafraîchis. Mais c'est comme si l'inner UL primait sur le margin top

Monsieur Ramouda

Messages : 10
Date d'inscription : 03/03/2017

https://monsieurramouda.jimdo.com/

Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Invité le Dim 5 Mar 2017 - 23:54

x


Dernière édition par Bob17 le Sam 13 Mai 2017 - 15:35, édité 1 fois

Invité
Invité


Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Monsieur Ramouda le Dim 5 Mar 2017 - 23:57

Je suis sur la page d'accueil, MASQUES. Je vois les modifications quand je rafraichis. Mon écran est 1440 x 900

Monsieur Ramouda

Messages : 10
Date d'inscription : 03/03/2017

https://monsieurramouda.jimdo.com/

Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Invité le Dim 5 Mar 2017 - 23:58

x


Dernière édition par Bob17 le Sam 13 Mai 2017 - 15:35, édité 1 fois

Invité
Invité


Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Monsieur Ramouda le Lun 6 Mar 2017 - 0:02

je ne sais pas comment insérer une image ici mais autant sur Safari que sur Firefox ma page apparaît correctement. En revanche quand j'affiche l'inspecteur c'est proche de ce que vous voyez, curieux

Monsieur Ramouda

Messages : 10
Date d'inscription : 03/03/2017

https://monsieurramouda.jimdo.com/

Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Invité le Lun 6 Mar 2017 - 0:07

x


Dernière édition par Bob17 le Sam 13 Mai 2017 - 15:35, édité 1 fois

Invité
Invité


Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Monsieur Ramouda le Lun 6 Mar 2017 - 0:09

J'avais enlevé le Titre, je n'en ai pas besoin, il est dans mon logo (format image). C'est curieux, quand je modifie la margin-top de mon content, ça a aussi une incidence sur la hauteur de ma barre de navigation

Monsieur Ramouda

Messages : 10
Date d'inscription : 03/03/2017

https://monsieurramouda.jimdo.com/

Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Invité le Lun 6 Mar 2017 - 0:10

x


Dernière édition par Bob17 le Sam 13 Mai 2017 - 15:36, édité 1 fois

Invité
Invité


Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Monsieur Ramouda le Lun 6 Mar 2017 - 0:21

Oui elle était redevenue comme avant. C'est curieux lorsque je tape
<style type="text/css">
/*<![CDATA[*/
.jtpl-logo
{margin-top: -140px;}
/*]]>*/
</style>
Mon logo remonte à une position qui me convient.
Ensuite je rentre
<style type="text/css">
/*<![CDATA[*/
.jtpl-navigation
{margin-top: -140px;}
/*]]>*/
</style>

Et là, il me redescend le logo et rapproche la barre de navigation du logo

Et si j'essaie la valeur -120 sur le content il redescend la barre de navigation par rapport au logo pour la rapprocher du contenu.

Comme si cette valeur de margin-top était indexée sur une autre valeur qui reste automatisée.

Normalement margin-top est la marge du haut séparant un élément (logo, navigation, content) de l'élément situé au-dessus de lui?

Lorsque je lui indique -140px je ne comprends pas par rapport à quoi il retranche les 140px, la marge haute actuelle de mon logo? Ou à une autre valeur?

Monsieur Ramouda

Messages : 10
Date d'inscription : 03/03/2017

https://monsieurramouda.jimdo.com/

Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Invité le Lun 6 Mar 2017 - 0:32

x


Dernière édition par Bob17 le Sam 13 Mai 2017 - 15:36, édité 1 fois

Invité
Invité


Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Invité le Lun 6 Mar 2017 - 0:43

x


Dernière édition par Bob17 le Sam 13 Mai 2017 - 15:36, édité 1 fois

Invité
Invité


Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Monsieur Ramouda le Lun 6 Mar 2017 - 0:56

C'est toujours la même chose. quand je règle un paramètre ça va. Dès que j'ajoute un code après pour modifier un autre, c'est comme s'il m'annulait le premier.

Monsieur Ramouda

Messages : 10
Date d'inscription : 03/03/2017

https://monsieurramouda.jimdo.com/

Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Invité le Lun 6 Mar 2017 - 2:44

x


Dernière édition par Bob17 le Sam 13 Mai 2017 - 15:36, édité 1 fois

Invité
Invité


Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par tachi300 le Lun 6 Mar 2017 - 11:12

Très joli site Bob17 Cool c'est un design sur mesure, les photo d'arrière plan en pleine largeur c'est superbe !

tachi300

Messages : 134
Date d'inscription : 12/10/2016

http://www.lachsportfactory.com

Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Invité le Lun 6 Mar 2017 - 11:31

x


Dernière édition par Bob17 le Sam 13 Mai 2017 - 15:36, édité 1 fois

Invité
Invité


Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par tachi300 le Lun 6 Mar 2017 - 11:39

Merci Bob17 Very Happy je dois dire que j'adore Jimdo même si effectivement on aimerait plus de richesses dans les styles

Pour un site test Shocked c'est drôlement bien finit je trouve ! comment vous avez fait pour les photos d'arrière plan qui apparaissent au fur et à mesure du scrolling ... c'est pas standard ça Very Happy

tachi300

Messages : 134
Date d'inscription : 12/10/2016

http://www.lachsportfactory.com

Revenir en haut Aller en bas

Re: Réduire les espaces entre logo et barre de navigation dans Stockholm

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Page 1 sur 3 1, 2, 3  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum