Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 21/07/2011, 19h22   #1
Invité de passage
 
Homme
Inscription : juillet 2011
Messages : 2
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France

Informations forums :
Inscription : juillet 2011
Messages : 2
Points : 0
Points : 0
Par défaut 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 :


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 :
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 :

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
Gunsnroll est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 21/07/2011, 20h10   #2
Membre éclairé
 
Homme
F5(){F5}
Inscription : avril 2008
Messages : 256
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : F5(){F5}
Secteur : High Tech - Éditeur de logiciels

Informations forums :
Inscription : avril 2008
Messages : 256
Points : 320
Points : 320
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...
galerien69 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 21/07/2011, 22h27   #3
Invité de passage
 
Homme
Inscription : juillet 2011
Messages : 2
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France

Informations forums :
Inscription : juillet 2011
Messages : 2
Points : 0
Points : 0
Un graaaaaaaaaand merci à toi
Moi qui cherchais désespérément dans le css
ça fonctionne impec.
Gunsnroll est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 07h06.


 
 
 
 
Partenaires

Hébergement Web