Supprimer le Header, sur n'importe quel design

[priatel]

Attention : pour les tests j’utilise mon site JimdoFREE : www.asfromchina.jimdo.com
Bonjour,
Je voudrais supprimer le header de mon site, afin de mettre le mien en haut de  la zone « CONTENT ».
Comme mon site n’a que 2 pages, cela n’est pas un problème de l’ajouter manuellement.
J’ai donc cherché et trouvé ce site : http://communautefrancophone.jimdo.com/design/bases-de-la-modification-de-design-d-un-site-jimdo/#10
ou il est expliqué comment faire : (copie du texte de l'article)

Un exemple pratique : Cacher le header sur un site.
Premier exemple pratique : on veut cacher le header (le haut) sur notre site. On trouve qu'il n'est pas bien et on n'en veut pas du tout, ça fera mieux.
1er truc à voir : Quelle div est concernée ? Il s'agit du header donc la div concernée est "header".
2ème truc à voir : Quel attribut va-t-on modifier ? On veut le cacher, donc on va utiliser le {display: none;}
3ème truc à voir : Quel sera le code à ajouter ? Facile, on reprend les éléments et cela nous donne le code suivant :

<style type="text/css">
/*<![CDATA[*/
#header {display: none;}
/*]]>*/
</style>

4ème truc à voir : Où va-t-on l'ajouter ? Dans "Modifier le head". On y va donc et on ajoute le code ci-dessus. On sauvegarde et en théorie, ça marche !


J’ai donc fait ce qui est indiqué (j’ai essayé avec le design Vienna, mais je pourrais en utiliser un autre) cad j’ai copié le code ci-dessus, je l’ai collé dans le «  modifier le Header » et j’ai enregistré.
Mais rien ne se passe, le header est toujours la !!
Ou ai-je fait une erreur ?
Merci

[FredVig]

Le tuto est le bon, mais il faut adapter aux identifiants de VOTRE site :

Quelle div est concernée ?
Il s'agit du header donc la div concernée est "header".

… dans le cas de SON site !

Sur votre site d'essai, ça s'appelle autrement :

Code:

.jtpl-header

La div est identifiée par la classe .tpl-header qui doit remplacer l'identifiant unique #header, dans votre code.

Vous avez un tuto sur ce forum qui explique d'un point de vue général comment cibler les éléments
http://www.jimdoforum.fr/t746-apprendre-a-modifier-le-head-les-bases-actualisees-2016

[priatel]

Ça marche!!
Merci

[johan]

bonjour,

j'essaye désespérément de supprimer le bandeau header avec les photos qui défilent pour la page contact.

mon site est en désign ROME.

j'ai balayé plein de sujet sur ce point mais visiblement il y a quelque chose qui m'échappe.

quelqu'un peut-il m'aider à comprendre comment personnaliser le code à insérer dans la page contact de mon site ?

d'avance merci beaucoup.

[FredVig]

Avez-vous lu le tuto sur le ciblage ?
Chaque site a des identifiants différents selon le design et sa variante. Il faut pouvoir identifier le contenant à enlever, puis vous pouvez appliquer la recette du premier post.

[johan]

Bonjour,

j'ai enfin réussi a supprimer le header en mettant celà dans la sous page contact


<style>
/* <![CDATA[ */
#cc-inner > div > div.jtpl-header--image.jqbga-container { display: none !important; }
/*]]>*/
</style>

par contre il apparaît des petits traits à la séparation entre le bandeau de navigation et les zones a saisir pour le contact.

Je trouve que celà ne fait pas propre. y-a-t-il moyen d'éviter celà ?



d'avance merci pour votre aide.

Cordialement.

[FredVig]

Il s'agit du bas de votre titre de page.
Rajoutez un espace au dessus pour le faire ré-apparaitre

Sinon, remplacez votre code par ceci :
.jtpl-header--image {
height: 120px;}

C'est une autre façon de parvenir au même résultat

[johan]

Bonjour et merci beaucoup,

celà fonctionne impeccable.

Je vous remercie pour votre aide précieuse.

A bientôt

cordialement.

[Contenu sponsorisé]