Bordure noire avec Highslide
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 :
http://img30.imageshack.us/img30/2091/blancr.jpg
Et il est possible d'avoir une version noire :
http://img837.imageshack.us/img837/4356/noirq.jpg
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:
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:
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:
1
2
3
4
5
6
7
|
.highslide-wrapper, .highslide-outline {
background: #FFFFFF;
}
.highslide-image {
border: 2px solid #FFFFFF;
} |
en :
Code:
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 :
http://img41.imageshack.us/img41/3470/testyr.jpg
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 :D
