Bonjour,
je galère trop... je ne comprends pas d'où vient mon problème. J'ai suivi la démarche :
- dl du dossier nivo-slider (je n'ai rien changé au dossier je préfère faire déjà un essai avec la démo proposée)
- téléversement du dossier sur cyberdock
- copier/coller du code de ton widget dans texte edit (pas en rtf mais texte)
- changement des liens par mes url
>>> "éditez la partie CSS du code (style)" qu'est-ce que ça veut dire précisément ???
- perso j'ai fait un copier/coller du code entier puis à partir de "<style type="text/css" media="screen" >" dans un widget sur une de mes pages iweb mais ça ne marche pas non plus.
Voici le code que j'ai copié dans mon widget :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<html lang="en">
<head>
<title>Nivo Slider Demo</title>
<style type="text/css" media="screen" >
body{
background-color: #212121;
}
#slider {
position:relative;
width:640px;
height:400px;
/*margin-left:190px;*/
background:#212121 url(
http://ftpperso.free.fr/nivoslider/them ... oading.gif) no-repeat 50% 50%;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
#slider a {
border:0;
display:block;
}
.nivo-controlNav {
position:absolute;
left:200px;
bottom:-42px;
}
.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(
http://ftpperso.free.fr/nivoslider/them ... ullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.nivo-controlNav a.active {
background-position:0 -22px;
}
.nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(
http://ftpperso.free.fr/nivoslider/them ... arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:15px;
}
.nivo-caption {
text-shadow:none;
font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
color:#0099FF;
text-decoration:none;
}
/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
clear:both;
}
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:60;
display:none;
}
/* The slices in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:50;
height:100%;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:89;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:99;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:99;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="slider-wrapper">
<div id="slider" class="nivoSlider">
<img src="http://ftpperso.free.fr/nivoslider/demo/images/walle.jpg" alt="" title="#htmlcaption"/>
<a href="http://gta.wikia.com/Maisonette_9" target="_top"><img src="http://ftpperso.free.fr/nivoslider/demo/images/up.jpg" alt="" title="Maisonette9" /></a>
<a href="http://gta.wikia.com/Anthony_Prince" target="_top"><img src="http://ftpperso.free.fr/nivoslider/demo/images/toystory.jpg" alt="" title="Anthony Prince" /></a>
<a href="http://gta.wikia.com/Mori_Kibbutz" target="_top"><img src="http://ftpperso.free.fr/nivoslider/demo/images/nemo.jpg" alt="" title="Mori Kibbutz" /></a>
<div id="htmlcaption" class="nivo-html-caption">
<a href="http://gta.wikia.com/The_Ballad_of_Gay_Tony" target="_top">Grand Theft Auto: The Ballad of Gay Tony</a> is the second episode of two add-ons for <a href="http://gta.wikia.com/Grand_Theft_Auto_IV" target="_top">Grand Theft Auto IV</a>.
</div>
</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ftpperso.free.fr/nivoslider/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
</body>
</html>
Et voici le lien de la page... je ne sais pas trop si ça peut vous servir pour m'aider
http://lesratsdinent.free.fr/Home.htmlJe n'y connait rien en code HTLM etc... et je suis plutôt débutante en création de site sur iweb.
Merci de m'aider car il s'agit d'un projet professionnel et j'aimerais avoir un site web représentatif de mon ambition !
News
Plan de site
SitemapIndex
Flux RSS
