Discussion :

[Gunsnroll]

Bonjour, je me sers de http://highslide.com, et j'aimerais changer la bordure lorsque l'image s'ouvre.En cliquant sur l'image, elle s'ouvre comme ça :


Et il est possible d'avoir une version noire :


Et c'est là que ça se corse.
Sur le site du script, il y a un éditeur qui donne les codes, mais comme j'avais déjà modifié le html et pris le css de l'archive du site, j'ai voulu récupérer seulement une partie du css. (le lien del'éditeur au cas ou)

Pour la version blanche, ils me donnent :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
.highslide-wrapper, .highslide-outline {
	background: #FFFFFF;
}
.highslide img {
	border: 1px solid #D0D0D0;
}
.highslide:hover img {
	border-color: #A0A0A0;
}
.highslide-active-anchor img {
	visibility: visible;
	border-color: #808080 !important;
}
.highslide-image {
	border: 2px solid #FFFFFF;
}
.highslide-loading {
	color: black;
	border: 1px solid black;
	background-color: white;
	background-image: url(graphics/loader.white.gif);
}
 
.highslide-controls {
	position: static !important;
	margin-bottom: 0;
	width: 195px !important;
}
.highslide-gallery ul li {
	width: 106px;
	height: 106px;
	border: 1px solid #D0D0D0;
	background: #EDEDED;
	margin: 2px;
}

Et pour la noire :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
.highslide-wrapper, .highslide-outline {
	background: #111111;
}
.highslide img {
	border: 1px solid #D0D0D0;
}
.highslide:hover img {
	border-color: #A0A0A0;
}
.highslide-active-anchor img {
	visibility: visible;
	border-color: #808080 !important;
}
.highslide-image {
	border: 2px solid #111111;
}
.highslide-caption {
	color: #CCCCCC;
	padding: 2px;
}
.highslide-loading {
	color: black;
	border: 1px solid black;
	background-color: white;
	background-image: url(graphics/loader.white.gif);
}
 
.highslide-controls {
	position: static !important;
	margin-bottom: 0;
	width: 195px !important;
}
.large-dark .highslide-controls, .large-dark .highslide-controls ul, .large-dark .highslide-controls a {
	background-image: url(graphics/controlbar-black-border.gif);
}
.highslide-gallery ul li {
	width: 106px;
	height: 106px;
	border: 1px solid #D0D0D0;
	background: #EDEDED;
	margin: 2px;
}

J'ai donc modifié les :

Code :

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

1
2
3
4
5
6
7
 
.highslide-wrapper, .highslide-outline {
	background: #FFFFFF;
}
.highslide-image {
	border: 2px solid #FFFFFF;
}

en :

Code :

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

1
2
3
4
5
6
 
.highslide-wrapper, .highslide-outline {
	background: #111111;
}
.highslide-image {
	border: 2px solid #111111;

Le problème c'est que ça me donne ça :

Et j'aimerais que ce cadre passe en noir, c'est peu être tout bête, mais je suis un peu perdu.
Le lien de la page internet pour avoir les codes complets : [url]http://gunsnroll.museum.free.fr/fondsecran.html[url]

Merci d'avance à celui qui pourra m'aider

[Invité]

salut,

Il faut que tu modifies l'image en coloriant ta bordure en noir http://gunsnroll.museum.free.fr/high...nded-white.png
rq : sur le site, tu n'as qu'à pomper les liens vers les images...

[Gunsnroll]

Un graaaaaaaaaand merci à toi
Moi qui cherchais désespérément dans le css
ça fonctionne impec.