Amélioration design Prague

[alp352]

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

[FredVig]

… 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

[alp352]

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]

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!

[FredVig]

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…

[alp352]

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

[Contenu sponsorisé]