saulnier.j
/
MSJS_clochard_saulnier
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

update html/css

master
leandre.clochard 3 years ago
parent
2dbf6e25a8
commit
a3cd0cae46
7 changed files with 123 additions and 32 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 29
      Index.html
  2. BIN
      image/accueil.png
  3. BIN
      image/imgnoirbingo.png
  4. 1
      loading.js
  5. 48
      slots.html
  6. 46
      styles.css
  7. 27
      tests.html

29
Index.html
View File

@ -19,15 +19,6 @@
<!--<div class="cards-fan-container">
<img src="image/Ace.png" class="card-fan" id="ace-fan"/>
<img src="image/King.png" class="card-fan" id="king-fan"/>
<img src="image/Queen.png" class="card-fan" id="queen-fan"/>
<img src="image/Jack.png" class="card-fan" id="jack-fan"/>
<img src="image/Ten.png" class="card-fan" id="ten-fan"/>
</div> -->
<div class="loader"> <div class="loader">
<span class="lettre">7</span> <span class="lettre">7</span>
@ -38,11 +29,27 @@
</div> </div>
<a href="slots.html">
<img class="img1" src="image/imgnoirslot.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirslot.png'" alt="" /> <img class="img1" src="image/imgnoirslot.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirslot.png'" alt="" />
</a>
<img class="img2" src="image/imgnoirbj.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirbj.png'" alt="" /> <img class="img2" src="image/imgnoirbj.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirbj.png'" alt="" />
<img class="img3" src="image/imgnoirroulette.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirroulette.png'" alt="" /> <img class="img3" src="image/imgnoirroulette.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirroulette.png'" alt="" />
<img class="img4" src="image/imgnoir.jpg" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoir.jpg'" alt="" /> <img class="img4" src="image/imgnoirbingo.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirbingo.png'" alt="" />
<div class="bg"></div> <div class="bg"></div>

BIN
image/accueil.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 84 KiB

BIN
image/imgnoirbingo.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 94 KiB

1
loading.js
View File

@ -6,3 +6,4 @@ window.addEventListener('load', () => {
}) })

48
slots.html
View File

@ -0,0 +1,48 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>casino 77</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<img class=logo src="image/logo.png">
<a href="Index.html">
<img class=accueil src="image/accueil.png">
</a>
<div class="loader">
<span class="lettre">7</span>
<span class="lettre">7</span>
<span class="lettre">7</span>
</div>
<img class="img1" src="image/imgnoirslot.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirslot.png'" alt="" />
<img class="img2" src="image/imgnoirbj.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirbj.png'" alt="" />
<img class="img3" src="image/imgnoirroulette.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirroulette.png'" alt="" />
<img class="img4" src="image/imgnoirbingo.png" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoirbingo.png'" alt="" />
<div class="bg"></div>
<script src="loading.js"></script>
<script src="main.js"></script>
</body>
</html>

46
styles.css
View File

@ -6,8 +6,21 @@
} }
.accueil {
position:absolute;
left:88%; z-index:2;
width: 10%;
height:18%;
}
.accueil:hover {
border : 2px solid rgba(147,112,219,0.5);
box-shadow:8px 8px 10px 0 rgba(147,112,219,0.5);
}
.img1 { .img1 {
position: absolute; position: absolute;
z-index:1; bottom:52%; left:16%; z-index:1; bottom:52%; left:16%;
@ -85,10 +98,24 @@
border : 2px solid rgba(147,112,219,0.5); border : 2px solid rgba(147,112,219,0.5);
box-shadow:8px 8px 10px 0 rgba(147,112,219,0.5); box-shadow:8px 8px 10px 0 rgba(147,112,219,0.5);
} }
.img4 {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.img4:hover {
border : 2px solid rgba(147,112,219,0.5);
box-shadow:8px 8px 10px 0 rgba(147,112,219,0.5);
}
.loader { .loader {
position: absolute; position: absolute;
z-index: 1;
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -198,25 +225,7 @@
} }
.card-fan {
position: absolute;
width: 15%;
transform-origin: bottom;
transition: .3s linear;
}
.cards-fan-container:hover #ten-fan{
transform: rotate(20deg)
}
.cards-fan-container:hover #ace-fan{
transform: rotate(-20deg)
}
.cards-fan-container:hover #jack-fan{
transform: rotate(10deg)
}
.cards-fan-container:hover #king-fan{
transform: rotate(-10deg)
}
.bg { .bg {
width: 100%; width: 100%;
@ -270,3 +279,4 @@

27
tests.html
View File

@ -1 +1,26 @@
<img src="image/imgnoir.jpg" onmouseover="this.src='image/bgcasino.jpg';" onmouseout="this.src='image/imgnoir.jpg'" alt="" /> <html>
<head>
<meta charset="utf-8">
<title>casino test</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div id="ac-wrapper">
<div id="popup">
<center>
<h2>Popup Content Here</h2>
<input type="submit" name="submit" value="Submit" onClick="PopUp()" />
</center>
</div>
</div>
<p>Page Content Here......</p>
<script src="loading.js"></script>

Write Preview
Loading…
Cancel
Save