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.

Amélioration design Prague

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

Amélioration design Prague

Message par alp352 le Lun 20 Avr 2015 - 22:12

Bonjour,

Dans mes galeries de photos, je trouve dommage que le survol de la souris crée un voile sur l'image concernée, alors qu'au contraire on aimerait la mettre en valeur au lieu de la ternir.
Comment puis-je faire pour supprimer cet effet? ou bien le remplacer par un effet plus valorisant éventuellement...un liseré blanc autour de l'image, par exemple.

D"autre part j'aurais souhaité pouvoir agrandir un peu la photo qui me sert de logo. Actuellement je suis au maximum.
www.danielmetral.com

Merci de votre aide

alp352

Messages : 10
Date d'inscription : 16/11/2014

http://alp352.jimdo.com

Revenir en haut Aller en bas

Re: Amélioration design Prague

Message par FredVig le Mar 21 Avr 2015 - 10:12

… pas simple !
Il faudrait changer beaucoup de paramètres, et pour chaque image.
Cette disposition n'a pas pour vocation de mettre en valeur, mais d'indiquer un lien vers une vue plus grande. C'est un standard de communication.
Vous pouvez tenter ce code (mais je ne peux pas le garantir)
Code:
.content-options .j-imageSubtitle a:active img {
   opacity: 1 !important; border: solid 1px white !important;}
- Quant à l'image de logo, c'est un problème qui a souvent été abordé. Il est possible de forcer le design à élargir l'image, amis cela peut créer des "accidents" d'affichage selon la largeur de fenêtre.
Le principe consiste à forcer les dimensions de l'image :
Code:
#cc-m-imagesubtitle-image-9593993197{width:915px; height:auto!important;}
Sans dépasser la largeur maxi du design, sinon, cela demande d'autres codes.
Le prérequis pour cette modification est, comme toujours, le tuto http://www.jimdoforum.fr/t4-les-bases-de-la-modification-du-design-d-un-site-jimdo


Dernière édition par FredVig le Mer 29 Avr 2015 - 11:15, édité 1 fois

_________________
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 : 1794
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: Amélioration design Prague

Message par alp352 le Mar 21 Avr 2015 - 21:53

Merci FredVig, mais effectivement ça ne fonctionne pas pour le survol du lien image. Cela pourrait être acceptable pour les galeries de photos (encore qu'on m'a déjà fait plusieurs réflexions négatives à ce sujet), mais c'est très dommageable pour la photo qui sert de logo. Pour cette dernière, pourrait-on supprimer le lien vers la page d'accueil? par les modifs de style, on ne peut pas apparemment.
Ca m'embêterait de changer de design juste pour cela
En ce qui concerne l'agrandissement de la photo-logo, ça marcherait mais elle ne s'agrandit que par la droite, donc elle n'est plus centrée...
Merci d'avance, si par hasard vous trouvez une nouvelle astuce

alp352

Messages : 10
Date d'inscription : 16/11/2014

http://alp352.jimdo.com

Revenir en haut Aller en bas

Re: Amélioration design Prague

Message par alp352 le Mar 28 Avr 2015 - 22:28

Bonsoir, je suis finalement parvenu à annuler l'effet du survol souris, en insérant la totalité du code
.content-options .j-gallery a:hover img, .content-options .j-gallery a:active img, .content-options .j-gallery a:focus img, .content-options .j-imageSubtitle a:hover img, .content-options .j-imageSubtitle a:active img, .content-options .j-imageSubtitle a:focus img {
   opacity: 1 !important;}

Mais je n'ai pas remplacé par le liseret blanc, car il serait présent aussi sur ma photo-logo, ce qui serait très dommageable.
Il y aurait bien une solution: supprimer le lien de ce logo vers la page d'accueil, mais je ne sais pas comment faire. Help! si quelqu'un a une solution...
Je pense que c'est un gros défaut de ce design, il me semble anormal que le logo soit traité comme n'importe quel image, et réagisse au passage de la souris. Si les concepteurs pouvaient trouver une solution, ce serait super!

alp352

Messages : 10
Date d'inscription : 16/11/2014

http://alp352.jimdo.com

Revenir en haut Aller en bas

Re: Amélioration design Prague

Message par FredVig le Mer 29 Avr 2015 - 11:14

Ben non, le logo doit renvoyer à la page d'accueil, c'est un peu obligé quand m^me !
Ce que vous modifiez, c'est la modification d'aspect pour les images qui renvoient vers un lien.
Il suffit de faire deux variantes de la modification :
Code:
.content-options .j-imageSubtitle a:hover img, .content-options .j-imageSubtitle a:active img, .content-options .j-imageSubtitle a:focus img {
   opacity: 1 !important; }
.content-options .j-gallery a:hover img, .content-options .j-gallery a:active img, .content-options .j-gallery a:focus img {
   opacity: 1 !important; outline:solid 2px #fff !important; outline-offset: -2px!important;}
Mais le liseret blanc va être masqué à droite.
ça peut faire un style…

_________________
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 : 1794
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: Amélioration design Prague

Message par alp352 le Dim 3 Mai 2015 - 21:53

Merci. Précision tout de même: ce que je conteste ce n'est pas que le logo renvoie à la page d'accueil, c'est que son aspect soit modifié au survol de la souris comme n'importe quelle image

alp352

Messages : 10
Date d'inscription : 16/11/2014

http://alp352.jimdo.com

Revenir en haut Aller en bas

Re: Amélioration design Prague

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