Tutoriels vidéo art graphique gratuits

 
Bienvenue, Invité. Merci de vous connecter ou de vous inscrire.
Pages: [1]   En bas

Auteur Sujet: mettre une bordure au passage de la souris vignette shadowbox  (Lu 4659 fois)

adcontact

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 9
    • Voir le profil

Bonjour a tous,

Qui saurait me dire comment mettre une bordure aux vignettes au passage de la souris  dans shadowbox js.

merci d'avance
IP archivée

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : mettre une bordure au passage de la souris vignette shadowbox
« Réponse #1 le: août 19, 2012, 19:30:32 pm »

Salut.
C'est probablement pas dans shadowbox.js que ça va se passer mais dans sa CSS ! Difficile à dire… Donc, exemple, lien vers un essai online !!!!
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

adcontact

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 9
    • Voir le profil
Re : mettre une bordure au passage de la souris vignette shadowbox
« Réponse #2 le: août 20, 2012, 15:42:41 pm »

salut, comment puis je te faire une demo en ligne ?
IP archivée

adcontact

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 9
    • Voir le profil
Re : mettre une bordure au passage de la souris vignette shadowbox
« Réponse #3 le: août 20, 2012, 15:45:30 pm »

sur cette page , http://creadtiv.com/portfolio.php

 c'est une shadowbox, et au passage de la souris j aimerais que les vignettes soient entourées d 'une bordure en couleur

merci pour ta réponse !
IP archivée

metaroid

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 187
    • Voir le profil
    • Portfolio infographiste metaroid
Re : mettre une bordure au passage de la souris vignette shadowbox
« Réponse #4 le: août 23, 2012, 22:59:34 pm »

salut,

Si tu as accès au CSS tu pourrais y ajouter un truc du style:
a.img:hover{border: 1px solid #000000;}
IP archivée
Less is more

adcontact

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 9
    • Voir le profil
Re : mettre une bordure au passage de la souris vignette shadowbox
« Réponse #5 le: août 24, 2012, 09:49:15 am »

ok; merci bcp
IP archivée

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : mettre une bordure au passage de la souris vignette shadowbox
« Réponse #6 le: août 24, 2012, 14:29:20 pm »

Pour éviter un agrandissement des vignettes de 2 px au passage, il faudra aussi ajouter un bord au vignettes lorsqu'elle sont au repos.

Augmenter un peu la taille de ta shadowbox et renseigner dans ta CSS ce qui suit :


#shadowbox a img {
    border: 1px solid #FFF;
}
#shadowbox a:hover img { /*a img:hover peut aussi fonctionner mais pas avec IE6*/
    border: 1px solid #000;
}

PS, ça fait assez amateur comme site avec toutes ces choses qui bougent partout (animation ???) et aussi, j'ai cru y retrouver des choses issue du magasine Advanced Creation.
« Modifié: août 24, 2012, 14:45:34 pm par Eddy »
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

adcontact

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 9
    • Voir le profil
Re : mettre une bordure au passage de la souris vignette shadowbox
« Réponse #7 le: août 24, 2012, 17:01:51 pm »

merci pour tes conseils ;)

et aussi pour ton avis, c'est souvent la critique qui fait avancer, en revanche non, rien n'est issu du magazine...
IP archivée

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : mettre une bordure au passage de la souris vignette shadowbox
« Réponse #8 le: août 24, 2012, 22:03:17 pm »

Au temps pour moi, j'ai confondu une de tes image avec une autre mais, je suis certain d'avoir vu cette photo quelque part déjà…
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

adcontact

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 9
    • Voir le profil
Re : mettre une bordure au passage de la souris vignette shadowbox
« Réponse #9 le: août 25, 2012, 10:01:55 am »

c'est une photo que jai du travailler lors d'une courte formation, il est donc possible, quelle est deja tournée sur le net, jimagine qu'il ne change pas les ressources régulièrement...
 :)
IP archivée
 



Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Lightroom, Illustrator, InDesign, Flash… Aujourd’hui, Wisibility réunie plus d'une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…
Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Notre forum très actif, géré par une équipe de bénévoles répondra à vos demandes. Vous pourrez également profiter de nos émissions et reportages sur la Wisi TV.
Contact - Wisibility est une marque déposée

Blog - Tutoriels - Wisi TV - Forum