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.

Logo site et interaction non souhaité

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

Logo site et interaction non souhaité

Message par Bobelle le Mer 30 Mar 2016 - 13:56

Bonjour à la communauté,

Je souhaite intégrer un logo sur mon site. Rien de complexe jusque là.

Parallèlement, j'ai appliqué dans le head un code pour encadrer les photos :

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

/* Ajouter un cadre arrondi aux images */

.j-imageSubtitle .cc-imagewrapper img {
padding: 9px;
background: #fff;
border: 2px solid #fecfe7;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
margin: 0px 0px;
}

/*]]>*/
</style>

Ce code agit également sur la zone logo et encadre la photo utilisée et c'est là mon soucis.

Merci pour votre attention et votre aide éventuelle.



Bobelle

Messages : 4
Date d'inscription : 30/03/2016

http://www.perruqueriedunet.com

Revenir en haut Aller en bas

Re: Logo site et interaction non souhaité

Message par FredVig le Mer 30 Mar 2016 - 23:08

Il faut cibler différemment.
Si ".j-imageSubtitle .cc-imagewrapper img" inclus le logo, alors, prenez une suite de classes qui écarte le logo.
Et si ce n'est pas possible, prenez l'identifiant unique du contenant du logo et court-circuitez la modification :
utilisez :not
.item:not(p){ ... }
.item, ce sont vos classes ciblées, p, l'identifiant unique du logo (ou une classe s'il en a une de spécifique)

_________________
Les codes de ce forum ne sont valables que pour UN site précis, à une date précise. Inutile de les essayer sans comprendre comment cela fonctionne.
Si vous avez apprécié mon aide, aidez en retour.
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant)Association Bohaires de Gasconha
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Re: Logo site et interaction non souhaité

Message par Bobelle le Jeu 31 Mar 2016 - 12:48

Merci pour cette réponse.

Après quelques manipulation hasardeuse, pourriez-vous me préciser :

Comment identifier les classes ciblées
Comment identifier l'identifiant unique
Comment écrire une suite de classe

Pour ce qui est du contenu des accolades j'ai compris.

Merci par avance

Bobelle

Messages : 4
Date d'inscription : 30/03/2016

http://www.perruqueriedunet.com

Revenir en haut Aller en bas

Re: Logo site et interaction non souhaité

Message par FredVig le Jeu 31 Mar 2016 - 13:42

C'est effectivement la bonne démarche de chercher à acquérir les connaissances nécessaires
Voyez la rubrique tutos de notre forum. (comment modifier le head, comment cibler etc.)
Vous avez Openclassroom qui est très bien fait aussi (apprendre l'html)
Ce sont des leçons qui prennent quelques heures avec des exercices

Il ne faut pas avoir peur d'essayer au hasard
faites juste des sauvegardes de vos modifications de codes pour revenir à une étape correcte le cas échéant.

Dans votre cas précis, vous devriez parvenir à un code du genre :
.j-imageSubtitle .cc-imagewrapper img:not(.identifiantDuLogo) {code déjà mentionné}

il doit exister d'autres façons de faire.

_________________
Les codes de ce forum ne sont valables que pour UN site précis, à une date précise. Inutile de les essayer sans comprendre comment cela fonctionne.
Si vous avez apprécié mon aide, aidez en retour.
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant)Association Bohaires de Gasconha
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Re: Logo site et interaction non souhaité

Message par Bobelle le Jeu 31 Mar 2016 - 18:06

Merci pour ce cheminement.

Après avoir identifié l'ID du logo avec l'inspecteur, j'ai mis en place le code suivant :

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

/* Desencadrer le logo */

.j-imageSubtitle .cc-imagewrapper img:not .cc-m-imagesubtitle-image-12138193927 {

padding: 9px;
background: #fff;
border: 2px solid #fecfe7;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
margin: 0px 0px;
}

/*]]>*/
</style>

Y'a t'il une erreur dans la saisie SVP ? car l'effet escompté n'est pas au RDV.

Bobelle

Messages : 4
Date d'inscription : 30/03/2016

http://www.perruqueriedunet.com

Revenir en haut Aller en bas

Re: Logo site et interaction non souhaité

Message par FredVig le Jeu 31 Mar 2016 - 20:40

il me semble qu'il faut des parenthèses après not, Je ne parviens pas à inspecter votre site pour essayer, qqchose bloque…

_________________
Les codes de ce forum ne sont valables que pour UN site précis, à une date précise. Inutile de les essayer sans comprendre comment cela fonctionne.
Si vous avez apprécié mon aide, aidez en retour.
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant)Association Bohaires de Gasconha
avatar
FredVig

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

http://fredvig.com

Revenir en haut Aller en bas

Re: Logo site et interaction non souhaité

Message par Bobelle le Sam 16 Avr 2016 - 19:22

Bonjour,

Cela fonctionne :

.j-imageSubtitle .cc-imagewrapper img:not(#cc-m-imagesubtitle-image-12138193927){
padding: 9px;
background: #fff;
border: 2px solid #fecfe7;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
margin: 0px 0px;
}
/*]]>*/
</style>

Bobelle

Messages : 4
Date d'inscription : 30/03/2016

http://www.perruqueriedunet.com

Revenir en haut Aller en bas

Re: Logo site et interaction non souhaité

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