Discussion :

[auroore]

Bonjour,

J'ai installé une Shadowbox pour la galerie de mon site, elle fonctionne très bien mais j'aurai aimé la personnaliser un peu.
Alors j'ai réussi à mettre un contour blanc pour faire un style de polaroid, et maintenant je souhaiterai mettre le titre de chaque image sous mon image dans la bordure un peu plus épaisse de mon polaroid.
J'ai essayé de me plonger dans le javascript mais je n'ai pas réussi à trouver ça...
Je vous remercie d'avance, j'espère que quelqu'un pourra me venir en aide.

Auroore

[emmanuel.remy]

Salut et bienvenue sur les forums de developpez.com,

Pourrais tu donner stp quelques renseignement complémentaires du type quelle shadowbox, peut-être un morceau de code que tu as modifié, etc... Parce que là en l'état ce sera difficile de t'aider.

ERE

[auroore]

Merci, hum je ne savais pas qu'il existe différentes "shadowbox", j'ai téléchargé celle-ci
Pour le bout de code que j'ai modifié c'est pas grand chose, j'ai juste ajouter une bordure dans la css de la shadowbox :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
#sb-body{
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
	border-bottom:50px solid #ffffff;
	border-left:15px solid #ffffff;
	border-top:15px solid #ffffff;
	border-right:15px solid #ffffff;

Voilà ce que j'aimerai faire :



Je n'ai pas réussi à trouver comment modifier l'emplacement du titre dans la css donc je suppose que c'est dans le javascript, mais vu que je n'y connais rien en javascript je ne vois pas du tout comment faire

[emmanuel.remy]

Salut,

Je crois que c'est fort peu réalisable car il y a des balises div qui sont générées dans un ordre bien précis (sb-wrapper, sb-info,..., avec des styles tout aussi précis (positionnement relatif/absolu). De plus la taille de l'affichage varie, il peut y avois ou pas une barre de navigation, bref je crains que la modification d'un morceau génère un effet de bord... Mais si tu veux tenter ta chance il faut déplacer la balise

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="sb-title" style="height: 26px;">
    <div id="sb-title-inner" style="">Titre de la photo</div>
</div>

après la balise sb-info qui correspond à celle de la barre de navigation et/ou de fermeture.

ERE