déplacer le logo facebook vers le footer
2 participants
Page 1 sur 1
déplacer le logo facebook vers le footer
Bonjour,
Je souhaite ajouter un image facebook avec un lien vers ma page facebook.
J'arrive à faire fonctionner mon code HTML dans la console google chrome (F12).
J'ai bien le bon lien qui s'affiche quand on clique sur l'image.
J'ai déja fait pas mal de modification dans le content (ajout de balise html/widget + modification du head de la page) comme si bien expliqué ici : http://www.jimdoforum.fr/t3-modifier-un-peu-le-css-d-un-template-jimdo
J'ai aussi essayer de faire comme dans ce tutoriel pour modifier le designhttps://funnycat.jimdo.com/astuces-jimdo/changer-le-css-d-un-template/, le problème c'est que je souhaite juste ajouter une image dans le footer et non modifier tout le design.
Pour résumé, je cherche juste à ajouter une image facebook avec un lien. J'ai déja le code HTML mais je ne sais pas ou l'insérer (en insérant le code dans la page modifier le head, cela ne marche pas).
Merci d'avance pour vos réponses.
Je souhaite ajouter un image facebook avec un lien vers ma page facebook.
J'arrive à faire fonctionner mon code HTML dans la console google chrome (F12).
J'ai bien le bon lien qui s'affiche quand on clique sur l'image.
J'ai déja fait pas mal de modification dans le content (ajout de balise html/widget + modification du head de la page) comme si bien expliqué ici : http://www.jimdoforum.fr/t3-modifier-un-peu-le-css-d-un-template-jimdo
J'ai aussi essayer de faire comme dans ce tutoriel pour modifier le designhttps://funnycat.jimdo.com/astuces-jimdo/changer-le-css-d-un-template/, le problème c'est que je souhaite juste ajouter une image dans le footer et non modifier tout le design.
Pour résumé, je cherche juste à ajouter une image facebook avec un lien. J'ai déja le code HTML mais je ne sais pas ou l'insérer (en insérant le code dans la page modifier le head, cela ne marche pas).
Merci d'avance pour vos réponses.
Re: déplacer le logo facebook vers le footer
Copiez l'image du logo FB sur votre bureau >Allez dans la sidebar > insérer un élément > image (ajoutez l'image FB) > lien externe > votre adresse facebook.
Re: déplacer le logo facebook vers le footer
Bonjour,
Merci pour l'info mais je souhaite ajouter mon logo dans le footer, la sidebar est prévu pour autre chose.
Merci pour l'info mais je souhaite ajouter mon logo dans le footer, la sidebar est prévu pour autre chose.
Re: déplacer le logo facebook vers le footer
On ne peut modifier le footer qu'à la marge, dans les paramètres > fonctions > modifier le bas de page.
La sidebar sert à placer des éléments qui apparaissent sur toutes les pages du site.
Le lien vers votre profil FB se créé tel que je vous ai indiqué.
Ensuite - éventuellement - vous pouvez le déplacer avec du code css (inséré dans modifier le head) vers un autre endroit de la page.
Il peut effectivement être envisageable de réaliser cela lorsqu'on crée un site en design personnalisé. Mais la démarche est si complexe que très peu de spécialistes s'y essayent.
La sidebar sert à placer des éléments qui apparaissent sur toutes les pages du site.
Le lien vers votre profil FB se créé tel que je vous ai indiqué.
Ensuite - éventuellement - vous pouvez le déplacer avec du code css (inséré dans modifier le head) vers un autre endroit de la page.
Il peut effectivement être envisageable de réaliser cela lorsqu'on crée un site en design personnalisé. Mais la démarche est si complexe que très peu de spécialistes s'y essayent.
Dernière édition par FredVig le Mar 9 Jan 2018 - 11:21, édité 1 fois
Re: déplacer le logo facebook vers le footer
Par exemple sur ce site : https://www.energetique-bordeaux.fr/
La barre de partage est placée dans la sidebar, puis, 'fixée' au côté gauche de la fenêtre avec du code.
La barre de partage est placée dans la sidebar, puis, 'fixée' au côté gauche de la fenêtre avec du code.
- Code:
#(id du module)
position: fixed; top:360px; left: 0px;}
Re: déplacer le logo facebook vers le footer
Bonjour,
Merci pour les infos.
Si je comprends bien on ne peut pas modifier directement le code HMTL d'un design Jimdo à partir du "modifier le head".
Il faut se débrouiller en CSS tout en jouant sur les coordonnées du boutons.
Merci pour les infos.
Si je comprends bien on ne peut pas modifier directement le code HMTL d'un design Jimdo à partir du "modifier le head".
Il faut se débrouiller en CSS tout en jouant sur les coordonnées du boutons.
Re: déplacer le logo facebook vers le footer
Rebonjour,
Je butte encore sur un petit quelque chose.
Lorsque j'utilise le code suivant:
J'ai bien mon bouton facebook dans le footer à l'endroit voulu.
Cependant lorsque j'applique à tous le site, le logo disparait comme s'il était caché par le footer.
J'ai essayé de modifier les z-index du footer par rapport au logo facebook mais rien n'y fait.
Quelqu'un aurait une idée à me proposer ?
Merci d'avance
Je butte encore sur un petit quelque chose.
Lorsque j'utilise le code suivant:
- Code:
#page-125769XXXX .cc-sharebuttons-facebook
{
position: absolute; bottom:-50px; left: 920px;
}
J'ai bien mon bouton facebook dans le footer à l'endroit voulu.
Cependant lorsque j'applique à tous le site, le logo disparait comme s'il était caché par le footer.
J'ai essayé de modifier les z-index du footer par rapport au logo facebook mais rien n'y fait.
- Code:
.cc-sharebuttons-facebook
{
position: absolute;
bottom:-50px;
left: 920px;
z-index:5;
}
.jtpl-footer__inner
{
z-index:4;
}
.jtpl-sidebar
{
z-index:3;
}
Quelqu'un aurait une idée à me proposer ?
Merci d'avance
Re: déplacer le logo facebook vers le footer
"Modifier le head" permet d'ajouter du css, des meta, éventuellement des scripts ou des bibliothèques.
Le design perso permet de refaire le code html à sa façon, mais vous partez de zéro. Si vous voulez à la fois conserver la mise en place, et les mises à jours d'une template, il faut rester sur ce template et changer les éléments avec les outils de base, et un peu de css.
Toutefois, il est possible que le design perso puisse conserver une partie d'un template. Je n'ai jamais eu besoin de travailler de cette façon, je ne peux pas vous conseiller là-dessus.
Vous avez une question concrète : placer un lien FB en bas de page.
La solution est celle que je vous indique.
Il n'y a pas de nécessité à placer cela dans un module en particulier (footer ou autre).
Si votre modèle de page est mis à jour, Jimdo tiendra compte des modifications, là où elle sont censées être indiquées.
Si elle se trouvent dans le footer…
Le design perso permet de refaire le code html à sa façon, mais vous partez de zéro. Si vous voulez à la fois conserver la mise en place, et les mises à jours d'une template, il faut rester sur ce template et changer les éléments avec les outils de base, et un peu de css.
Toutefois, il est possible que le design perso puisse conserver une partie d'un template. Je n'ai jamais eu besoin de travailler de cette façon, je ne peux pas vous conseiller là-dessus.
Vous avez une question concrète : placer un lien FB en bas de page.
La solution est celle que je vous indique.
Il n'y a pas de nécessité à placer cela dans un module en particulier (footer ou autre).
Si votre modèle de page est mis à jour, Jimdo tiendra compte des modifications, là où elle sont censées être indiquées.
Si elle se trouvent dans le footer…
Dernière édition par FredVig le Mar 9 Jan 2018 - 11:08, édité 1 fois
Re: déplacer le logo facebook vers le footer
Si vous voulez de l'aide sur votre site, il nous faut son adresse. Le lien que vous avez indiqué dans votre profil ne fonctionne pas.
Re: déplacer le logo facebook vers le footer
J'ai mis à jour le nom de mon site.
Merci de l'avoir remonté
Merci de l'avoir remonté
Re: déplacer le logo facebook vers le footer
Essayez en déplaçant plutôt le module html qui contient le bouton :
#cc-m-7108021681{
position: relative; bottom:-50px; left: 920px;
}
Car celui-ci masque (overflow:hidden) les éléments qu'il contient et qui "sortent" de ses dimensions (donc, le bouton, si vous modifiez sa position…)
Je pense que position absolute ne fonctionnera pas dans un contexte responsive.
Soit vous positionnez par rapport à la fenêtre navigateur :position fixed
Soit vous mettez en position:relative en vérifiant que cela fonctionne pour des largeurs de navigateur plus étroites
Ne touchez jamais au Z-index…
(sauf si vous savez vraiment ce que vous faites)
#cc-m-7108021681{
position: relative; bottom:-50px; left: 920px;
}
Car celui-ci masque (overflow:hidden) les éléments qu'il contient et qui "sortent" de ses dimensions (donc, le bouton, si vous modifiez sa position…)
Je pense que position absolute ne fonctionnera pas dans un contexte responsive.
Soit vous positionnez par rapport à la fenêtre navigateur :position fixed
Soit vous mettez en position:relative en vérifiant que cela fonctionne pour des largeurs de navigateur plus étroites
Ne touchez jamais au Z-index…
(sauf si vous savez vraiment ce que vous faites)
Re: déplacer le logo facebook vers le footer
Merci Beaucoup !
Effectivement le bouton n'est plus responsive, je pense devoir mettre des marge avec "media" pour que cela soit plus responsive.
Effectivement le bouton n'est plus responsive, je pense devoir mettre des marge avec "media" pour que cela soit plus responsive.
Re: déplacer le logo facebook vers le footer
Attention à rapidement décrire le sujet de votre site dans vos SEO. Tel quel, il s'apparente à du partage de créations protégées (films) et cela n'est sans doute pas autorisé par Jimdo.
Re: déplacer le logo facebook vers le footer
C'est un site de critique cinéma :-)
Il n y a pas de films sur le site en streaming :-)
Il n y a pas de films sur le site en streaming :-)
Sujets similaires
» Déplacer le logo vers le haut
» Template CAIRO - déplacer le logo au niveau du menu
» Déplacer logo
» Deplacer le logo , design Rio
» déplacer le logo sur le design cairo
» Template CAIRO - déplacer le logo au niveau du menu
» Déplacer logo
» Deplacer le logo , design Rio
» déplacer le logo sur le design cairo
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum