Excellent code Diaporama, mais manque le CSS

TO LET OPINIONS , QUESTION , REQUEST or JUST FOR LET FRIENDLY MESSAGE

Excellent code Diaporama, mais manque le CSS

Postby flomoorea on Thu Sep 24, 2009 2:29 pm

Bonjour à tous,

Nouvelle sur ce site, je suis actuellement en formation NTIC.
Les programmes proposés gratuitement nous sont tres utiles et nous vous remercions tous je pense !!

J'ai pourtant une demande à vous faire, ayant pour mon site besoin d'un diaporama, j'aurai besoin de la partie CSS, du dossier "XHTML_CSS"
(http://rad2.free.fr/ ) , exemple "gallery" qui est vraiment GENIAL !! :D car le fichier CSS n'y est pas, nous avons seulement le fichier HTML.

Je vais ensuite l'adapter à mon besoin.


Merci d'avance
User avatar
flomoorea
 
Posts: 3
Joined: Wed Sep 23, 2009 10:11 pm

Re: Excellent code Diaporama, mais manque le CSS

Postby RAD on Thu Sep 24, 2009 6:26 pm

SALUT

voila le CSS de cette gallery 8)

Code: Select all
  body {
background-color:#000000;
}

a {
color:#000000;
}

a:visited {
color:#000000;
}

a:active {
color:#000000;
}

a:hover {
text-decoration:none;
}

/* Gallerie  */
.photo {
position:absolute;
width:732px;
height:382px;
background-color:#333333;
left:50%;
top:50%;
margin-left:-366px;
margin-top:-191px;
}

.photo ul,.photo ul ul {
padding:0;
margin:0;
border:0;
list-style:none;
width:215px;
}

.photo ul ul {
margin-left:-9999px;
height:0;
overflow:hidden;
}

.photo ul li {
width:215px;
background:#222222;
float:left;
}

.photo ul li a.set {
display:block;
text-align:center;
height:30px;
line-height:30px;
background:#5d5d5d repeat;
font-size:12px;
text-decoration:none;
border:1px #b3b3b3 solid;
color:#ff6600;
}

.photo ul li table {
border-collapse:collapse;
margin:0;
padding:0;
display:none;
}

.photo ul li a.set:hover {
background:transparent;
}

.photo ul li:hover a.set {
color:#b9b9b9;
background-color:#000000;
}

.photo ul :hover b {
display:block;
width:480px;
height:360px;
background:#f8f8f8;
border:1px solid #888;
position:absolute;
left:250px;
top:0;
}

.photo ul :hover table {
border-collapse:collapse;
padding:0;
margin-top:-2px;
display:block;
border:1px solid #888;
border-width:0 1px 1px;
}

.photo ul :hover ul {
margin:0;
width:207px;
overflow:visible;
height:207px;
background:transparent;
}

.photo ul :hover ul li {
float:left;
display:inline;
width:56px;
margin:2px 6px;
background:transparent;
}

.photo ul :hover ul li a {
background:transparent;
}

.photo ul :hover ul li a img.thumb {
margin:3px;
display:block;
border:0;
}

.photo ul :hover ul li a img.full {
position:absolute;
left:-9999px;
top:0;
border:0;
}

.photo ul :hover ul li a:hover img.thumb {
margin:0;
border:3px solid #fc0;
}

.photo ul :hover ul li a:hover {
background:#fff;
}

.photo ul :hover ul li a:hover img.full {
left:250px;
z-index:0;
border:1px solid #000;
}

.photo .default {
width:480px;
height:360px;
position:absolute;
left:250px;
top:0;
border:1px solid #ddd;
}

A+
RAD

Image La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une.
User avatar
RAD
Administrateur - Site Admin
 
Posts: 532
Joined: Thu Aug 31, 2006 12:02 am

Re: Excellent code Diaporama, mais manque le CSS

Postby flomoorea on Thu Sep 24, 2009 8:16 pm

Merci de votre réponse rapide !!

J'ai une toute petite question :
Les photos miniatures s'affichent en : height:30px;
line-height:30px;
Et les grandes photos en : width:480px;
height:360px;

Je voudrais savoir si vos photos de départ sont égales aux tailles ci-dessus ou sont elles beaucoup plus grandes ???

merci
User avatar
flomoorea
 
Posts: 3
Joined: Wed Sep 23, 2009 10:11 pm

Re: Excellent code Diaporama, mais manque le CSS

Postby RAD on Fri Sep 25, 2009 4:24 pm

Je voudrais savoir si vos photos de départ sont égales aux tailles ci-dessus ou sont elles beaucoup plus grandes ???


il est preferable dans la mesure du possible d' utiliser des photos de tailles egales ou proche des tailles voulu sur la page web !

dans cet exemple les petites font 50 X 38 et les grandes 480 X 360 !

A+
RAD

Image La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une.
User avatar
RAD
Administrateur - Site Admin
 
Posts: 532
Joined: Thu Aug 31, 2006 12:02 am

Re: Excellent code Diaporama, mais manque le CSS

Postby flomoorea on Fri Sep 25, 2009 5:30 pm

Bonjour et merci. :)
User avatar
flomoorea
 
Posts: 3
Joined: Wed Sep 23, 2009 10:11 pm


Return to RAD ZONE FORUM

Who is online

Users browsing this forum: No registered users and 1 guest

cron