Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi in posuere enim. Fusce ut ligula nibh. Integer commodo ligula in elementum lacinia. Cras augue massa, tincidunt id imperdiet finibus, suscipit at sapien. Etiam leo justo, mollis at libero non, ornare congue odio. Aliquam volutpat iaculis lacus, ac suscipit lorem laoreet rutrum. Vestibulum varius consectetur mauris et semper. Vestibulum non mauris nec justo pellentesque suscipit congue et libero.
Donec nulla turpis, mattis sit amet urna in, pretium pellentesque arcu. Aliquam lobortis orci non nisi lacinia commodo. Suspendisse sed molestie lacus. Suspendisse vel velit tristique, convallis nisi nec, luctus est. Vivamus a erat eu justo ultrices dignissim non quis turpis. Nulla eget leo ut nisl aliquam accumsan quis ac magna. Vestibulum mattis sollicitudin congue. Suspendisse enim nibh, interdum sit amet justo ac, eleifend pretium massa. Nunc nec vehicula nunc. Integer egestas dapibus nibh, ut placerat felis blandit quis. Aliquam erat volutpat. Nulla fringilla, lacus vel dictum mattis, risus metus viverra mi, quis ultrices orci felis accumsan eros. Nam sed massa arcu. Etiam euismod ut ante consectetur consectetur. Ut libero mauris, feugiat a lacinia ac, laoreet non est.
Nullam a viverra lorem. Nullam vestibulum est orci, semper efficitur ante egestas nec. In semper ante a risus scelerisque, a volutpat nulla suscipit. Donec faucibus auctor tincidunt. Vestibulum porta lacinia dui, vel mollis erat efficitur at. Nullam et metus eu nibh auctor auctor non in diam. Praesent et sem odio. Quisque pharetra nisi eu augue consequat consectetur.
Sed sed odio nibh. Curabitur eget tincidunt nisl. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris finibus, ante quis porttitor maximus, nulla diam interdum nisi, eget tincidunt leo nibh at enim. Integer nec est sit amet arcu malesuada egestas sit amet quis diam. Donec malesuada dolor viverra nisl volutpat vulputate ut id purus. Integer nec laoreet risus. Etiam sit amet gravida tellus.
Praesent ornare cursus urna, id eleifend nulla viverra ut. Pellentesque rutrum nibh id velit dignissim pulvinar. Nam vulputate, leo non consectetur ullamcorper, mi risus faucibus orci, ac pellentesque est ligula sit amet odio. Donec aliquam venenatis eleifend. Integer nec tincidunt odio. Phasellus elementum elementum eros, in ornare diam ultrices ac. Nunc suscipit erat sed leo finibus ultrices. Proin suscipit sodales urna, at pellentesque arcu finibus cursus. Sed sed purus egestas, malesuada dolor vitae, dapibus metus. Nunc orci nulla, placerat at odio quis, finibus iaculis nunc. Sed ultrices ex ut diam tempor, ac ultricies metus auctor. Cras sed feugiat lacus. In blandit eros sodales, fermentum quam in, maximus ex. Curabitur semper nisl dolor, in tempus nibh malesuada id.
Praesent ornare cursus urna, id eleifend nulla viverra ut. Pellentesque rutrum nibh id velit dignissim pulvinar. Nam vulputate, leo non consectetur ullamcorper, mi risus faucibus orci, ac pellentesque est ligula sit amet odio. Donec aliquam venenatis eleifend. Integer nec tincidunt odio. Phasellus elementum elementum eros, in ornare diam ultrices ac. Nunc suscipit erat sed leo finibus ultrices. Proin suscipit sodales urna, at pellentesque arcu finibus cursus. Sed sed purus egestas, malesuada dolor vitae, dapibus metus. Nunc orci nulla, placerat at odio quis, finibus iaculis nunc. Sed ultrices ex ut diam tempor, ac ultricies metus auctor. Cras sed feugiat lacus. In blandit eros sodales, fermentum quam in, maximus ex. Curabitur semper nisl dolor, in tempus nibh malesuada id.
Message calypso titre long pour voir ce que cela donne
Design by Ash'
- Code:
<div class="frameCalypso"><!--
--><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi in posuere enim. Fusce ut ligula nibh. Integer commodo ligula in elementum lacinia. Cras augue massa, tincidunt id imperdiet finibus, suscipit at sapien. Etiam leo justo, mollis at libero non, ornare congue odio. Aliquam volutpat iaculis lacus, ac suscipit lorem laoreet rutrum. Vestibulum varius consectetur mauris et semper. Vestibulum non mauris nec justo pellentesque suscipit congue et libero.
Donec nulla turpis, mattis sit amet urna in, pretium pellentesque arcu. Aliquam lobortis orci non nisi lacinia commodo. Suspendisse sed molestie lacus. Suspendisse vel velit tristique, convallis nisi nec, luctus est. Vivamus a erat eu justo ultrices dignissim non quis turpis. Nulla eget leo ut nisl aliquam accumsan quis ac magna. Vestibulum mattis sollicitudin congue. Suspendisse enim nibh, interdum sit amet justo ac, eleifend pretium massa. Nunc nec vehicula nunc. Integer egestas dapibus nibh, ut placerat felis blandit quis. Aliquam erat volutpat. Nulla fringilla, lacus vel dictum mattis, risus metus viverra mi, quis ultrices orci felis accumsan eros. Nam sed massa arcu. Etiam euismod ut ante consectetur consectetur. Ut libero mauris, feugiat a lacinia ac, laoreet non est.
Nullam a viverra lorem. Nullam vestibulum est orci, semper efficitur ante egestas nec. In semper ante a risus scelerisque, a volutpat nulla suscipit. Donec faucibus auctor tincidunt. Vestibulum porta lacinia dui, vel mollis erat efficitur at. Nullam et metus eu nibh auctor auctor non in diam. Praesent et sem odio. Quisque pharetra nisi eu augue consequat consectetur.
Sed sed odio nibh. Curabitur eget tincidunt nisl. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris finibus, ante quis porttitor maximus, nulla diam interdum nisi, eget tincidunt leo nibh at enim. Integer nec est sit amet arcu malesuada egestas sit amet quis diam. Donec malesuada dolor viverra nisl volutpat vulputate ut id purus. Integer nec laoreet risus. Etiam sit amet gravida tellus.
Praesent ornare cursus urna, id eleifend nulla viverra ut. Pellentesque rutrum nibh id velit dignissim pulvinar. Nam vulputate, leo non consectetur ullamcorper, mi risus faucibus orci, ac pellentesque est ligula sit amet odio. Donec aliquam venenatis eleifend. Integer nec tincidunt odio. Phasellus elementum elementum eros, in ornare diam ultrices ac. Nunc suscipit erat sed leo finibus ultrices. Proin suscipit sodales urna, at pellentesque arcu finibus cursus. Sed sed purus egestas, malesuada dolor vitae, dapibus metus. Nunc orci nulla, placerat at odio quis, finibus iaculis nunc. Sed ultrices ex ut diam tempor, ac ultricies metus auctor. Cras sed feugiat lacus. In blandit eros sodales, fermentum quam in, maximus ex. Curabitur semper nisl dolor, in tempus nibh malesuada id.
Praesent ornare cursus urna, id eleifend nulla viverra ut. Pellentesque rutrum nibh id velit dignissim pulvinar. Nam vulputate, leo non consectetur ullamcorper, mi risus faucibus orci, ac pellentesque est ligula sit amet odio. Donec aliquam venenatis eleifend. Integer nec tincidunt odio. Phasellus elementum elementum eros, in ornare diam ultrices ac. Nunc suscipit erat sed leo finibus ultrices. Proin suscipit sodales urna, at pellentesque arcu finibus cursus. Sed sed purus egestas, malesuada dolor vitae, dapibus metus. Nunc orci nulla, placerat at odio quis, finibus iaculis nunc. Sed ultrices ex ut diam tempor, ac ultricies metus auctor. Cras sed feugiat lacus. In blandit eros sodales, fermentum quam in, maximus ex. Curabitur semper nisl dolor, in tempus nibh malesuada id.</p><!--
--><div class="bottomFrame"><!--
--><div class="headFrame"><img src="https://2img.net/u/3112/10/25/15/avatars/5088-46.jpg" alt="Player 1"></div><!--
--><div class="rpNameCalypso"><!--
--><div class="TitleRP"><!--
--><p>Message calypso titre long pour voir ce que cela donne</p><!--
--><span class="mention">Design by Ash'</span><!--
--></div><!--
--></div><!--
--><div class="headFrame"><img src="https://zupimages.net/up/23/48/6mss.png" alt="Player 2"></div><!--
--></div><!--
--></div>
<style>@import url('https://fonts.cdnfonts.com/css/tilt-prism'); @import url('https://fonts.googleapis.com/css2?family=Rubik:ital@1&family=Yanone+Kaffeesatz&display=swap'); .frameCalypso{border : 50px solid; border-image: url('https://cdn.openart.ai/stable_diffusion/6ba7700be05110d3fa40634fedbf1640e80599a6_2000x2000.webp') 50; width:800px; min-height: 1000px; padding : 30px 30px 0 30px; background-image: url('https://img.freepik.com/free-photo/white-woven-fabric_53876-89528.jpg?w=1380&t=st=1704381845~exp=1704382445~hmac=3cf14a42dda835130210223e38e6d45297fae7d8e2d720ffd0026b5187065e21'); background-size : contain ; font-family: 'Yanone Kaffeesatz', sans-serif; color : black; background-color : #00000029;background-blend-mode: darken; display : flex; flex-direction : column; align-items : center;} .frameCalypso > p{font-size : 2rem;} .rpNameCalypso{background-image : url('https://cdn.openart.ai/stable_diffusion/6ba7700be05110d3fa40634fedbf1640e80599a6_2000x2000.webp'); background-size : cover; width : 370px; height : 150px; display : flex; justify-content : center; align-items : center; margin-block : 30px -50px;} .TitleRP{ background-image : url('https://freerangestock.com/sample/36351/metal-plate.jpg'); background-size : cover; width : 330px ; height : 133px; display : flex; justify-content : center; align-items : center; flex-direction: column;} .TitleRP > p{text-align : center; font-family: 'Tilt Prism', sans-serif; text-transform : uppercase; font-size : 2.2rem; padding-inline : 30px; font-weight : bold;} .bottomFrame{width : 100%; display : flex; justify-content : space-between;} .headFrame{height : 122px; width : 122px; background-size : cover; background-image : url('https://cdn.openart.ai/stable_diffusion/6ba7700be05110d3fa40634fedbf1640e80599a6_2000x2000.webp'); border-radius : 50%; display: flex; justify-content: center; align-items : center;} .headFrame > img{ width : 110px; height : 110px; object-fit : cover; object-position : center; border-radius : 50%;} .mention{font-size : 1rem !important;}</style>
- Moissonneuse et Désespoir/poussière:
Désespoir et Poussière
La Moissonneuse
