Bonjour,
je suis en train de faire un site que je voudrais lancer par la suite en même temps que mon kickstarter
j'éssaye d'avoir une approche "pro" comme premiere impression mais aussi "inovant" ou on sens la creativiter.
malheureusement j'ai essayer pendant des heure et je n'arrive jamais a avoir de slide, au mieux j'ai mon rectangle est toutes mes images dedans mais sans animation
j'ai donc au bout de quelques heure été sur le site codepen.io et.. malgré un vieux copier coller rien ne fonctionne.
je viens donc vers vous avec mon code et ma référence pour vous demander de l'aide (et au passage vous demander si mon code est correct ou si j'ai tout mal fait a la base [se qui m'enpecherais de faire le slide])
merci de m'avoir lu et voici mon code: (sans le slider que j'éssaye d'integré, je vous mes un liens vers le slider)
<!doctype html>
<html lang="fr">
<head>
<meta http-equiv="X-UA-Copatible" content="IE=edge,chrome=1">
<meta charset="utf-8">
<title>Gladion</title>
<link rel="icon" type="image/png" href=".../../../images/icon.png"/>
<link href='.../../../css/style.css' type='text/css' rel='stylesheet'/>
<script src=".../../../java/index.js"></script>
</head>
<body>
<header>
<div class="header">
<div class="titre"> <a href="sommaire.html" title="Gladion SA"> <h1> Gladion </h1></a> </div>
<ul class="nav">
<li><a href="../../communaute.html"> Communauté </a> </li>
<li><a href="../../synopsis.html"> Synopsis </a> </li>
<li><a href="../../monde.html"> Monde </a> </li>
<li><a href="../html/boutique/shop.html"> Boutique </a> </li>
</ul>
<ul class="link">
<li><a href="#"> Panier </a></li>
<li><a href="#"> Recherche </a></li>
<li><a href="#"> FR </a></li>
<li><a href="#"> EN </a></li>
</ul>
</div>
</div>
</header>
<main>
<!-- slider -->
</main>
</body>
<footer> <!-- à faire -->
</html>
h1{
font: 100px variant; color: DarkOrange; text-align: center;
font-weight: bolder;}
body{
margin:0 auto; background: white; }
html { overflow-x: hidden; }
.header {
height:300px;
background:#000;
border: 1px solid #000;
top: 0px;
width: 100% }
a:link {
text-decoration:none;
color: white; }
a:link:hover {
color: darkorange; }
a:visited {
color: white; }
a:visited:hover {
color: darkorange; }
.nav {
margin: 0;
padding: 0;
display: flex;
}
.nav li {
list-style: none;
margin: 0 175px;
transition: 0.5s;
}
.nav li a{
position: relative;
text-decoration: none;
padding: 5px;
font-size: 27px;
font-family: sans-serif;
color: #fff;
font-weight: bold;
transition: 0.5s;
}
.link {
list-style-type: none;
text-align: auto;
margin-top: -270px;
padding: 0;
position:absolute;
left:77%;
right:0%;
margin-left:auto;
margin-right:auto; }
.link li{
display: inline-block;
font-size: 19px;
font-color: #fff;
padding: 6%;}
.slider { /* test raté */
margin: 0 auto;
margin-top: 4.5%;
position: relative;
width: 55%;
height:450px;
background:#000;
overflow: hidden;}
et voici le liens du slider que je ne parviens pas a reproduire..
https://codepen.io/pdesacastro/pen/zqyJBr
s'il vous plait, de l'aide
Thibaut
