Rendu final
Codes
Tout ce que vous avez à faire est de copier ceci dans votre CSS (Administration → Affichage → Couleurs → Feuille de Style CSS) :
- Code:
.shadow-box {
position: relative;
border-radius: 2px;
background: #fff;
padding: 15px;
margin: 10px;
box-shadow: 0 1px 5px rgba(0,0,0,.25), 0 0 50px rgba(0,0,0,.1) inset;
}
.shadow-box:before {
content: " ";
box-shadow: 0 0 15px rgba(0,0,0,.6);
position: absolute;
left: 0;
right: 0;
top: 10%;
bottom: 10%;
border-radius: 10px/100px;
z-index: -1;
}
Ensuite, il suffit d'utiliser ce HTML où vous le voulez dans votre forum (templates, pa, posts...) :
- Code:
<div class="shadow-box">Mon texte</div>
Et voilà !
