▬ Je suis un titre
Feat Pseudo du membre
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis scelerisque dolor. Aliquam vulputate mollis euismod. Duis rhoncus posuere eleifend. Pellentesque ornare nisi id lacinia ultrices. Mauris sit amet condimentum neque, at posuere mauris. Duis venenatis condimentum mauris vel facilisis. Praesent facilisis feugiat pretium. Quisque a dolor sit amet metus malesuada feugiat. Sed vitae neque nec diam cursus ultrices. Nam placerat tempor placerat. Ut aliquam dui ac ultrices porttitor. In eget hendrerit mauris. Fusce in ex tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel luctus risus, cursus maximus eros. Vestibulum dui erat, consequat in neque molestie, pellentesque.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis scelerisque dolor. Aliquam vulputate mollis euismod. Duis rhoncus posuere eleifend. Pellentesque ornare nisi id lacinia ultrices. Mauris sit amet condimentum neque, at posuere mauris. Duis venenatis condimentum mauris vel facilisis. Praesent facilisis feugiat pretium. Quisque a dolor sit amet metus malesuada feugiat. Sed vitae neque nec diam cursus ultrices. Nam placerat tempor placerat. Ut aliquam dui ac ultrices porttitor. In eget hendrerit mauris. Fusce in ex tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel luctus risus, cursus maximus eros. Vestibulum dui erat, consequat in neque molestie, pellentesque.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis scelerisque dolor. Aliquam vulputate mollis euismod. Duis rhoncus posuere eleifend. Pellentesque ornare nisi id lacinia ultrices. Mauris sit amet condimentum neque, at posuere mauris. Duis venenatis condimentum mauris vel facilisis. Praesent facilisis feugiat pretium. Quisque a dolor sit amet metus malesuada feugiat. Sed vitae neque nec diam cursus ultrices. Nam placerat tempor placerat. Ut aliquam dui ac ultrices porttitor. In eget hendrerit mauris. Fusce in ex tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vel luctus risus, cursus maximus eros. Vestibulum dui erat, consequat in neque molestie, pellentesque.
agora
HTML & CSS direct sur le sujet
- Code:
-
<div class="av"><img class="im" src="https://i.imgur.com/MZL4SVT.png" /><div class="aw">▬ Je suis un titre</div><div class="az">[b]Feat[/b] [i]Pseudo du membre[/i]</div></div><div class="ay">Je suis un paragraphe
<!-- CRÉDIT A NE PAS RETIRER, MERCI --><a class="cr" href="https://agora-ls.forumactif.com/">agora</a></div>
<style>@import url('https://fonts.googleapis.com/css?family=Libre+Caslon+Text|Roboto+Condensed:300,400&display=swap'); .av {width: 320px; margin: auto; background-color: #D6DDFF; padding: 10px; min-height: 110px;} .im {float: left; margin-right: 10px; color: #404040; border: 5px solid #FFF;} .aw {text-transform: uppercase; color: #404040; font-size: 14px; margin-top: 25px; margin-bottom: 10px;} .az {color: #404040; background-color: #FFF; font-size: 11px; margin-left: 120px; padding-left: 5px;} .ay {background-color: #EFF2FF; color: #404040; width: 300px; margin: auto; padding: 20px; font-size: 12px; font-family: 'Roboto Condensed', serif;} a.cr {letter-spacing: 1px; font-size: 9px; display: block; text-align: center; font-family: 'Roboto Condensed', sans-serif; color: #a4b0e6; opacity: 0.7;} a.cr:hover {opacity: 1;}</style>