Réduire les espaces entre logo et barre de navigation dans Stockholm
5 participants
Page 3 sur 3
Page 3 sur 3 • 1, 2, 3
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
.centragebouton est unique au style cela ne doit pas changer votre site, il y a quelques chose que vous oubliez de faire même si nos sites non pas le même template ça doit fonctionner. bref tenez moi au courant.
Invité- Invité
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
Bonjour Bob17 j'y est passé la nuit ... le bouton est toujours centré en haut de l'image en plus j'ai un surlignage du texte
<div style="display: block!important;margin-left: -2000px;margin-right: -2000px;">
<div style=
"background-image: url(https://image.jimcdn.com/app/cms/image/transf/dimension=origxorig:format=jpg/path/s7f509d59e0e1454c/image/ifccfb0f2b70b6b2b/version/1488819852/image.jpg); background-size: cover; background-attachment: fixed; background-position: center; width: 100%!important; box-shadow: 0px 0px 12px rgba(116,74,46, 0.9); max-width: 100%; margin: 25px 0;height:300px;">
<div class="j-calltoaction-wrapper j-calltoaction-align-2 centragebouton">
<a class="j-calltoaction-link j-calltoaction-link-style-2 centragebouton" data-action="button" href="#" data-title="Nos Promotions">E-SHOP</a>
</div>
</div>
</div>
<div style="display: block!important;margin-left: -2000px;margin-right: -2000px;">
<div style=
"background-image: url(https://image.jimcdn.com/app/cms/image/transf/dimension=origxorig:format=jpg/path/s7f509d59e0e1454c/image/ifccfb0f2b70b6b2b/version/1488819852/image.jpg); background-size: cover; background-attachment: fixed; background-position: center; width: 100%!important; box-shadow: 0px 0px 12px rgba(116,74,46, 0.9); max-width: 100%; margin: 25px 0;height:300px;">
<div class="j-calltoaction-wrapper j-calltoaction-align-2 centragebouton">
<a class="j-calltoaction-link j-calltoaction-link-style-2 centragebouton" data-action="button" href="#" data-title="Nos Promotions">E-SHOP</a>
</div>
</div>
</div>
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
Bonjour appliquer ce style en modifiant dans le head :
<style type="text/css">
/*<![CDATA[*/
.centragebouton {
margin-left: auto;
margin-right: auto;
top: 50%;
overflow: hidden;
position: relative;
cursor: pointer;
}
/*]]>*/
</style>
Là ça devrait marcher !
<style type="text/css">
/*<![CDATA[*/
.centragebouton {
margin-left: auto;
margin-right: auto;
top: 50%;
overflow: hidden;
position: relative;
cursor: pointer;
}
/*]]>*/
</style>
Là ça devrait marcher !
Invité- Invité
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
J'ai rajouté 2 lignes au style pour que votre bouton puisse respecter le responsive design, du coup les affichages sur les différents médias fonctionne sans que votre bouton prenne toute la largeur de votre image !
<style type="text/css">
/**Appliquer un bouton centrer dans une image de séparation de page**/
/*<![CDATA[*/
.centragebouton {
margin-left: auto;
margin-right: auto;
top: 40%;
overflow: hidden;
position: relative;
cursor: pointer;
min-width: 0;
width: none;
}
/*]]>*/
</style>
<style type="text/css">
/**Appliquer un bouton centrer dans une image de séparation de page**/
/*<![CDATA[*/
.centragebouton {
margin-left: auto;
margin-right: auto;
top: 40%;
overflow: hidden;
position: relative;
cursor: pointer;
min-width: 0;
width: none;
}
/*]]>*/
</style>
Invité- Invité
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
Tient tant que j'y suis je vois que vous avez gardé le style de vos bouton en orange et franchement sur votre image on ne voit pas très bien votre texte dans le bouton. Je vous propose de rajouter une opacité sur votre image !
Rajoutez cela : opacity: 0.8; Vous pouvez modifier ses valeurs de manière à augmenter l'opacité ou la diminuer
ici : <div style="display: block!important;margin-left: -2000px;margin-right: -2000px;">
<div style=
"background-image: url(https://image.jimcdn.com/app/cms/image/transf/dimension=origxorig:format=jpg/path/s7f509d59e0e1454c/image/ifccfb0f2b70b6b2b/version/1488819852/image.jpg); opacity: 0.8;background-size: cover; background-attachment: fixed; background-position: center; width: 100%!important; box-shadow: 0px 0px 12px rgba(116,74,46, 0.9); max-width: 100%; margin: 25px 0;height:300px;">
<div class="j-calltoaction-wrapper j-calltoaction-align-2 centragebouton">
<a class="j-calltoaction-link j-calltoaction-link-style-2 centragebouton" data-action="button" href="#" data-title="Nos Promotions">E-SHOP</a>
</div>
</div>
</div>
C'est pareil retirer avec un style le trait sous vos textes de liens, ça sera plus joli !
Ici le tutoriel : http://www.jimdoforum.fr/t1408-suprimer-soulignement-lien?highlight=retirer+le+trait+sous+un+lien
Rajoutez cela : opacity: 0.8; Vous pouvez modifier ses valeurs de manière à augmenter l'opacité ou la diminuer
ici : <div style="display: block!important;margin-left: -2000px;margin-right: -2000px;">
<div style=
"background-image: url(https://image.jimcdn.com/app/cms/image/transf/dimension=origxorig:format=jpg/path/s7f509d59e0e1454c/image/ifccfb0f2b70b6b2b/version/1488819852/image.jpg); opacity: 0.8;background-size: cover; background-attachment: fixed; background-position: center; width: 100%!important; box-shadow: 0px 0px 12px rgba(116,74,46, 0.9); max-width: 100%; margin: 25px 0;height:300px;">
<div class="j-calltoaction-wrapper j-calltoaction-align-2 centragebouton">
<a class="j-calltoaction-link j-calltoaction-link-style-2 centragebouton" data-action="button" href="#" data-title="Nos Promotions">E-SHOP</a>
</div>
</div>
</div>
C'est pareil retirer avec un style le trait sous vos textes de liens, ça sera plus joli !
Ici le tutoriel : http://www.jimdoforum.fr/t1408-suprimer-soulignement-lien?highlight=retirer+le+trait+sous+un+lien
Invité- Invité
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
Tient je pense à une idée qui pourrait être bien sympa, j'ai un client Blogueur qui voyage 2 fois par an, il est à fond dans le sport et surtout le trek, snowboard etc, vous pourriez échanger des liens de vos sites lui vous rajoute sur son site et vous de même. Il recherche aussi des sponsors et je me demandais si cela vous intéresserez ? Je ne parle pas d'argent mais par exemple un produit qu'il pourrait tester lors de ses voyages et ainsi écrire un article sur ce produit et le sponsors qui lui permis de tester ce produit. Après voilà je propose cela comme idée et non un profit !
Tenez moi au courant, je pourrais lui en parler. Merci.
Tenez moi au courant, je pourrais lui en parler. Merci.
Invité- Invité
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
Un grand merci pour tout votre travail vraiment sympa
Oui pas de problème pour votre client blogueur mais je commence seulement la mise en place de mes produits, mais oui bien sur !
Oui pas de problème pour votre client blogueur mais je commence seulement la mise en place de mes produits, mais oui bien sur !
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
Très bien j'ai rendez-vous le 19 Mars avec lui, je lui parlerais de tout cela et je vous tiens au courant déjà pour l'échange de liens et je verrais comment faire pour que vous rentriez en contact, soit mail ou téléphone, je sais qu'il par au Canada cette année, bref je vous tiendrez informé et merci encore.
Invité- Invité
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
Tout fonctionne sur mon Mac ,maintenant pour les images sur iPad et iPhone elle ne sont pas responsive ... toutes pixelisées c'est dommage qu'elle ne s'adapte pas comme les blocs images standard de Jimdo ...
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
Comment ça elles sont pas responsive ? La taille de vos images sont à plus de 2000 pixels de large donc elles doivent passer sur tous médias traditionnels.
Invité- Invité
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
Elle font 1920X1080 la plus part...
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
Bah ça suffit largement
Invité- Invité
Re: Réduire les espaces entre logo et barre de navigation dans Stockholm
Bonjour,
Je profite de ce post et de l'aide que vous avez donné car j'en aurai grandement besoin aussi...
Je suis en train de créer un site et je me trouve face à une difficulté.
J'aimerais enlever un maximum d'espace en haut du site pour ne laisser que l'espace du logo.
Et je souhaiterai qu'il n'y ait pas d'espace entre ma barre de navigation et mon premier contenu.
Je ne suis pas experte mais j'ai déjà effectué quelques modifications sur mon site. j'ai regardé les tutos, je sais donc qu'il faut examiner l'élément, sélectionner l'id et faire les modif dans "modifier le head".
Mais là je suis complètement bloquée. J'ai seulement réussi à diminuer un peu le header (avant le logo) mais quand je teste autre chose, rien n'y fait...
Pouvez vous m'aider ??
Merci ! Voici le site : https://abcd-international.jimdo.com/
Je profite de ce post et de l'aide que vous avez donné car j'en aurai grandement besoin aussi...
Je suis en train de créer un site et je me trouve face à une difficulté.
J'aimerais enlever un maximum d'espace en haut du site pour ne laisser que l'espace du logo.
Et je souhaiterai qu'il n'y ait pas d'espace entre ma barre de navigation et mon premier contenu.
Je ne suis pas experte mais j'ai déjà effectué quelques modifications sur mon site. j'ai regardé les tutos, je sais donc qu'il faut examiner l'élément, sélectionner l'id et faire les modif dans "modifier le head".
Mais là je suis complètement bloquée. J'ai seulement réussi à diminuer un peu le header (avant le logo) mais quand je teste autre chose, rien n'y fait...
Pouvez vous m'aider ??
Merci ! Voici le site : https://abcd-international.jimdo.com/
Page 3 sur 3 • 1, 2, 3
Sujets similaires
» Réduire les espaces inter-colonnes (Design Stockholm)
» Enlever espace entre logo et navigation et entre navigation et contenu
» reduire d'espace entre barre de nav et contenu
» Ajout zone de texte entre titre et barre de navigation
» Rendre la barre de navigation (menu) fixe (sous Stockholm)
» Enlever espace entre logo et navigation et entre navigation et contenu
» reduire d'espace entre barre de nav et contenu
» Ajout zone de texte entre titre et barre de navigation
» Rendre la barre de navigation (menu) fixe (sous Stockholm)
Page 3 sur 3
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|