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ésolu] Arrière-plan différent en en fonction des pages

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

[Résolu] Arrière-plan différent en en fonction des pages

Message par jimbouge le Jeu 23 Oct 2014 - 20:29

EDIT :
Cette explication est obsolète, les nouveaux design intègrent ces fonctions par défaut. Cela reste d'actualité pour les anciens design

Bonjour à tous,

Voila je commence doucement à utiliser JimDo et suivre les différents tutos.
J'accroche plutot bien et je compte bien prendre la version pro.

Je bloque un peu sur le design...; Pour faire simple , je post en arrière plan de la première page une petite vidéo ( qualité faible etc etc pour ne pas ralentir le temps de chargement de la page )... Mais celle-ci, ce " fond vidéo " s'applique sur toutes les autres pages ... Sur ces autres pages, une simple photo me suffit.

Quelqu'un à une solution pour moi ?

Merci beaucoup D'avance
Jimmy Smile !

jimbouge

Messages : 4
Date d'inscription : 23/10/2014

http://dreamjim.jimdo.com

Revenir en haut Aller en bas

Re: [Résolu] Arrière-plan différent en en fonction des pages

Message par Gwenael.Jimdo le Jeu 23 Oct 2014 - 22:14

Bonsoir Jimmy,

Jimdo ne propose pas cette possibilité. L'arrière plan (vidéo, image, diaporama) que vous avez choisi s'intègrera, par défaut, sur toutes les pages de votre site.

Vous pourrez très certainement y parvenir en intégrant du code dans le head de votre site.

De nombreux tutoriels à ce sujet se trouvent sur internet Very Happy

Une bonne soirée à vous.
avatar
Gwenael.Jimdo

Messages : 22
Date d'inscription : 15/10/2014
Localisation : Hamburg

http://meduana.fr

Revenir en haut Aller en bas

Re: [Résolu] Arrière-plan différent en en fonction des pages

Message par jimbouge le Jeu 23 Oct 2014 - 22:45

No snif ! Fais faire des recherches alors. En tout cas merci de votre réponse Smile ! Si je trouve une solution je n'hésiterais pas à la laisser ici. Bonne soirée également

jimbouge

Messages : 4
Date d'inscription : 23/10/2014

http://dreamjim.jimdo.com

Revenir en haut Aller en bas

Re: [Résolu] Arrière-plan différent en en fonction des pages

Message par FredVig le Ven 24 Oct 2014 - 11:38

En résumé :
- héberger vos images de fond sur un site genre host, free, picasa (…) ou sur une page cachée de votre site jimdo ou éventuellement sur dropbox.
- Récupérer l'adresse de chaque image
- Récupérer le nom de chaque page jimdo de votre site
- modifier le head ainsi :

Code:
#page-(nom de la page : une suite de chiffre, sans les parenthèses)  {background-image: url('adresse http de votre image de fond')!important;}
#page-(nom de la page2)  {background-image: url('adresse http de votre image de fond')!important;}
répéter pour chaque page.

Il est mieux d'héberger sur un site externe genre freeftp, cela permet de mieux maîtriser la dimension de l'image.
Il est plus simple de retenir et d'identifier l'adresse url et modifier l'image est très simple également.
Si vous voulez une solution totalement Jimdo, enregistrez tous vos fonds dans le module d'arrière-plan, comme si vous vouliez changer les fonds aléatoirement. En chargeant alternativement les fonds, il sera possible d'afficher l'image de fond (clic droit sur le fond du site), et de récupérer son url jimdo en dimension optimale.
Une fois votre code head modifié, il faudra remettre votre fond vidéo par défaut.

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

Messages : 1882
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: [Résolu] Arrière-plan différent en en fonction des pages

Message par jimbouge le Sam 25 Oct 2014 - 14:28

Hello Hello,

Alors je viens de faire quelques tests avec vos différentes réponses.

@FredVig : Lorsque je rentre ton code, j'ai le message suivant " Une version épurée du code a été enregistrée. Les éléments invalides ont été supprimés " et tout le code disparait :/

Je n'ai alors aucune modification sur les pages.

@Gwenael : Je récupéré ton code, ajouté des infos pour les autres pages. La bonne nouvelle , il y a une modification sur les pages Smile.

Mais , il y a toujours un mais .. La vidéo semble être forcée sur les header des pages.

Pour faire simple j'ai utilisé le code suivant :

<style type="text/css">
/*<![CDATA[*/
body#page-1993815699 {background-image:url https://www.youtube.com/watch?v=Z3MdeWWiPIo&feature=player_detailpage;background-repeat:no-repeat;background-position:center ;background-attachment: fixed ;}

body#page-1993815899 {background: #0099EE}

body#page-1993815799 {background: #EA2423}

/*]]>*/
</style>

soit :

page 1 -> vidéo
page 2 -> fond bleu
page 3 -> fond rouge

Lorsque je lance la page 2 et 3 , le header de couleur apparait , mais laisse place rapidement à la vidéo :/

Est il possible de " fixer " les background ?

Merci à vous pour être aide c'est super sympa de votre part.

VOici le lien du " site " pour que vous puissiez voir ce que cela donne

http://dreamjim.jimdo.com/

jimbouge

Messages : 4
Date d'inscription : 23/10/2014

http://dreamjim.jimdo.com

Revenir en haut Aller en bas

Re: [Résolu] Arrière-plan différent en en fonction des pages

Message par FredVig le Sam 25 Oct 2014 - 17:04

"mon code" n'est pas complet : je ne suis pas allé chercher vos numéros de pages adresses des fonds (évidemment…) et il faut bien entendu le placer entre les balises génératrices de CSS, comme pour TOUS les codes modifier le Head (si on veut modifier les styles). C'est juste un résumé de ce qui est proposé dans le tutoriel.

En faisant clicdroit sur la vidéo > inspecter l'élément, vous constatez que La video "monte" dans une autre div que celle du background.
Il suffit (par exemple) de récupérer l'identifiant de ce contenant et de le masquer lorsque cela vous arrange : #page-1993815899 #cc-jimdo-bgr-video {visibility:hidden!important}

Pour placer, dimensionner, répéter les background, il existe de nombreuse valeurs possibles.
voir https://developer.mozilla.org/fr/docs/Web/CSS/background , cherchez également la signification des valeurs contain et cover, elles vous seront utiles.

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

Messages : 1882
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: [Résolu] Arrière-plan différent en en fonction des pages

Message par jimbouge le Sam 25 Oct 2014 - 18:04

Parfait !!!

J'avais bien ajouté le nom des pages, mais en effet pas ajouté les balises génératrices :/ ... Il faut m'excuser je ne suis qu'un débutant dans ce langage.

Dans tous les cas ... MERCI BEAUCOUP .. tout d'abord pour ton aide rapide mais aussi par que Ayez ça fonctionne !

Au plaisir !

jimbouge

Messages : 4
Date d'inscription : 23/10/2014

http://dreamjim.jimdo.com

Revenir en haut Aller en bas

Re: [Résolu] Arrière-plan différent en en fonction des pages

Message par FredVig le Sam 25 Oct 2014 - 18:56

Bien joué. Il faut ajouter normalement des point-virgules à la fin de chaque valeur, avant de refermer l'accolade. Il en manque qq.unes
body#page-1993815899 {background: #0099EE;} #page-1993815899 #cc-jimdo-bgr-video {visibility:hidden!important;}
body#page-1993815799 {background: #0099EE;} #page-1993815799 #cc-jimdo-bgr-video {visibility:hidden!important;}

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

Messages : 1882
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: [Résolu] Arrière-plan différent en en fonction des pages

Message par gui3gui le Jeu 20 Nov 2014 - 19:33

Bonjour je suis en train de réaliser la même manipulation; à savoir modifier le head pour avoir une image de fond différente selon la page, mais cela ne fonctionne pas; voilà le code que j'ai placé dans le head.

<style type="text/css">
/*<![CDATA[*/
body#page-2096499423 {background-image:url https://www.dropbox.com/s/21gq6syi9hmuytj/IMG_9599-2%20ter.png?dl=0 !important;}
body#page-2096500023 {background-image:url https://www.dropbox.com/s/y7xn3my0fq30jhj/IMG_9611%20ter.png?dl=0!important;}
/*]]>*/
</style>

Après j'ai un doute sur la valeur donnée à la page

gui3gui

Messages : 3
Date d'inscription : 08/11/2014

http://www.lapasse-avocat.fr

Revenir en haut Aller en bas

Re: [Résolu] Arrière-plan différent en en fonction des pages

Message par FilmsdeLover le Jeu 20 Nov 2014 - 19:39

Le lien des images n'est pas le bon. Pour le premier, essayez avec celui-là par exemple :
Code:
https://photos-1.dropbox.com/t/1/AAB5oXQIFDbV6o8VnqrpxZfZf5vadZl0akOmB8LW8UG38w/12/11910239/png/1024x768/3/1416513600/0/2/IMG_9599-2%20ter.png/F1NAmCbDVeSBZ3Mwb8H2tNyGq3dZabbrK7H8FDtBr0w
Mais c'est pas sûr que ça marche non plus. Dropbox est assez relou pour ça. Vous devriez plutôt les charger sur votre espace Jimdo (Design personnalisé > Fichiers). Le plus long est de choper ensuite les liens des images mais ça peut se faire une fois que vous les aurez chargé.

_________________
Utilisateur de Jimdo depuis 2009 qui peut être grognon parfois si vous ne cherchez pas dans l'Aide Jimdo avant de poser des questions. Je ne bosse pas pour Jimdo.
A consulter : Tutoriels et guides pour Jimdo.
avatar
FilmsdeLover

Messages : 1108
Date d'inscription : 07/10/2014

http://www.filmsdelover.com

Revenir en haut Aller en bas

Re: [Résolu] Arrière-plan différent en en fonction des pages

Message par FredVig le Ven 21 Nov 2014 - 11:22

Dropbox change régulièrement sa politique d'accès aux images. Il est préférable d'héberger chez Jimdo (relire mes post : download background aléatoire + récupérer les liens des images)

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

Messages : 1882
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: [Résolu] Arrière-plan différent en en fonction des pages

Message par fofo34959 le Mar 14 Juil 2015 - 11:27

Bonjour,

grâce à vos conseils j'arrive à mettre des images différentes selon les pages (je suis en train de modifier complètement mon site) alors merci.

J'aimerais maintenant savoir comment je peux mettre deux images à la suite (verticalement).
Dans mon cas j'aimerais une photo et lorsque l'on descend on arrive sur un autre fond...

Comment puis-je faire ?
Merci!

fofo34959

Messages : 21
Date d'inscription : 20/04/2015

http://citronfrappe.fr

Revenir en haut Aller en bas

Re: [Résolu] Arrière-plan différent en en fonction des pages

Message par fofo34959 le Mar 14 Juil 2015 - 15:38

Après plusieurs recherches et tests j'ai (apparemment) réussi avec ce code :

<style type="text/css">
/*<![CDATA[*/
body#page-2352885822
{background-image: url('http://u.jimdo.com/www400/o/s41cb7d61c6b1b11b/img/i4dcf5f9ba511e448/1436803998/std/image.jpg');
background-attachment: scroll; !important;}
/*]]>*/
</style>

fofo34959

Messages : 21
Date d'inscription : 20/04/2015

http://citronfrappe.fr

Revenir en haut Aller en bas

Re: [Résolu] Arrière-plan différent en en fonction des pages

Message par fofo34959 le Sam 18 Juil 2015 - 10:58

Bonjour,
mon site est terminé, réalisé sur safari est parfait, mais sur d'autres navigateurs l'arrière plan ne s'arrête pas au même endroit et donc décale tout...

Pour info, j'ai utilisé ce type de code dans le head :
<style type="text/css">
/*<![CDATA[*/
body#page-2352885822
{background-image: url('http://u.jimdo.com/www400/o/s41cb7d61c6b1b11b/img/i4dcf5f9ba511e448/1436803998/std/image.jpg');
background-attachment: scroll; !important;}
/*]]>*/
</style>

Une idée ? Merci

fofo34959

Messages : 21
Date d'inscription : 20/04/2015

http://citronfrappe.fr

Revenir en haut Aller en bas

impossible de mettre un arrier plan different par page

Message par ilemaurice.mag le Sam 1 Aoû 2015 - 1:54

Salut a tous

J'ai un problème pour mettre  une image different par pages (j'utilise le design Malaga (

ci dessous le code utiliser

<style type="text/css">
/*<![CDATA[*/
body#page-7d3e99721fce889
{background-image: url(''http://u.jimdo.com/www400/o/s37d3e99721fce889/userlayout/img/test.jpg');
background-repeat:no-repeat;background-position:center ;background-attachment: fixed;}
/*]]>*/
</style>  


mon site www.ilemaurice-mag.com

Qui pe m'aider car quand je colle le code dans le header en passant par paramètre rien ne change

merci en avance pour votre aide

ilemaurice.mag

Messages : 4
Date d'inscription : 31/07/2015

http://www.ilemaurice-mag.com

Revenir en haut Aller en bas

Re: [Résolu] Arrière-plan différent en en fonction des pages

Message par FredVig le Sam 1 Aoû 2015 - 10:22

page-7d3e99721fce889 n'est pas une id de page jimdo
à ma connaissance, elles sont toujours sous la forme : page-(suite de chiffres)
comme :
page-1931515952

Vous avez dû faire une erreur à ce niveau.

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

Messages : 1882
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: [Résolu] Arrière-plan différent en en fonction des pages

Message par ilemaurice.mag le Sam 1 Aoû 2015 - 15:37

Bonjour FredVig

comment récupérer l'ID de la page . j'utilise un MAC

le code j'ai eu c'est en passant en mode admin et que je fait l'édition des page


merci pour ton aide

ilemaurice.mag

Messages : 4
Date d'inscription : 31/07/2015

http://www.ilemaurice-mag.com

Revenir en haut Aller en bas

Re: [Résolu] Arrière-plan différent en en fonction des pages

Message par FredVig le Sam 1 Aoû 2015 - 17:07

Ce n'est pas le bon code
Avant d 'intervenir sur le code il est indispensable de comprendre comment ça fonctionne.
Lisez le tutoriel les bases…
Il faut juste "inspecter l'élément" et récupérer son id en mode visiteur

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

Messages : 1882
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: [Résolu] Arrière-plan différent en en fonction des pages

Message par ilemaurice.mag le Lun 31 Aoû 2015 - 21:28

Bonsoir a tous
J'aimerai savoir s'il est possible de mettre une seul page en diaporama exemple mon accueil et les autres pages avec des image fixe ou scroll


J'ai déjà modifier une partie de mon site avec des image en scroll ou fixe

J'ai fait un test en sélectionnant un diaporama pour mon accueil mais celui change automatiquement l'ensemble des fond écran du site

ilemaurice.mag

Messages : 4
Date d'inscription : 31/07/2015

http://www.ilemaurice-mag.com

Revenir en haut Aller en bas

Re: [Résolu] Arrière-plan différent en en fonction des pages

Message par FredVig le Mar 1 Sep 2015 - 10:49

Quelle page au juste ? Actuellement, vous avez un fond différent par page, je ne vois pas où est le problème.
Avez-vous rechargé votre site après la modification ?

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

Messages : 1882
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: [Résolu] Arrière-plan différent en en fonction des pages

Message par ilemaurice.mag le Mar 1 Sep 2015 - 12:20

FREDVIG

C'est l'accueil que je souhaite mettre en diaporama mais lorsque je le fait celui ci passe toute les page sous la meme config

J'ai remodifier lorsque j'ai vue l'erreur pour ne pas perturber l'ensemble du site

j'avais changer la config en passant par design > arrier plan > fond personalise > Paramètres pour les images et vidéos d'arrière-plan diaporama

Est-ce qu'il y as un code html que je peux utiliser pour que uniquement la page accueil soit en diaporama

j'utilise le code suivante pour mettre une image par page


<style type="text/css">
/*<![CDATA[*/
body#page-1948400652{background-image: url('http://u.jimdo.com/www400/o/s37d3e99721fce889/userlayout/img/une-boussole.jpg');background-attachment:scroll; !important;}
/*]]>*/
</style>





ilemaurice.mag

Messages : 4
Date d'inscription : 31/07/2015

http://www.ilemaurice-mag.com

Revenir en haut Aller en bas

Re: [Résolu] Arrière-plan différent en en fonction des pages

Message par FredVig le Mar 1 Sep 2015 - 13:53

Il y a un post là-dessus il me semble…
Mais ce n'est pas simplement "un code qui existe quelque part, tombé du ciel". C'est du temps passé à chercher des réponses par les membres du forum.
Le principe, serait de mettre avec jimdo le fond en diaporama, et ensuite masquer ce fond slider sur chaque page tout en imposant un background particulier avec du code.
Après, il faut étudier les tutos, appliquer à votre site…
Votre code pour avoir une image par page est correct, mais si vous faites un diaporama pour l'accueil, il va se placer par dessus vos images de toute façon, dans un contenant appelé "#cc-jimdo-bgr-slider"
Indiquez que ce contenant doit disparaître sur les autres pages
(ici le numéro de la page)#cc-jimdo-bgr-slider{display:none!important;}



_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

Messages : 1882
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: [Résolu] Arrière-plan différent en en fonction des pages

Message par un pied devant l'autre le Mar 1 Sep 2015 - 16:50

avatar
un pied devant l'autre

Messages : 34
Date d'inscription : 12/10/2014
Localisation : Puteaux

http://www.unpieddevantlautre92.fr

Revenir en haut Aller en bas

Re: [Résolu] Arrière-plan différent en en fonction des pages

Message par FredVig le Mar 1 Sep 2015 - 19:45

En effet ! Merci Very Happy

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

Messages : 1882
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: [Résolu] Arrière-plan différent en en fonction des pages

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

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