Leviathan  136
CharakterbogenAufenthaltsort: Zimmer 205Aktuelles Outfit: Offenes, grau kariertes Hemd über weißem T-Shirt, knielange Jeasshorts, weiße Sneakersocken  Vorlage: Handy
Hier findet ihr die "offizielle" Vorlage für unsere Handys und könnt euch gerne bedienen, wenn ihr keine eigenen zur Verfügung habt oder euch dieser hier einfach zusagt. Wollt ihr die Vorlage genau so nutzen wie hier abgebildet ist, reicht diese Vorlage: KontakteHier einfach bei den Strichen "A", "B", etc. angeben, je nach Anfangsbuchstabe eines Kontakts! - Spoiler:
- Code:
-
<center><div class="smsa"><div class="smsh"><div class="smsn2">Kontakte</div><div class="smsp">+</div></div> <div class="smsl"></div> <div class="smsh"><img src="https://via.placeholder.com/75x75" class="smsImg"><div class="smsn">Dein Name</div> Dein Status</div> <div class="smsd">-</div> <div class="smsh">Vorname/Nachname/Spitzname</div> <div class="smsh">Vorname/Nachname/Spitzname</div> <div class="smsh">Vorname/Nachname/Spitzname</div> <div class="smsd">-</div> <div class="smsh">Vorname/Nachname/Spitzname</div> <div class="smsh">Vorname/Nachname/Spitzname</div> <div class="smsh">Vorname/Nachname/Spitzname</div> </div></center>
Vorschau:  Dein Name Dein Status - Vorname/Nachname/Spitzname Vorname/Nachname/Spitzname Vorname/Nachname/Spitzname - Vorname/Nachname/Spitzname Vorname/Nachname/Spitzname Vorname/Nachname/Spitzname - Spoiler:
- Code:
-
<center><div class="sms2a"><div class="sms2l"></div>Wochentag, xx. Monat Jahr<div class="sms2l"></div> <div class="sms2i">Inhalt</div> <div class="sms2b">von XXX um xx:xx Uhr | Gesprächsdauer: (wenn Anruf)</div></div></center>
Vorschau: Wochentag, xx. Monat Jahr Inhalt von XXX um xx:xx Uhr | Gesprächsdauer: (wenn Anruf)
Wollt ihr Farben oder mehr ändern, müsst ihr zusätzlich zum oben angeführten Code das CSS am Ende eures Beitrags einfügen und so umändern, wie es euch beliebt. Code für das CSS - Kontakte (nur, wenn man die Vorlage umgestalten will) - Spoiler:
- Code:
-
<style>.smsa{width: 420px; max-height: 500px; overflow: auto; scrollbar-width: thin;} .smsImg{width: 75px; height: 75px; border-radius: 100%; border: #040404 solid 1px; margin-right: 10px; float: left;} .smsa::-webkit-scrollbar{width: 2px;} .smsa::-webkit-scrollbar-track-piece{background: #ede6d4;} .smsa::-webkit-scrollbar-thumb{height: 3px; background: #ede6d4; border-radius: 3px;} .smsh{display: inline-block; background: #ede6d4; color: #040404; padding: 10px; width: 380px; text-align: left; font-size: 15px;} .smsl{display: inline-block; background: #0e90a7; color: #040404; width: 400px; height: 2px;} .smsd{display: inline-block; background: #0e90a7; color: #040404; padding: 2px 10px 2px 10px; width: 380px; font-weight: bold; text-align: left; font-size: 15px;} .smsn{display: inline-block; font-size: 20px; font-weight: bold; margin-top: 10px;} .smsn2{display: inline-block; font-size: 25px; font-weight: bold;} .smsp{display: inline-block; float: right; width: 25px; height: 25px; text-align: center; border-radius: 100%; background: #0e90a7; margin-right: 10px; color: #e7e7e7; font-size: 20px; line-height: 105%; } </style>
Code für das CSS - SMS/Anruf (nur, wenn man die Vorlage umgestalten will) - Spoiler:
- Code:
-
<style>.sms2a{display: inline-block; width: 400px; color: #0e90a7; font-family: Arial; font-size: 13px;} .sms2l{display: inline-block; height: 2px; width: 75px; background: #0e90a7; margin: 0px 10px 3px 10px;} .sms2i{display: inline-block; width: 370px; padding: 15px; background: #ede6d4; text-align: justify; color: #040404; font-family: Arial; font-size: 13px;} .sms2b{display: inline-block; width: 396px; height: 15px; background: #0e90a7; text-align: right; font-size: 9px; font-style: italic; color: #e0e0e0; font-family: Arial; padding: 2px;} </style>
©By Nile |
