Un petit code RP avec des bulles de dialogue pour les personnages o/ Si vous avez besoin d'aide concernant ce code, n'hésitez pas à poster à la suite.
Code:
<center><div class="mainRedBbbl"><div class="blocTTL"><div class="ttlRP">Un titre super sympa</div></div><img class="bannRP" src="https://notjustalabel-prod.s3-accelerate.amazonaws.com/s3fs-public/styles/hero/public/images/editorial/a_letter_from/a_letter_from_seoul/gallery/tumblr_mkac3lo1p91qd89zjo1_500.gif?itok=ntu4_Dg4"><div class="featTTL">★ feat pseudo & pseudo</div> <div style="width: 440px; color: #919191;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<div class="dialogue"> - Paroles du personnage. </div><br/> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<div class="dialogue reponse"> - Paroles de l'autre personnage. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div></div><div class="crdt">(c) Snow</div></center></center><style>.mainRedBbbl{width: 440px; background: #111111; text-align: justify; padding: 20px; border-left: 8px solid #6c1d17; font-family: roboto; font-size: 12px; line-height: 14px;}.bannRP{width: 440px;}.blocTTL{text-align: center!important; width: 432px;background: #6c1d17; padding: 5px; padding-bottom: 10px; border-bottom: 4px solid black;}.ttlRP {color: #fff; font-size: 40px; text-transform: uppercase; letter-spacing: 0px; font-weight: bold; -webkit-text-fill-color: transparent; line-height: 100%; background: -webkit-linear-gradient(transparent, transparent),url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/3701a75b-9748-465e-b71a-4c1371bbb465/d4doj23-4f1bdccc-be71-49fa-b97d-4cd58395e19f.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvMzcwMWE3NWItOTc0OC00NjVlLWI3MWEtNGMxMzcxYmJiNDY1XC9kNGRvajIzLTRmMWJkY2NjLWJlNzEtNDlmYS1iOTdkLTRjZDU4Mzk1ZTE5Zi5naWYifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.XFhy0rRX60HWuNuWNBgHtpdS7SHO3j4kMrEzKZeUJpg') repeat; background-size: 15%; background: -o-linear-gradient(transparent, transparent); -webkit-background-size: cover; -webkit-background-clip: text; background-position:-0px -110px; margin-bottom: -8px; font-family: 'Bangers';}.bannRP{filter: grayscale(100%);}.featTTL{color: #6c1d17; font-weight: bold; margin-top: 10px;}.dialogue {color: #6c1d17; font-weight: bold; position: relative; padding: 10px;background: none; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border: 2px solid #6c1d17; margin-bottom: -15px; vertical-align: middle;} .dialogue:after { content: ''; position: absolute; border-style: solid; border-width: 10px 0 10px 15px; border-color: transparent #6c1d17; width: 0; z-index: 1; left: initial; right: -15px; margin-top: -3px;}.reponse { color: #c2c2c2;} .reponse:after { content: ''; position: absolute; border-style: solid; border-width: 10px 15px 10px 0px; border-color: transparent #6c1d17; width: 0; z-index: 1; left: initial; left: -15px;margin-top: -3px; vertical-align: middle;}.crdt{font-size: 9px; font-family: roboto;}.crdt a{text-decoration: none;color: grey;}</style><link href="https://fonts.googleapis.com/css?family=Roboto|Oswald|Bangers|Lobster" rel="stylesheet"/>
Un titre super sympa
★ feat pseudo & pseudo
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- Paroles du personnage.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- Paroles de l'autre personnage. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.