Partagez | 
 

 Spoiler_box

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
avatar
Voir le profil de l'utilisateur http://powerfulpeople.forumactif.org

Un rang quelconque
Messages : 91
Localisation : Partout
Argent : 16502
Emploi/loisirs : Enseignante
Humeur : 100/100

MessageSujet: Spoiler_box  Jeu 8 Fév - 2:45



Titre

Le texte



CSS :
Code:
.spoiler_box { background-color: #543333; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; margin-left: auto; margin-right: auto; margin-top: -10px; padding-left:5px; padding-right: 5px; max-height: 10px;overflow: hidden;padding-top: 8px;text-align: center; transition: 1s; width: 380px; } .spoiler_box:hover{max-height:240px;} .spoiler_contenu {background-color: #805c5c; height: 180px; line-height: 13px; margin-bottom: 15px; margin-top: -5px; margin-left: auto; margin-right: auto; overflow-x: hidden; overflow-y: auto; padding: 10px; font-size: 11px; color: #CCBABA; text-shadow: #000 1px 1px 0px; text-align: justify;
width: 340px; } .spoiler_titre { font-family: 'Kristi'; font-size: 32px; text-shadow: 2px 2px 0px black;  z-index:22; color: #CCBABA; text-align:center;
 font-weight: lighter;}

HTML :
Code:
<div class="spoiler_box"><div class="spoiler_titre">Titre</div>
<div class="spoiler_contenu">Le texte</div>
</div>

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://powerfulpeople.forumactif.org
 
Spoiler_box
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
PowerfulPeople :: Codages :: Codages-
Sauter vers: