Sujet: Fiche presentation : Sobre Lun 24 Avr - 13:58
Adjectif
Adjectif
Adjectif
Adjectif
Adjectif
Adjectif
Adjectif
Adjectif
Adjectif
Adjectif
Prenom P. Nom
Fichier
Info :
Info :
Info :
Info :
Info :
Info :
Info :
Info :
Physique
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ut pellentesque odio, in suscipit magna. Suspendisse potenti. Donec eu sem velit. Cras et arcu vitae lorem malesuada consequat id eu velit. Quisque mollis metus et dui tempus, id vestibulum urna ornare. Nam vel ultricies tellus. Cras faucibus nibh vitae velit hendrerit, ut malesuada augue sodales. Aenean dignissim orci lacus, et placerat leo iaculis et. Nunc laoreet rhoncus quam a pulvinar. Vivamus sed massa pharetra, suscipit ante quis, commodo magna. Etiam ut mauris viverra, laoreet turpis vestibulum, tempus orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam id leo sit amet elit aliquet fermentum quis id mi. Etiam semper convallis nibh quis malesuada.
Nam aliquam accumsan eleifend. Proin ac scelerisque libero, nec feugiat justo. Aliquam libero turpis, consequat ac tincidunt non, ornare ut elit. Vivamus bibendum turpis lectus, sed semper augue porta eget. Nulla facilisi. Quisque justo augue, maximus vitae luctus interdum, laoreet fringilla orci. Etiam ac enim iaculis, volutpat libero sed, iaculis odio. Donec convallis nunc in orci cursus tincidunt. Nulla at bibendum diam. Cras nec elit scelerisque, volutpat ante sit amet, malesuada velit.
Psychologie
Ce bloc est en overflow
Histoire
Ce bloc est extensible
Qui suis-je ?
salucmoi
by Lyxiae
Dernière édition par Rubine le Lun 24 Avr - 15:51, édité 2 fois
<style>.lyxpresfond{margin:0 auto;color:black;width:550px;min-height:620px;background-color:#fffcfc;background-image: url("https://www.transparenttextures.com/patterns/shattered.png");padding-bottom:2px;}.lyxblocleft{width:150px;float:left;background:black;height:535px;}.lyxiconleft{margin:20px;width:100px;height:100px;}.lyxiconleft img{border:5px solid grey;width:100px;height:100px;transition:all 1000ms ease;}.lyxiconleft img:hover{border:5px solid #24a7d5;}.lyxblocadj{background:-moz-linear-gradient(#f7f7f7,#d3d3d3);background:linear-gradient(#f7f7f7, #d3d3d3);max-width:130px;max-height:16px;margin:6px;margin-left:8px;border-radius:2px;padding-left:3px;font-family:Noto sans;font-size:12px;transition:all 1000ms ease;}.lyxblocadj:hover{background:linear-gradient(#aeeaff, #24a7d5);}.lyxblocright{float:left;width:400px;}.lyxpresnom{float:left;line-height:40px;font-family:playfair display;font-size:30px;padding-left:5px;border-bottom:1px solid black;width:390px;transition:all 1000ms ease;}.lyxpresnom2{background:#24a7d5;height:1px;margin-left:-5px;width:0px;transition:all 1000ms ease;margin-bottom:-1px;}.lyxpresnom:hover .lyxpresnom2{width:395px;}.lyxtitleright{line-height:26px;text-align:right;margin-top:3px;margin-right:14px;font-size:25px;font-family:Raleway;text-transform:uppercase;margin-bottom:-20px;}.lyxbloctxt1{float:left;background:white;margin:5px;font-family:arial;font-size:12px;padding:5px;width:380px;}.lyxentry{width:170px;display:inline-block;}.lyxtitleleft{line-height:30px;text-align:left;margin-top:3px;margin-left:12px;font-size:25px;font-family:Raleway;text-transform:uppercase;margin-bottom:-20px;}.lyxbloctxt2{background:white;margin:8px;border-left:5px solid;border-right:5px solid;padding:5px;height:187px;clear:both;font-family:arial;font-size:12px;overflow:auto;text-align:justify;}.lyxbloctxt3{background:white;margin:8px;border-left:5px solid;border-right:5px solid;padding:5px;min-height:154px;clear:both;font-family:arial;font-size:12px;text-align:justify;}.lyxbloctxt4{background:white;margin:8px;padding:5px;min-height:75px;clear:both;font-family:arial;font-size:12px;text-align:justify;}.lyxtitlebis{font-family:playfair display;font-size:25px;padding-left:5px;margin-bottom:-5px;}.copyrlyx{text-align:center;font-family:arial;color:grey;font-size:12px;}</style><link href="https://fonts.googleapis.com/css?family=Noto+Sans|Playfair+Display|Raleway" rel="stylesheet"><div class="lyxpresfond"><div class="lyxblocleft"><div class="lyxiconleft"><img src="http://img15.hostingpics.net/thumbs/mini_287167sombra.png"/></div><div class="lyxblocadj">Adjectif</div><div class="lyxblocadj">Adjectif</div><div class="lyxblocadj">Adjectif</div><div class="lyxblocadj">Adjectif</div><div class="lyxblocadj">Adjectif</div><div class="lyxblocadj">Adjectif</div><div class="lyxblocadj">Adjectif</div><div class="lyxblocadj">Adjectif</div><div class="lyxblocadj">Adjectif</div><div class="lyxblocadj">Adjectif</div><div class="lyxblocadj">Adjectif</div><div class="lyxblocadj">Adjectif</div><div class="lyxblocadj">Adjectif</div><div class="lyxblocadj">Adjectif</div><div class="lyxblocadj">Adjectif</div><div class="lyxblocadj">Adjectif</div><div class="lyxblocadj">Adjectif</div></div><div class="lyxblocright"><div class="lyxpresnom">Prenom P. Nom<div class="lyxpresnom2"></div></div><div class="lyxtitleright">Fichier</div><div class="lyxbloctxt1"><div class="lyxentry"><ul class="lyxentry"><li>Info :</li><li>Info :</li></ul></div><div class="lyxentry"><ul class="lyxentry"><li>Info :</li><li>Info :</li></ul></div></div><div class="lyxtitleleft">Physique</div><div class="lyxbloctxt2"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ut pellentesque odio, in suscipit magna. Suspendisse potenti. Donec eu sem velit. Cras et arcu vitae lorem malesuada consequat id eu velit. Quisque mollis metus et dui tempus, id vestibulum urna ornare. Nam vel ultricies tellus. Cras faucibus nibh vitae velit hendrerit, ut malesuada augue sodales. Aenean dignissim orci lacus, et placerat leo iaculis et. Nunc laoreet rhoncus quam a pulvinar. Vivamus sed massa pharetra, suscipit ante quis, commodo magna. Etiam ut mauris viverra, laoreet turpis vestibulum, tempus orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam id leo sit amet elit aliquet fermentum quis id mi. Etiam semper convallis nibh quis malesuada.
Nam aliquam accumsan eleifend. Proin ac scelerisque libero, nec feugiat justo. Aliquam libero turpis, consequat ac tincidunt non, ornare ut elit. Vivamus bibendum turpis lectus, sed semper augue porta eget. Nulla facilisi. Quisque justo augue, maximus vitae luctus interdum, laoreet fringilla orci. Etiam ac enim iaculis, volutpat libero sed, iaculis odio. Donec convallis nunc in orci cursus tincidunt. Nulla at bibendum diam. Cras nec elit scelerisque, volutpat ante sit amet, malesuada velit.</div><div class="lyxtitleright">Psychologie</div><div class="lyxbloctxt2" >Ce bloc est en overflow</div></div><div class="lyxtitleleft" style="clear:both;">Histoire</div><div class="lyxbloctxt3">Ce bloc est extensible</div><div class="lyxtitlebis">Qui suis-je ?</div><div class="lyxbloctxt4">salucmoi</div><div class="copyrlyx">by Lyxiae</div></div>