AccueilAccueil  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Boutique
 :: Prélude :: Reglement & mise en situation

Messages : 8
Date d'inscription : 19/12/2016
http://alwayshp.forumactif.com
avatar
Prefet en chef

Grimoire
Maison: Griffondor
Année d'études: 7ème année
Lun 21 Mai - 11:22

Titre de la boutique

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

titre catégorie 1


0000000Nom de l'article
Description de l'article


titre catégorie 2


0000000Nom de l'article
Description de l'article








Code:
<link href='https://fonts.googleapis.com/css?family=Questrial' rel='stylesheet' type='text/css'/><div class="boutique">
<div class="expl"><div class="bout-titre">Titre de la boutique</div>
<img src="http://zupimages.net/up/16/30/qu06.png" class="cart"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
<div class="categorie">titre catégorie 1</div>

<div class="article"><span class="prix">0000</span><span class="stock">000</span>[b]Nom de l'article[/b]
[i]Description de l'article[/i]</div>

<div class="categorie">titre catégorie 2</div>

<div class="article"><span class="prix">0000</span><span class="stock">000</span>[b]Nom de l'article[/b]
[i]Description de l'article[/i]</div>
</div>
<div class="creditbout">par <a href="http://epicode.bbactif.com/u5650">FAUCHEUSE ☠️</a> pour <a href="http://epicode.bbactif.com/">Epicode</a></div>

Code:
.boutique{background-color: #f3c881; background-image: url('http://www.zupimages.net/up/16/24/5sfp.png'); padding: 15px; border-radius: 5px; line-height : 2px; font-family : questrial} .article{background-color : #ffeead; padding : 3px; line-height : 14px; border-radius : 1px; min-height: 31px;} .prix{display: block; float: left; width: 50px; height: 31px; line-height: 33px; color: white; font-size: 16px; text-align: center; background-color: rgba(255, 111, 105, 0.55); border-radius: 2px; margin-right: 7px; -o-transition-duration : 0.4s; -webkit-transition-duration : 0.4s; -moz-transition-duration : 0.4s; transition-duration : 0.4s;} .prix:hover{background-color: #ff6f69; -o-transition-duration : 0.4s; -webkit-transition-duration : 0.4s; -moz-transition-duration : 0.4s; transition-duration : 0.4s;} .prix::after{content : '€'} .article strong{color: #ff6f69; font-size : 15px; font-weight: normal; letter-spacing : 0px; -o-transition-duration : 0.4s; -webkit-transition-duration : 0.4s; -moz-transition-duration : 0.4s; transition-duration : 0.4s;} .article strong:hover{letter-spacing: 2px; -o-transition-duration : 0.4s; -webkit-transition-duration : 0.4s; -moz-transition-duration : 0.4s; transition-duration : 0.4s;} .article i{font-size : 11px; text-transform : lowercase; color : black; font-style : normal; letter-spacing : 1px;} .stock{float : right; font-size : 12px;} .stock::before{content : 'stock : x'} .categorie{border-bottom: 4px solid #ffeead; line-height: 15px; color: #fff5cf; letter-spacing: 2px; text-transform: lowercase; font-size: 20px; text-align : center; margin-top : 10px;} .expl{font-family: arial; line-height: 19px; font-size: 11px; padding: 7px 20px 7px 20px; text-align: justify; background-color: #fff5cf;} .bout-titre{color: #ff6f69; border-bottom: 2px solid #ffcc5c; font-size: 25px; padding-left: 12px; line-height: 20px; font-family: questrial; margin-bottom : -10px; letter-spacing : 0px; -o-transition-duration : 0.4s; -webkit-transition-duration : 0.4s; -moz-transition-duration : 0.4s; transition-duration : 0.4s;} .bout-titre:hover{-o-transition-duration : 0.4s; -webkit-transition-duration : 0.4s; -moz-transition-duration : 0.4s; transition-duration : 0.4s; letter-spacing : 2px;} .boutique .cart{width : 55px; float : left; margin-right : 7px;} .creditbout{font-size : 9px; font-family : arial; text-align : center; color : rgba(0, 0, 0, 0.34); text-transform : uppercase} .creditbout a{color : (0, 0, 0, 0.44); font-weight : bold; text-decoration : none;}




www
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum

 :: Prélude :: Reglement & mise en situation
Boutique

Sauter vers: