Zombies reversus ab inferno, nam malum cerebro. De carne animata corpora quaeritis. Summus sit, morbo vel maleficia? De Apocalypsi undead dictum mauris. Hi mortuis soulless creaturas, imo monstra adventus vultus comedat cerebella viventium. Qui offenderit rapto, terribilem incessu. The voodoo sacerdos suscitat mortuos comedere carnem. Search for solum oculi eorum defunctis cerebro. Nescio an Undead zombies. Sicut malus movie horror.
Zombies reversus ab inferno, nam malum cerebro. De carne animata corpora quaeritis. Summus sit, morbo vel maleficia? De Apocalypsi undead dictum mauris. Hi mortuis soulless creaturas, imo monstra adventus vultus comedat cerebella viventium. Qui offenderit rapto, terribilem incessu. The voodoo sacerdos suscitat mortuos comedere carnem. Search for solum oculi eorum defunctis cerebro. Nescio an Undead zombies. Sicut malus movie horror.
Zombies reversus ab inferno, nam malum cerebro. De carne animata corpora quaeritis. Summus sit, morbo vel maleficia? De Apocalypsi undead dictum mauris. Hi mortuis soulless creaturas, imo monstra adventus vultus comedat cerebella viventium. Qui offenderit rapto, terribilem incessu. The voodoo sacerdos suscitat mortuos comedere carnem. Search for solum oculi eorum defunctis cerebro. Nescio an Undead zombies. Sicut malus movie horror.
Code:
<div class="city_want_wrap">
<div class="city_want_head"><wanted>*****Gesuchsname*****</wanted></div>
<div class="city_want_info">*****Gesuchsbeschreibung*****</div>
<div class="city_want_char">
<div class="desc">*****Charakterbeschreibung*****</div>
<div class="char"><name>*****VORNAME UND NAME*****</name><div class="img" style="background-image: url('LINK ZUM BILD 150px x 150px');"></div> <facts>Fakt // Fakt // Fakt</facts>
<status>- FREI -</status></div> </div> <div class="city_want_char">
<div class="char"><name>*****VORNAME UND NAME*****</name><div class="img" style="background-image: url('LINK ZUM BILD 150px x 150px');"></div> <facts>Fakt // Fakt // Fakt</facts>
<status>- FREI -</status></div>
<div class="desc">*****Charakterbeschreibung*****</div></div><!-- WEITERER CHAR HIER --></div>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=UnifrakturMaguntia&display=swap" rel="stylesheet"><link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bokor&family=Exo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=UnifrakturMaguntia&display=swap" rel="stylesheet">
<style>:root{ --bg1: #1a1a1a; --bg2: #202020; --bg3: #262626; --lgrey: #1a1a1a; --bgbild: url('https://bloodrealms.de/images/city/bgda.png'); --darkside: url('https://bloodrealms.de/images/city/bgsidedsm.png'); --indframe: url('https://bloodrealms.de/images/city/indexrahmen.png'); --deficon: url('https://bloodrealms.de/images/city/defic.png'); --defaultava: url('https://bloodrealms.de/images/city/defava.png'); --avaframe: url('https://bloodrealms.de/images/city/avaframe.png'); --txtl: #bbb; --txtd: #bbb; --subaccent: #3c3d7a; --subsubaccent:; --Human: #4bc33b; --Witch: #913bc3; --Wolf: #3e3bc3; --Upir: #c33b51; --Shifter: #3bc3bb; } @import url('https://fonts.googleapis.com/css2?family=Bokor&family=Exo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=UnifrakturMaguntia&display=swap')@font-face { font-family: 'black_maskpress'; src: url('https://bloodrealms.de/fonts/black_mask_press-webfont.woff2') format('woff2'), url('https://bloodrealms.de/fonts/black_mask_press-webfont.woff') format('woff'), url('https://bloodrealms.de/fonts/BLACK MASK Press.otf') format('otf'); font-weight: normal; font-style: normal; } .city_want_wrap { width:550px; box-sizing:border-box; overflow: hidden; margin:auto; background: #202020; border-top: 20px solid #323d7a; border-bottom: 20px solid #323d7a; padding-bottom: 20px; } .city_want_head { width:100%; height:100px; display:flex; justify-content: center; align-items: center; flex-direction: column; gap: 10px; background: #1a1a1a; } .city_want_head wanted { color: #3c3d7a; width:100%; text-align: center; font-family: "Bokor", system-ui; font-size: 35px; } .city_want_info { width:100%; padding:30px; box-sizing: border-box; text-align:justify; color: #bbb; } .city_want_sep { height: 20px; width:100%; background:#1a1a1a; } .city_want_char { width: 100%; border-top: 20px solid #1a1a1a; background: #3c3d7a; display:flex; justify-content: space-between; box-sizing:border-box; } .city_want_char .desc { width:49.5%; max-height:300px; overflow:auto;box-sizing:border-box; padding: 30px; text-align: justify; color: #bbb; background: #202020; } .city_want_char .char { width:49.5%; box-sizing:border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #bbb; background: #262626; } .char .img { width: 100px; height: 100px; border: 5px solid #1a1a1a; border-radius: 50%; background-size: cover; transition: .5s; } .char .img:hover { border: 10px solid #3c3d7a; border-radius: 0%; transition: .5s; } .char name { color: #3c3d7a; width:100%; text-align: center; font-family: "Bokor", system-ui; font-size: 25px; } .char facts { color: #3c3d7a; width:100%; text-align: center; font-family: 'Exo', sans-serif; font-size: 15px; } .char status { text-transform: uppercase; margin-top: 30px; }</style>Weiterer Char - Text rechts
Code:
<div class="city_want_char">
<div class="desc">*****Charakterbeschreibung*****</div>
<div class="char"><name>*****VORNAME UND NAME*****</name><div class="img" style="background-image: url('LINK ZUM BILD 150px x 150px');"></div> <facts>Fakt // Fakt // Fakt</facts>
<status>- FREI -</status></div> </div>Weiterer Char - Text links
Code:
<div class="city_want_char">
<div class="char"><name>*****VORNAME UND NAME*****</name><div class="img" style="background-image: url('LINK ZUM BILD 150px x 150px');"></div> <facts>Fakt // Fakt // Fakt</facts>
<status>- FREI -</status></div>
<div class="desc">*****Charakterbeschreibung*****</div></div>