28.06.2022, 18:58 (Dieser Beitrag wurde zuletzt bearbeitet: 28.06.2022, 22:32 von Hugo.)
Es hagelt Nüsse
am
Gruß und Kuss
Ich nehm ne Nuss!
Die XX darfs sein,
das wär fein.
Geisterstunde
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Code:
<div class="dysgrey_container">
<div class="dysgrey_text">
<div class="dysgrey_text_titel">Geisterstunde</div>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
28.06.2022, 20:47 (Dieser Beitrag wurde zuletzt bearbeitet: 10.07.2022, 12:42 von Hugo.)
Es hagelt Nüsse
am
Ich sammel noch eine XX auf
Theodorus
von Haderstaedt
Avatarperson: Eggy Eggster Eggerson
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam dictum nulla nullam amet morbi eros id fringilla. Sed quis morbi dictum aliquam tristique quis euismod id. Libero placerat mollis tincidunt magna praesent commodo. Suspendisse non diam ut donec morbi massa pharetra. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam dictum nulla nullam amet morbi eros id fringilla. Sed quis morbi dictum aliquam tristique quis euismod id. Libero placerat mollis tincidunt magna praesent commodo. Suspendisse non diam ut donec morbi massa pharetra.
Bartender
7 Monate
Wollmilchsau
bester Kumpel
Barbesucher
2 Jahre
eierlegend
Schneewittchen
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam dictum nulla nullam amet morbi eros id fringilla. Sed quis morbi dictum aliquam tristique quis euismod id. Libero placerat mollis tincidunt magna praesent commodo. Suspendisse non diam ut donec morbi massa pharetra. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam dictum nulla nullam amet morbi eros id fringilla. Sed quis morbi dictum aliquam tristique quis euismod id. Libero placerat mollis tincidunt magna praesent commodo. Suspendisse non diam ut donec morbi massa pharetra.
Von Landeiern
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam dictum nulla nullam amet morbi eros id fringilla. Sed quis morbi dictum aliquam tristique quis euismod id. Libero placerat mollis tincidunt magna praesent commodo. Suspendisse non diam ut donec morbi massa pharetra. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam dictum nulla nullam amet morbi eros id fringilla. Sed quis morbi dictum aliquam tristique quis euismod id. Libero placerat mollis tincidunt magna praesent commodo. Suspendisse non diam ut donec morbi massa pharetra.
<div class="fehn2_surnom">von Haderstaedt</div>
<div class="fehn2_avatar">Avatarperson: Eggy Eggster Eggerson</div>
<div class="fehn2_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam dictum nulla nullam amet morbi eros id fringilla. Sed quis morbi dictum aliquam tristique quis euismod id. Libero placerat mollis tincidunt magna praesent commodo. Suspendisse non diam ut donec morbi massa pharetra. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam dictum nulla nullam amet morbi eros id fringilla. Sed quis morbi dictum aliquam tristique quis euismod id. Libero placerat mollis tincidunt magna praesent commodo. Suspendisse non diam ut donec morbi massa pharetra.</div>
<div class="fehn2_facts">
<div class="fehn2_fact">Bartender</div>
<div class="fehn2_fact">7 Monate</div>
<div class="fehn2_fact">Wollmilchsau</div>
<div class="fehn2_fact">bester Kumpel</div>
</div>
</div>
<div class="fehn2_banner"></div>
<div class="fehn2_suchender">
<div>
<div class="fehn2_suchpic"><img src="https://abload.de/img/huhn4fkql.png"></div>
<div class="fehn2_fact">Barbesucher</div>
<div class="fehn2_fact">2 Jahre</div>
<div class="fehn2_fact">eierlegend</div>
<div class="fehn2_fact">Schneewittchen</div>
</div>
<div class="fehn2_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam dictum nulla nullam amet morbi eros id fringilla. Sed quis morbi dictum aliquam tristique quis euismod id. Libero placerat mollis tincidunt magna praesent commodo. Suspendisse non diam ut donec morbi massa pharetra. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam dictum nulla nullam amet morbi eros id fringilla. Sed quis morbi dictum aliquam tristique quis euismod id. Libero placerat mollis tincidunt magna praesent commodo. Suspendisse non diam ut donec morbi massa pharetra.</div>
</div>
<div class="fehn2_banner"></div>
<div>
<div class="fehn2_surnom">Von Landeiern</div>
<div class="fehn2_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam dictum nulla nullam amet morbi eros id fringilla. Sed quis morbi dictum aliquam tristique quis euismod id. Libero placerat mollis tincidunt magna praesent commodo. Suspendisse non diam ut donec morbi massa pharetra. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam dictum nulla nullam amet morbi eros id fringilla. Sed quis morbi dictum aliquam tristique quis euismod id. Libero placerat mollis tincidunt magna praesent commodo. Suspendisse non diam ut donec morbi massa pharetra.</div>
<div class="fehn2_facts">
<div class="fehn2_fact">Kleinstadt</div>
<div class="fehn2_fact">L3S2V1</div>
<div class="fehn2_fact">keine MLP</div>
<div class="fehn2_fact">Whitelist</div>
</div>
<div class="fehn2_boardlink"><a href="">Zum Forum</a></div></div>
</div>
28.06.2022, 22:21 (Dieser Beitrag wurde zuletzt bearbeitet: 29.06.2022, 19:19 von Hugo.)
Es hagelt Nüsse
am
Noch eine Nuss,
dann ist hier Schluss
für mich.
Drum, lieber Hugo, sprich,
was sich hinter der XX versteckt
und Codingfreude weckt.
Mein Name ist Huhn
Hortensia Huhn
Fakten
Freilandhaltung
Bio
Lieblingsfutter: Würmer
verrücktes Huhn
superweiche Federn
träumt vom Leben als Eiermilliardärin
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Abneigungen
Fuchs
Eiersalat
Regen
Nachbarsesel
Geist Günther
Rowdies
Code:
<div class="dyshuhn_container">
<div class="dyshuhn_header">
<div class="dyshuhn_header-heading">Mein Name ist Huhn</div>
</div>
<div class="dyshuhn_weiteres">
<div class="dyshuhn_beschreibung">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div>
*screenshot, weil filter hier auf dem Forum eine Onclick Version mitbringt, die ich nicht ausschalten kann. Screenshot aus einem Forum
Html
Code:
<div class="fehn6_container">
<div class="fehn6_flex">
<div class="fehn6_box">
<div class="fehn6_bild"><img src="https://loremflickr.com/265/150"></div>
<div class="fehn6_h">*Admin</div>
<div class="fehn6_text">
<b>Lorem ipsum dolor</b> sit amet, consectetur adipiscing elit. Vel est non vitae at gravida id velit hendrerit. <br><b>Cursus interdum</b> aenean nisl mauris lectus erat elit cras id. Diam condimentum vitae molestie sit tortor egestas in phasellus volutpat.<br><b>Nullam semper</b> sit amet, eu vestibulum facilisis fames euismod. Felis adipiscing sagittis, justo eget. Rutrum gravida sit amet id mattis nunc, sed.
</div>
</div>
<div class="fehn6_box">
<div class="fehn6_bild"><img src="https://loremflickr.com/265/150/dog"></div>
<div class="fehn6_h">*personal</div>
<div class="fehn6_text">
<b>Lorem ipsum dolor</b> sit amet, consectetur adipiscing elit. Vel est non vitae at gravida id velit hendrerit. <br><b>Cursus interdum</b> aenean nisl mauris lectus erat elit cras id. Diam condimentum vitae molestie sit tortor egestas in phasellus volutpat.<br><b>Nullam semper</b> sit amet, eu vestibulum facilisis fames euismod. Felis adipiscing sagittis, justo eget. Rutrum gravida sit amet id mattis nunc, sed.
</div>
</div>
</div>
<div class="fehn6_dossier">*Dossier</div>
<div class="fehn6_epilog">
<b>Lorem ipsum dolor sit</b> amet, consectetur adipiscing elit. Vel est non vitae at gravida id velit hendrerit.
Cursus interdum aenean nisl mauris lectus erat elit cras id.<br> <b>Diam condimentum</b> vitae molestie sit tortor egestas in phasellus volutpat. <br><b>Nullam semper</b> sit amet, eu vestibulum facilisis fames euismod. Felis adipiscing sagittis, justo eget. Rutrum gravida sit amet id mattis nunc, sed.
</div>
</div>
Css
Code:
:root {
--fehn6_orange:#E55812;
--fehn6_text:#404040;
--fehn6_bg:#DAC6B5;
--fehn6_links: 'IM Fell Great Primer SC', serif;
--fehn6_texting: 'Roboto', sans-serif;
}
<div class="fehn_container">
<div class="fehn_posthead">
<div class="fehn_postquote">All people are players</div>
<div class="fehn_postusername">
Theodorus von Haderstaedt
</div></div>
<div class="fehn_postflex">
<div class="fehn_postbit">
<div class="fehn_postava"><img src="https://abload.de/img/ryuava6tjx9.png"></div>
<div class="fehn_postsubava"><div class="fehn_postsubtitle">villain or hero</div>
<div class="fehn_postgroup"><i class="fa-solid fa-broom"></i></div></div>
<div class="fehn_postdesript">Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum dui faucibus in ornare quam viverra orci sagittis eu volutpat odio facilisis mauris sit </div>
<div class="fehn_postfact">
hier steht eine Info
</div>
<div class="fehn_postfact">
hier steht eine Info
</div>
<div class="fehn_postfact">
hier steht eine Info
</div>
<div class="fehn_posticon"><img src="https://abload.de/img/ryusigmgkm2.png"></div>
<div class="fehn_postawards">
<i class="fa-solid fa-dove"></i><i class="fa-solid fa-seedling"></i><i class="fa-solid fa-sun"></i><i class="fa-solid fa-book-skull"></i><i class="fa-solid fa-dragon"></i>
</div>
</div>
<div class="fehn_posttext">
<div class="fehn_postheadinfos">
<div class="fehn_postinfo">38 Jahre</div>
<div class="fehn_postinfo">Anwalt</div>
<div class="fehn_postinfo">Manhatten</div>
</div>
<div class="fehn_postinfos">gepostet am 23.03.2021 </div>
<div class="fehn_postmessage">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Massa cursus aliquet volutpat odio mattis nunc. At enim tincidunt maecenas in sem enim felis elit. Fringilla enim, pharetra morbi enim. Congue libero vitae elit id fermentum sagittis feugiat posuere laoreet. Egestas tellus turpis lorem pharetra vulputate diam eu cursus senectus. Purus amet, non suspendisse sapien. Quis pharetra risus interdum purus quis nunc. Elit urna purus pellentesque pharetra aenean. Odio pharetra egestas sit neque. Nec ut quis nam tempus.
Natoque pellentesque nunc nunc, ridiculus et urna, euismod. Porttitor nulla id donec tincidunt lobortis urna eget nunc venenatis. Ultrices ac id eleifend iaculis turpis vivamus at. Aliquet a faucibus nulla in pharetra turpis lacus pretium. Diam quis suspendisse elit ut blandit nascetur pellentesque turpis commodo.
Feugiat nisi sed mattis pharetra aliquet egestas nam venenatis semper. Volutpat fermentum ipsum feugiat integer posuere aenean. Sit laoreet urna feugiat a gravida sed. Dui tortor arcu ipsum cursus. Maecenas sit enim iaculis pharetra quis id laoreet. Turpis ac vitae venenatis, malesuada sollicitudin ornare nisi, hac potenti. Rhoncus felis malesuada aliquam massa consectetur sit. Sapien enim arcu egestas mauris, enim. Lobortis aenean vitae suscipit fusce diam malesuada amet leo, a.
Quisque integer varius sed lorem vel ipsum gravida venenatis. Mi tempor adipiscing semper felis, dictum sit. Adipiscing nec arcu mollis tortor ridiculus enim tempus scelerisque dui. Duis ante amet, velit, id. A tristique consectetur enim vestibulum quis maecenas nisi. Libero purus placerat lorem purus libero, nec ultrices fermentum. Dui libero, posuere vel vel penatibus neque sed. Senectus sit pharetra, velit ornare aliquam. Arcu, elit in dictum in urna scelerisque. Vulputate duis elementum tortor elementum.
Ultrices erat risus platea leo, proin non risus. In cum fermentum parturient nibh bibendum sapien justo quis cras. Phasellus risus lorem amet vestibulum, nisl aenean arcu. Sed scelerisque in nec potenti quis tempor risus. Congue felis mollis lobortis interdum scelerisque congue maecenas. Ultricies pellentesque vulputate leo est. Orci ultricies ultrices amet porttitor risus non. Ornare tristique suspendisse tellus nunc, vulputate. Molestie purus in tincidunt non at etiam tincidunt dignissim. Egestas nisi, semper ac mi risus velit blandit.
Leo sagittis, varius enim, amet, aliquam placerat. Nullam congue in nisl, volutpat fermentum. Felis semper aliquam id imperdiet massa, adipiscing vel, adipiscing. Consequat risus cras morbi pharetra est posuere.
</div>
</div>
</div>
<div class="fehn_postbuttons">
<a class="fehn_postbutton">bearbeiten</a>
<a class="fehn_postbutton">zitieren</a>
</div>
</div>