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