<style> .liens { width: 400px; padding-bottom:20px; margin:auto; height: auto; background:white; box-shadow:1px 2px 10px black;} .titreliens { margin:auto; position:absolute; margin-top:-35px; color: #FCC19E; font-family: 'Vivaldi'; text-shadow: 1px 1px lightgrey; font-size: 35px; transition: 1s; } .titreliens:hover { opacity:0.7; transition: 1s; } .imgliens:hover { transition:0.5s; opacity:0.8; } .informations { transition: 0.5s; margin-top:20px;background: #FCC19E; margin:auto; width:400px; opacity:0.8; color:white; text-align:center; } .informations:hover { transition: 0.5s; opacity: 1;} .story { font-family: 'Century Gothic'; letter-spacing: -0.05em; font-size: 12px; overflow:auto; margin-top: 20px; width: 350px; border-top: 03px solid #FCC19E; border-bottom: 03px solid #FCC19E; margin:auto; height: 150px; padding: 10px; text-align: justify; transition: 1s; } .story:hover { transition: 1s; opacity:0.8; } .stitre { margin:auto; text-align:center; color: #FCC19E; font-family: 'Vivaldi'; text-shadow: 1px 1px lightgrey; font-size: 35px; transition: 1s; } .imgliens { margin:auto; width:200px; border-radius: 13px; } .imgliens:hover { transition: 1s; opacity:0.8; } .ajoutimg { margin-top: 15px; width:50px; height:50px; opacity:0.9; border-radius:05px; float:left; margin-left:10px; } .ajoutlien { margin:auto; width:500px; height:100px; background:white; box-shadow:1px 2px 10px black;} </style>
<br><div class="liens"><div class="titreliens">Type du préliens</div>
<div class="informations">Prenom - Nom - Age ou Poste proposé</div><br />
<div class="stitre">Point d'histoire ou recherche</div>
<div class="story">Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. </div><br />
<div class="stitre">Tes attentes !</div>
<div class="story" style="height:70px;">Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. </div></div><a href="http://epicode.variousforum.com/">[size=8]
Araksha sur épicode[/size]</a>