-
Notifications
You must be signed in to change notification settings - Fork 0
css
body { background: rgb(80, 0, 30); color: white; }
ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: black; border-radius: 10px; box-shadow: 6px 6px 6px rgb(95, 95, 95) inset;
}
li { float: left; }
li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } li a:hover { background-color: white; color: black; box-shadow: 6px 6px 6px black inset;
} li a.active { background-color: #4CAF50; color: white; }
li:last-child { border-right: none; }
/-------------------Bloc Image------------------------------------/ div.img { margin: 5px; border: 1px solid #ccc; float: left; width: 180px; }
div.img:hover { border: 1px solid #777; }
div.img img { width: 100%; height: auto; }
div.desc { padding: 15px; text-align: center; }
/-----Bloc de Connection-------------------------/
#container{ width:400px; margin:0 auto; margin-top:10%; } /* Bordered form */ form { width:100%; padding: 30px; border: 1px solid #f1f1f1; border-radius: 10px; box-shadow: 6px 6px 0px black; } #container h1{ width: 38%; margin: 0 auto; padding-bottom: 10px; }
/* Full-width inputs */ input[type=text], input[type=password] { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; box-sizing: border-box; border-radius: 10px; box-shadow: 6px 6px 6px black inset; }
/* Set a style for all buttons */ input[type=submit] { background-color: #53af57; color: white; padding: 14px 20px; margin: 8px 0; border: none; cursor: pointer; width: 100%; border-radius: 10px; box-shadow: 6px 6px 6px black inset; } input[type=submit]:hover { background-color: white; color: #53af57; border: 1px solid #53af57;
}
/----------------------Tableau ------------------------------------------/ table { border-collapse: collapse;
} td /* Mettre une bordure sur les td ET les th */ { border: 3px solid black; color: black; background: white; border-radius: 10px; } th{ border: 3px solid black; color: black; background: yellow; border-radius: 10px;
}
p { width: 350px; border: 2px solid black; text-align: justify; padding: 12px;
}
#footer { box-sizing: border-box;
} .jss116 { width: 40px; height: 40px; display: flex; padding: 8px 10px; transition: background 0.1s ease; align-items: center;
border-radius: 50%; justify-content: center; background-color: #e9edec; } .jss116:visited { color: rgba(0, 0, 0, 0.92); }
.jss1:last-child { padding-right: 0; } .jss1:nth-child(2n) { padding-right: 24px; } .jss1:nth-child(4) { order: 4; } .jss4 { max-width: 275px; } .jss1 { width: 25%; } .jss1 { width: 50%; padding: 0; padding-right: 0px; margin-top: 16px; border-bottom: none; }
.jss115 { justify-content: space-between; } .jss115 { margin: 32px 0; display: flex; } .jss117:hover { background-color: #3b5998; } .jss116:hover { color: #fff; } .jss119:hover { background-color: #4875b4; } .jss118:hover { background: linear-gradient(49.2deg, #f9ed32 10%,#ee2a7b 55%, #002aff); } .jss121:hover { background-color: #FF0000; } .jss120:hover { background-color: #03d0fc; }
.jss116:hover { color: #fff; }
.accessibility-hidden { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
<div class="jss115"><div><a href="https://www.facebook.com/" title="Facebook" target="_blank" rel="noopener noreferrer" class="jss117 jss116"><span class="accessibility-hidden">Facebook</span><svg class="" fill="currentColor" width="30%" height="50%" >
<path d="M4.563 4.964h2.295l-0.268 2.536h-2.027v7.357h-3.045v-7.357h-1.518v-2.536h1.518v-1.527q0-1.625 0.768-2.46t2.527-0.835h2.027v2.536h-1.268q-0.348 0-0.558 0.058t-0.304 0.21-0.121 0.308-0.027 0.442v1.268z"></path></svg></a></div>
<div><a href="https://twitter.com" title="Twitter" target="_blank" rel="noopener noreferrer" class="jss120 jss116"><span class="accessibility-hidden">Twitter</span><svg class="" fill="currentColor" width="40%" height="50%" >
<path d="M14.464 3.643q-0.598 0.875-1.446 1.491 0.009 0.125 0.009 0.375 0 1.161-0.339 2.317t-1.031 2.219-1.647 1.879-2.304 1.304-2.884 0.487q-2.42 0-4.429-1.295 0.313 0.036 0.696 0.036 2.009 0 3.58-1.232-0.938-0.018-1.679-0.576t-1.018-1.424q0.295 0.045 0.545 0.045 0.384 0 0.759-0.098-1-0.205-1.656-0.996t-0.656-1.835v-0.036q0.607 0.339 1.304 0.366-0.589-0.393-0.938-1.027t-0.348-1.375q0-0.786 0.393-1.455 1.080 1.33 2.629 2.129t3.317 0.888q-0.071-0.339-0.071-0.661 0-1.196 0.844-2.040t2.040-0.844q1.25 0 2.107 0.911 0.973-0.188 1.83-0.696-0.33 1.027-1.268 1.589 0.83-0.089 1.661-0.446z"></path></svg></a></div>
<div><a href="https://instagram.com" title="Instagram" target="_blank" rel="noopener noreferrer" class="jss118 jss116"><span class="accessibility-hidden">Instagram</span><svg class="" fill="currentColor" width="40%" height="50%" ><path d="M2.055 0.001h11.892c1.128 0 2.053 0.924 2.053 2.055v11.889c0 1.131-0.924 2.055-2.053 2.055h-11.892c-1.13 0-2.055-0.924-2.055-2.055v-11.889c0-1.131 0.925-2.055 2.055-2.055zM11.657 1.777c-0.398 0-0.722 0.325-0.722 0.722v1.725c0 0.395 0.324 0.719 0.722 0.719h1.807c0.398 0 0.72-0.325 0.72-0.719v-1.725c0-0.396-0.322-0.722-0.72-0.722h-1.807zM14.191 6.767h-1.406c0.131 0.435 0.205 0.896 0.205 1.374 0 2.66-2.228 4.819-4.974 4.819s-4.974-2.159-4.974-4.819c0-0.479 0.071-0.939 0.206-1.374h-1.468v6.756c0 0.354 0.286 0.639 0.635 0.639h11.141c0.351 0 0.635-0.285 0.635-0.639v-6.756zM8.015 4.853c-1.775 0-3.213 1.394-3.213 3.113s1.438 3.114 3.213 3.114 3.213-1.396 3.213-3.114c0.001-1.72-1.438-3.113-3.213-3.113z"></path></svg></a></div>
<div><a href="https://www.youtube.com/" title="Youtube" target="_blank" rel="noopener noreferrer" class="jss121 jss116"><span class="accessibility-hidden">Youtube</span><svg class="" fill="currentColor" width="40%" height="50%" ><path d="M11.429 8q0-0.33-0.268-0.482l-4.571-2.857q-0.277-0.179-0.58-0.018-0.295 0.161-0.295 0.5v5.714q0 0.339 0.295 0.5 0.143 0.071 0.277 0.071 0.179 0 0.304-0.089l4.571-2.857q0.268-0.152 0.268-0.482zM16 8q0 0.857-0.009 1.339t-0.076 1.219-0.201 1.317q-0.143 0.652-0.616 1.098t-1.107 0.518q-1.982 0.223-5.991 0.223t-5.991-0.223q-0.634-0.071-1.112-0.518t-0.621-1.098q-0.125-0.58-0.192-1.317t-0.076-1.219-0.009-1.339 0.009-1.339 0.076-1.219 0.201-1.317q0.143-0.652 0.616-1.098t1.107-0.518q1.982-0.223 5.991-0.223t5.991 0.223q0.634 0.071 1.112 0.518t0.621 1.098q0.125 0.58 0.192 1.317t0.076 1.219 0.009 1.339z"></path></svg></a></div></div><a >
<script src="renderer.js"></script>
<title>WatchTech</title>
<h1>Administration</h1>
<tr>
<td>MONTRE GUESS</td>
<td>GUESSF200</td>
<td>Montre Femmes.
Avec Aiguilles et chiffre romains Pure Bonheur
</tr><tr>
<td>Casio Rose Gold </td>
<td>CASIO147</td>
<td>MONTRE CASIO FEMMES ROSE GOLD</td>
<td>Rose Gold</td>
<td>Femmes</td>
<td>images/casio2f.jpg</td>
<td>75</td>
<td>500</td>
<td><button><a href="?action=modify&id=10">Modifier</a></button><a href="?action=modify&id=10">
</a><button><a href="?action=modify&id=10"></a><a href="?action=delete&id=10">Supprimer</a></button><a href="?action=delete&id=10"><br></a></td>
</tr><tr>
<td>Casio Or</td>
<td>CASH74</td>
<td>Montre casio pour homme couleur or</td>
<td>Dore</td>
<td>Hommes</td>
<td>images/casio2h.jpg</td>
<td>70</td>
<td>700</td>
<td><button><a href="?action=modify&id=13">Modifier</a></button><a href="?action=modify&id=13">
</a><button><a href="?action=modify&id=13"></a><a href="?action=delete&id=13">Supprimer</a></button><a href="?action=delete&id=13"><br></a></td>
</tr><tr>
<td>Guess Collector</td>
<td>GUESS8874</td>
<td>Montre guess classe pour hommes</td>
<td>Noir</td>
<td>Hommes</td>
<td>images/guess6h.jpeg</td>
<td>199</td>
<td>777</td>
<td><button><a href="?action=modify&id=16">Modifier</a></button><a href="?action=modify&id=16">
</a><button><a href="?action=modify&id=16"></a><a href="?action=delete&id=16">Supprimer</a></button><a href="?action=delete&id=16"><br></a></td>
</tr><tr>
<td>CERTUS</td>
<td>CERT7485</td>
<td>Montre Certus pour Hommes ou Femmes</td>
<td>Argent</td>
<td>Mixte</td>
<td>images/certus1.jpg</td>
<td>158</td>
<td>0</td>
<td><button><a href="?action=modify&id=17">Modifier</a></button><a href="?action=modify&id=17">
</a><button><a href="?action=modify&id=17"></a><a href="?action=delete&id=17">Supprimer</a></button><a href="?action=delete&id=17"><br></a></td>
</tr><tr>
<td>Montre Dior rouge</td>
<td>DIORARG748rouge</td>
<td>Montre de la collection rouge pour Femmes</td>
<td>Rouge</td>
<td>Femmes</td>
<td>images/dior5.jpg</td>
<td>350</td>
<td>0</td>
<td><button><a href="?action=modify&id=18">Modifier</a></button><a href="?action=modify&id=18">
</a><button><a href="?action=modify&id=18"></a><a href="?action=delete&id=18">Supprimer</a></button><a href="?action=delete&id=18"><br></a></td>
</tr><tr>
<td>LACOSTE</td>
<td>LACOSTE74855</td>
<td>Montre Lacoste noir pour hommes</td>
<td>Noir</td>
<td>Hommes</td>
<td>images/lacoste1.jpg</td>
<td>250</td>
<td>5</td>
<td><button><a href="?action=modify&id=19">Modifier</a></button><a href="?action=modify&id=19">
</a><button><a href="?action=modify&id=19"></a><a href="?action=delete&id=19">Supprimer</a></button><a href="?action=delete&id=19"><br></a></td>
</tr><tr>
<td>Omega Argent</td>
<td>ARGOME784</td>
<td>Montre Omega Argenter Femmes</td>
<td>Argent</td>
<td>Femmes</td>
<td>images/om4f.jpg</td>
<td>240</td>
<td>0</td>
<td><button><a href="?action=modify&id=20">Modifier</a></button><a href="?action=modify&id=20">
</a><button><a href="?action=modify&id=20"></a><a href="?action=delete&id=20">Supprimer</a></button><a href="?action=delete&id=20"><br></a></td>
</tr><tr>
<td>Rolex argente</td>
<td>ROLEXARG74220</td>
<td>Rolex argenter classe pour Hommes</td>
<td>Argent</td>
<td>Hommes</td>
<td>images/rolex4h.jpg</td>
<td>700</td>
<td>0</td>
<td><button><a href="?action=modify&id=21">Modifier</a></button><a href="?action=modify&id=21">
</a><button><a href="?action=modify&id=21"></a><a href="?action=delete&id=21">Supprimer</a></button><a href="?action=delete&id=21"><br></a></td>
</tr><tr>
<td> ROLEX GOLD</td>
<td>ARGROL1111</td>
<td>Montres rolex argent et bande dore</td>
<td>Argent</td>
<td>Hommes</td>
<td>images/rolex3h.jpg</td>
<td>580</td>
<td>0</td>
<td><button><a href="?action=modify&id=22">Modifier</a></button><a href="?action=modify&id=22">
</a><button><a href="?action=modify&id=22"></a><a href="?action=delete&id=22">Supprimer</a></button><a href="?action=delete&id=22"><br></a></td>
</tr><tr>
<td>Rolex Noir Bleu</td>
<td>RBN74</td>
<td>Rolex classe Homme noir</td>
<td>Noir</td>
<td>Hommes</td>
<td>images/rolex1h.jpg</td>
<td>8000</td>
<td>0</td>
<td><button><a href="?action=modify&id=23">Modifier</a></button><a href="?action=modify&id=23">
</a><button><a href="?action=modify&id=23"></a><a href="?action=delete&id=23">Supprimer</a></button><a href="?action=delete&id=23"><br></a></td>
</tr><tr>
<td>KIT ROLEX</td>
<td>KITROL</td>
<td>KIT ROLEX CLASSE HOMMES</td>
<td>Dore</td>
<td>Hommes</td>
<td>images/rolex2.jpg</td>
<td>9000</td>
<td>0</td>
<td><button><a href="?action=modify&id=24">Modifier</a></button><a href="?action=modify&id=24">
</a><button><a href="?action=modify&id=24"></a><a href="?action=delete&id=24">Supprimer</a></button><a href="?action=delete&id=24"><br></a></td>
</tr><tr>
<td>ROLEX ARGENT</td>
<td>ROLHD852</td>
<td>Rolex argenter femmes classe</td>
<td>Argent</td>
<td>Femmes</td>
<td>images/rolex10f.jpg</td>
<td>9560</td>
<td>0</td>
<td><button><a href="?action=modify&id=25">Modifier</a></button><a href="?action=modify&id=25">
</a><button><a href="?action=modify&id=25"></a><a href="?action=delete&id=25">Supprimer</a></button><a href="?action=delete&id=25"><br></a></td>
</tr>
</table>
| Titre | Reference | Description | Couleur | Public | Photo | Prix | Stock | ACTIONS |
|---|---|---|---|---|---|---|---|---|
| Dore | Femmes | images/guess2.jpg | 199 | 780 |
Modifier
Supprimer |