| Themenübersicht (Neueste zuerst) |
| Geschrieben von Präsident Enton - 24.06.2024, 20:53 |
|
Code: <center>
<div class="epgesuch"><h1>Gesuchstitel</h1>
<div class="epgessearch"><gh2>Gesuchter</gh2></div>
<blip><img src="https://placehold.co/120x120"><p><b>Name</b> Vorname Nachname
<b>Alter</b> xx Jahre
<b>Beruf</b> Beruf
<b>Faceclaim</b> Vorname Nachname
<b>Sonstiges</b> Was auch immer es sonst zu dem Charakter zu sagen gibt</p></blip>
<span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,</span>
<div class="epgessearch"><gh3>Suchter</gh3></div>
<blip><img src="https://placehold.co/120x120"><p><b>Name</b> Vorname Nachname
<b>Alter</b> xx Jahre
<b>Beruf</b> Beruf
<b>Faceclaim</b> Vorname Nachname
<b>Sonstiges</b> Was auch immer es sonst zu dem Charakter zu sagen gibt</p></blip>
<span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,</span>
<div class="epgessearch"><gh4>Das Wort zum Schluss...</gh4></div>
<span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,</span>
<center><a href="https://farandwide.cherokee-rose.de/index.php"><button>Zum Forum</button></a> <a href="LINK ZUM GESUCH"><button>Zum Gesuch</button></a></center></div>
<p style="font-size: 8px;">Code by <a href="https://storming-gates.de/member.php?action=profile&uid=2377">Timba</a></p></center><!--
CSS Gedöns - wenn du das blau ändern möchtest kannst du den Hex-Code von "--gesAccent" ändern
--><style>:root {--gesDark: #292929; --gesLight: #d1d1d1; --gesLDark: #292a2b; --gesAccent: #2485bd;} .epgesuch {width: 600px; height: auto; background-color: var(--gesdark); background-image: url("https://i.imgur.com/05WEHL2.png"); position: relative; text-align: justify; padding: 15px;} .epgesuch:before {content:''; position: absolute; top: -6px; left: -6px; bottom: -6px; right: -6px; border: 1px solid var(--gesAccent);} .epgesuch h1 {display: block; font-family: 'Press Start 2P', system-ui; color: var(--gesLight); font-size: 25px; line-height: 100%;} .epgessearch {margin: -15px; background: #111212; font-family: 'Courier New'; color: var(--gesLight); padding: 10px; position: relative;} .epgessearch:before {content:''; display: block; position: absolute; top: -2px; bottom: -2px; left: 0px; right: 0px; border-top: 1px solid var(--gesAccent); border-bottom: 1px solid var(--gesAccent);} .epgesuch blip {display: block; position: relative; z-index: 10; margin: 20px -15px 0px -15px; color: var(--gesLDark);} .epgesuch blip:before {content: ''; display: block; background: var(--gesLight); clip-path: polygon(0 0, 70% 0, 100% 100%, 0 100%); position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 1;} .epgesuch blip:after {content: ''; display: block; width: 230px; border-top: 1px solid var(--gesAccent); position: absolute; top: 70px; right: -25px; transform: rotate(38deg);} .epgesuch blip b {display: inline-block; background: var(--gesLDark); width: 120px; padding: 5px; color: var(--gesLight); position: relative; z-index: 16; border-bottom: 1px solid #5e5e5e;} blip img {display: block; width: 120px; height: 120px; padding: 6px; border: 1px solid var(--gesAccent); float: right; position: relative; z-index: 5; top: 5px; right: 10px;} blip p {display: block; position: relative; z-index: 125;} .epgesuch gh2 {position: relative; width: 100%;} .epgesuch gh2:after {content: '<< Gesuchter >>'; position: absolute; left: 360px; width: 200px; color: var(--gesAccent); opacity: 0.5; text-align: right!important;} .epgesuch gh3 {position: relative; width: 100%;} .epgesuch gh3:after {content: '<< Suchender >>'; position: absolute; left: 360px; width: 200px; color: var(--gesAccent); opacity: 0.5; text-align: right!important;} .epgesuch gh4 {position: relative; width: 100%;} .epgesuch gh4:after {content: '<< Schlusswort >>'; position: absolute; left: 360px; width: 200px; color: var(--gesAccent); opacity: 0.5; text-align: right!important;} .epgesuch span {display: block; margin: -10px 10px 20px 10px; background: var(--gesLDark); color: var(--gesLight); padding: 17px; border: 1px solid var(--gesAccent);} .epgesuch button {display: inline-block; width: 120px; height: 30px; background: var(--gesDark); color: var(--gesAccent); font-family: 'Press Start 2P', system-ui; text-align: center!impotant; position: relative; font-size: 12px; margin: 10px; border-radius: 0px; box-shadow: 0px 0px #000; border: 0px solid #fff;} .epgesuch button:after {content: ''; position: absolute; top: -3px; bottom: -3px; left: -3px; right: -3px; border: 1px solid var(--gesAccent);} .epgesuch button:hover {background: var(--gesLDark); filter: brightness(1.4);}</style>
<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=Press+Start+2P&display=swap" rel="stylesheet"> |
| Geschrieben von Präsident Enton - 24.06.2024, 20:46 |
Gesuchstitel![]() Name Vorname Nachname Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, ![]() Name Vorname Nachname Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, Code by Timba <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=Press+Start+2P&display=swap" rel="stylesheet"> |



