StartseiteSuchenNeueste BilderAnmeldenLogin

 :: Off-Topic :: GFX Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten
Shima no Koji :: Off-Topic :: GFX

Codes by Ophani
Ophaniel

Ophaniel

Zen 47

Charakterbogen
Aufenthaltsort: Kleiner Rosengarten
Aktuelles Outfit: beige Shorts - blaues, kurzärmeliges Hemd + weißes Unterhemd - hellblaue Riemchensandalen - Entencap + Vivian's Sonnenhut
Ophaniel

Ophaniel
BeitragThema: Codes by Ophani Codes by Ophani EmptyDi 12 Feb 2019 - 20:16
Da ich ab und an mal Codes für andere machen und auch welche zur Verfügung stelle, möchte ich Euch ebenfalls diese freistellen. Ihr dürft nach Belieben die Farben verändern, passend zu Euren Charakteren. Codes by Ophani 3422863880
Hier im Forum könnt Ihr die Codes gerne überall verwenden - in anderen Foren nur auf Absprache. Bei beidem ist das Copyright beizubehalten!

Dann frohes gucken! Codes by Ophani 4289392896




~
Nach oben Nach unten
Ophaniel

Ophaniel

Zen 47

Charakterbogen
Aufenthaltsort: Kleiner Rosengarten
Aktuelles Outfit: beige Shorts - blaues, kurzärmeliges Hemd + weißes Unterhemd - hellblaue Riemchensandalen - Entencap + Vivian's Sonnenhut
Ophaniel

Ophaniel
BeitragThema: Re: Codes by Ophani Codes by Ophani EmptyDi 12 Feb 2019 - 20:23
Hier eine Beziehungsvorlage!
» die Bilder dienen nur zur Veranschaulichung. Maße der Bilder - großes Bild: 200px hoch, 150px breit. Kleines Bild: 200px hoch, 50px breit.

Einzelne Codeabschnitte über
Code:
</div><div class="bezc">by <a href="http://forenallianz.forumieren.de/u11">Nile</a></div></center>
eintragen!


Name
a good friend//my enemie//shy brother//etc.

Sympathie
-/10
Erste Begegnung
-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.



Name
a good friend//my enemie//shy brother//etc.

Sympathie
-/10
Erste Begegnung
-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.



by Nile




Code:
<center><div class="bezr">
<div class="bezü">Name</div><div class="bezü2">a good friend//my enemie//shy brother//etc.</div><div class="beza"><img src="https://i.servimg.com/u/f48/19/78/14/45/111.jpg" style="width: 150px; height: 200px;"><div class="bezt">
<div class="bezü3">Sympathie</div> -/10
<div class="bezü3">Erste Begegnung</div> -
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.

</div><img src="https://i.servimg.com/u/f48/19/78/14/45/1_110.jpg" style="width: 50px; height: 200px;"></div>

<div class="bezü">Name</div><div class="bezü2">a good friend//my enemie//shy brother//etc.</div><div class="beza"><img src="https://i.servimg.com/u/f48/19/78/14/45/2_210.jpg" style="width: 50px; height: 200px;"><div class="bezt">
<div class="bezü3">Sympathie</div> -/10
<div class="bezü3">Erste Begegnung</div> -
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.

</div><img src="https://i.servimg.com/u/f48/19/78/14/45/214.jpg" style="width: 150px; height: 200px;"></div>
</div><div class="bezc">by <a href="http://forenallianz.forumieren.de/u11">Nile</a></div></center>

<style> .bezr{border-left: 3px #c3c3c3 solid; padding-right: 10px; width: 500px;} .beza{width: 475px; height: 200px;} .bezt{height: 180px; width: 255px; display: inline-block; background-color: #272727;); padding: 10px; color: #e0e0e0; font-size: 13px; font-family: Arial; text-align: justify; overflow: auto;} .bezü{font-size: 33px; font-family: 'Unica One'; display: inline-block; margin-bottom: 5px; color: #c3c3c3;} .bezü2{font-size: 20px; font-family: 'Unica One'; display: inline-block; margin-bottom: 5px; color: #c3c3c3; margin-left: 5px;} .bezü3{font-size: 15px; font-family: 'Unica One'; display: inline-block; margin-bottom: 5px; margin-right: 5px;} .vorc{font-size: 10px; font-family: Arial; color: #c3c3c3;} .bezc{font-size: 10px; font-family: Arial;} </style>
<link href="https://fonts.googleapis.com/css?family=Unica+One" rel="stylesheet">

Abschnitt mit dem großen Bild links:
Code:
<div class="bezü">Name</div><div class="bezü2">a good friend//my enemie//shy brother//etc.</div><div class="beza"><img src="https://i.servimg.com/u/f48/19/78/14/45/111.jpg" style="width: 150px; height: 200px;"><div class="bezt">
<div class="bezü3">Sympathie</div> -/10
<div class="bezü3">Erste Begegnung</div> -
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.

</div><img src="https://i.servimg.com/u/f48/19/78/14/45/1_110.jpg" style="width: 50px; height: 200px;"></div>

Abschnitt mit dem großen Bild rechts:
Code:
<div class="bezü">Name</div><div class="bezü2">a good friend//my enemie//shy brother//etc.</div><div class="beza"><img src="https://i.servimg.com/u/f48/19/78/14/45/2_210.jpg" style="width: 50px; height: 200px;"><div class="bezt">
<div class="bezü3">Sympathie</div> -/10
<div class="bezü3">Erste Begegnung</div> -
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.

</div><img src="https://i.servimg.com/u/f48/19/78/14/45/214.jpg" style="width: 150px; height: 200px;"></div>




~
Nach oben Nach unten
Ophaniel

Ophaniel

Zen 47

Charakterbogen
Aufenthaltsort: Kleiner Rosengarten
Aktuelles Outfit: beige Shorts - blaues, kurzärmeliges Hemd + weißes Unterhemd - hellblaue Riemchensandalen - Entencap + Vivian's Sonnenhut
Ophaniel

Ophaniel
BeitragThema: Re: Codes by Ophani Codes by Ophani EmptyDi 12 Feb 2019 - 20:25
Eine Gesuchsvorlage!

Gesucht wird ...
a sweet girl/shy boy/etc.

Fakt
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.
Fakt
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.
Gesucht von ...
a bad boy/crazy girl/etc.

Fakt
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.
Fakt
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.

Nachwort ...
was noch wichtig ist

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.

by Nile




Code:
<center><div class="gesuch1a"><img src="http://placehold.it/150x250" width="150" height="250" style="border: 2px #373c61 solid; float: left; margin-right: 10px;"><div class="gesuch1ü">Gesucht wird ...</div><center><div class="gesuch1t2"></div></center><div align="right"><div class="gesuch1ü2">a sweet girl/shy boy/etc.</div></div>
<div class="gesuch1ü2">Fakt</div> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.
<div class="gesuch1ü2">Fakt</div> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.
</div><div class="gesuch1t"></div><div class="gesuch1a"><img src="http://placehold.it/150x250" width="150" height="250" style="border: 2px #373c61 solid; float: right; margin-left: 10px;"><div class="gesuch1ü">Gesucht von ...</div><center><div class="gesuch1t2"></div></center><div align="right"><div class="gesuch1ü2">a bad boy/crazy girl/etc.</div></div>
<div class="gesuch1ü2">Fakt</div> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.
<div class="gesuch1ü2">Fakt</div> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.
</div><div class="gesuch1t"></div>
<div class="gesuch1a"><div class="gesuch1ü">Nachwort ...</div><center><div class="gesuch1t3"></div></center><div align="right"><div class="gesuch1ü2">was noch wichtig ist</div></div>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.

<div align="right"><div class="gesuch1ü2"><a href="LINK">zum Gesuch</a></div></div></div><div class="gesuch1c">by <a href="http://forenallianz.forumieren.de/u11">Nile</a></div></center>

<style>.gesuch1a{width: 370px; padding: 15px; background-color: #d6d8e1; border-left: 5px #373c61 solid; border-right: 5px #373c61 solid; text-align: justify; font-size: 13px; font-family: 'Arial'; color: #383838;} .gesuch1t{width: 410px; height: 5px; background-color: #373c61; display: inline-block;} .gesuch1ü{font-family: 'Medula One'; font-size: 35px; color: #373c61; display: inline-block; margin-bottom: 5px; margin-left: 15px;} .gesuch1t2{width: 200px; height: 2px; background-color: #FFF; display: inline-block;} .gesuch1t3{width: 100%; height: 2px; background-color: #FFF; display: inline-block;} .gesuch1ü2{font-family: 'Medula One'; font-size: 20px; color: #373c61; display: inline-block; margin-bottom: 5px; margin-right: 15px; font-style: italic;} .gesuch1c{font-size: 10px; font-family: Arial;}</style>
<link href='http://fonts.googleapis.com/css?family=Medula+One' rel='stylesheet'>




~
Nach oben Nach unten
Ophaniel

Ophaniel

Zen 47

Charakterbogen
Aufenthaltsort: Kleiner Rosengarten
Aktuelles Outfit: beige Shorts - blaues, kurzärmeliges Hemd + weißes Unterhemd - hellblaue Riemchensandalen - Entencap + Vivian's Sonnenhut
Ophaniel

Ophaniel
BeitragThema: Re: Codes by Ophani Codes by Ophani EmptyDi 12 Feb 2019 - 20:31
Eine Steckbriefvorlage - je nachdem, ob Ihr Personal oder einen Schüler erstellt, die Abschnitte "Was das schulische angeht" und "der gute Job" einfach rausschmeißen.

Vorname Nachname

Allgemeines

Nachname
-

Vorname
-

Spitzname
-

Geburtstag
-

Alter
-

Rasse
-

Geschlecht
-

Sexuelle Orientierung
-

Beziehungsstatus
-

Ankunft auf Isola
-

Äußerlich

Statur
-

Größe
-

Gewicht
-

Haare
-

Augen
-

Piercings/Tattoos
-

Kleidungsstil
-

Besondere Merkmale
-

Fotoalbum

Fotoalbum:

Gut zu wissen ...

Charaktereigenschaften und Eigenheiten
-





Inventar
-

Leben

Geburtsort
-

Familie
-

Freunde/Bekannte
-

Bisheriges Liebesleben
-

Vergangenheit
-

Fähigkeiten



Besondere Fähigkeiten
-

Was das schulische angeht

Lieblingsfächer
-

Hassfächer
-

Bevorzugte Kombi der Schuluniform
-

-

Level/Niveau der/des FTF:
-

Wahlfach (Kunst/Musik)
-

Der gute Job

Tätigkeit auf Isola
-

Schule und Ausbildung
-

Bisherige Joberfahrungen im selben Bereich
-

Bisherige Joberfahrungen in anderen Bereichen
-

Unterrichtsfächer (nur Lehrer)
-

Outgame

Charakteravatar
-

Zweit- oder Drittaccount
-

Erreichbarkeit bei Inaktivität o.ä
-

Regelpasswort
-
by Nile





Code:
<center><div class="steck1ü2">Vorname Nachname</div>
<img src="http://placehold.it/500x200" width="500" height="200" style="border-top: 5px #b8b8b8 solid; border-bottom: 5px #b8b8b8 solid;"><div class="steck1a"><div class="steck1t">Allgemeines</div>
<div class="steck1p">Nachname</div> -

<div class="steck1p">Vorname</div> -

<div class="steck1p">Spitzname</div> -

<div class="steck1p">Geburtstag</div> -

<div class="steck1p">Alter</div> -

<div class="steck1p">Rasse</div> -

<div class="steck1p">Geschlecht</div> -

<div class="steck1p">Sexuelle Orientierung</div> -

<div class="steck1p">Beziehungsstatus</div> -

<div class="steck1p">Ankunft auf Isola</div> -

<div class="steck1t">Äußerlich</div>
<img src="http://placehold.it/200x350" width="200" height="350" style="float: left; margin-right: 5px;"><div class="steck1p">Statur</div> -

<div class="steck1p">Größe</div> -

<div class="steck1p">Gewicht</div> -

<div class="steck1p">Haare</div> -

<div class="steck1p">Augen</div> -

<div class="steck1p">Piercings/Tattoos</div> -

<div class="steck1p">Kleidungsstil</div> -

<div class="steck1p">Besondere Merkmale</div> -

<div class="steck1p">Fotoalbum</div>
[spoiler="Fotoalbum"][/spoiler]

<div class="steck1t">Gut zu wissen ...</div>
<div class="steck1p">Charaktereigenschaften und Eigenheiten</div> -

<select class="steck1f"><option>Vorlieben</option>
<option>Eigenschaft</option>
<option>Eigenschaft</option>
<option>Eigenschaft</option>
</select><select class="steck1f"><option>Abneigungen</option>
<option>Eigenschaft</option>
<option>Eigenschaft</option>
<option>Eigenschaft</option>
</select>
<select class="steck1f"><option>Hobbies</option>
<option>Eigenschaft</option>
<option>Eigenschaft</option>
<option>Eigenschaft</option>
</select><select class="steck1f"><option>Ängste</option>
<option>Eigenschaft</option>
<option>Eigenschaft</option>
<option>Eigenschaft</option>
</select>
<select class="steck1f"><option>Lieblingsspeise</option>
<option>Eigenschaft</option>
<option>Eigenschaft</option>
<option>Eigenschaft</option>
</select><select class="steck1f"><option>Lieblingsgetränk</option>
<option>Eigenschaft</option>
<option>Eigenschaft</option>
<option>Eigenschaft</option>
</select>

<div class="steck1p">Inventar</div> -

<div class="steck1t">Leben</div>
<div class="steck1p">Geburtsort</div> -

<div class="steck1p">Familie</div> -

<div class="steck1p">Freunde/Bekannte</div> -

<div class="steck1p">Bisheriges Liebesleben</div> -

<div class="steck1p">Vergangenheit</div> -

<div class="steck1t">Fähigkeiten</div>
<select class="steck1f"><option>Stärken</option>
<option>Eigenschaft</option>
<option>Eigenschaft</option>
<option>Eigenschaft</option>
</select><select class="steck1f"><option>Schwächen</option>
<option>Eigenschaft</option>
<option>Eigenschaft</option>
<option>Eigenschaft</option>
</select>

<div class="steck1p">Besondere Fähigkeiten</div> -

<div class="steck1t">Was das schulische angeht</div>
<div class="steck1p">Lieblingsfächer</div> -

<div class="steck1p">Hassfächer</div> -

<div class="steck1p">Bevorzugte Kombi der [url=http://shimanokoji.forumieren.com/t1722-die-schuluniform]Schuluniform[/url]</div> -

<div class="steck1p">Auswahl des [url=http://shimanokoji.forumieren.com/t2786-fahigkeitentrainingsfacher-ftf]Fähigkeitentrainings[/url]</div> -

<div class="steck1p">Level/Niveau der/des FTF:</div> -

<div class="steck1p">Wahlfach (Kunst/Musik)</div> -

<div class="steck1t">Der gute Job</div>
<div class="steck1p">Tätigkeit auf Isola</div> -

<div class="steck1p">Schule und Ausbildung</div> -

<div class="steck1p">Bisherige Joberfahrungen im selben Bereich</div> -

<div class="steck1p">Bisherige Joberfahrungen in anderen Bereichen</div> -

<div class="steck1p">Unterrichtsfächer (nur Lehrer)</div> -

<div class="steck1t">Outgame</div>
<div class="steck1p">Charakteravatar</div> -

<div class="steck1p">Zweit- oder Drittaccount</div> -

<div class="steck1p">Erreichbarkeit bei Inaktivität o.ä</div> -

<div class="steck1p">Regelpasswort</div> -
</div><div class="steck1c">by <a href="http://forenallianz.forumieren.de/u11">Nile</a></div></center>

<style> .steck1ü{font-family: 'La Belle Aurore'; font-size: 30px; color: rgb(42, 112, 86); display: inline-block;} .steck1ü2{font-family: 'La Belle Aurore'; font-size: 35px; color: #e0e0e0; display: inline-block;} .steck1a{width: 470px; height: auto; background-color: #232323; padding: 15px; color: #e0e0e0; font-size: 13px; font-family: Arial; text-align: justify; border-bottom: 5px #b8b8b8 solid;} .steck1t{width: 520px; height: 38px; background-color: #b8b8b8; position: relative; right: 25px; text-align: center; color: rgb(42, 112, 86); font-family: 'La Belle Aurore'; font-size: 30px; line-height: 150%;} .steck1p{display: inline-block; color: rgb(42, 112, 86); font-family: 'Crushed'; font-size: 17px; margin-right: 10px;} .steck1f{width: 50%; height: 20px; background-color: #b8b8b8; border: solid 2px rgb(42, 112, 86); padding: 2px; color: rgb(42, 112, 86); font-size: 11px; display: inline-bock;} .steck1c{font-size: 10px; font-family: Arial;} </style>
<link href='http://fonts.googleapis.com/css?family=La+Belle+Aurore|Crushed' rel='stylesheet' type='text/css'>




~
Nach oben Nach unten
Ophaniel

Ophaniel

Zen 47

Charakterbogen
Aufenthaltsort: Kleiner Rosengarten
Aktuelles Outfit: beige Shorts - blaues, kurzärmeliges Hemd + weißes Unterhemd - hellblaue Riemchensandalen - Entencap + Vivian's Sonnenhut
Ophaniel

Ophaniel
BeitragThema: Re: Codes by Ophani Codes by Ophani EmptyFr 1 März 2019 - 20:06
Da ich gestern posttechnisch ein Brett vor'm Kopf hatte und dann gerne codiere, da dies mein Hirnschmalz entspannt, habe ich Euch etwas für das Handy gemacht! Einmal als Codeset - einen Kontaktecode und einmal SMS & Anrufe.


Kontakte
Hier einfach bei den Strichen "A", "B", etc. angeben, je nach Anfangsbuchstabe eines Kontakts!
Kontakte
+


Name

Status

-

Nachname Vorname

-

Nachname Vorname

-

Nachname Vorname

by Nile



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="http://placehold.it/75x75" style="width: 75px; height: 75px; border-radius: 100%; border: #040404 solid 1px; margin-right: 10px; float: left;"><div class="smsn">Name</div>
Status</div>
<div class="smsd">-</div>
<div class="smsh"><b>Nachname</b> Vorname</div>
<div class="smsd">-</div>
<div class="smsh"><b>Nachname</b> Vorname</div>
<div class="smsd">-</div>
<div class="smsh"><b>Nachname</b> Vorname</div>
</div><div class="smsc">by <a href="http://forenallianz.forumieren.de/u11">Nile</a></div></center>

<style> .smsa{width: 420px; max-height: 500px; overflow: auto;} .smsh{background-color: #cdcdcd; color: #040404; display: inline-block; padding: 10px; width: 380px; text-align: left; font-size: 15px;} .smsl{background-color: #7081a0; color: #040404; display: inline-block; width: 400px; height: 2px;} .smsd{background-color: #7081a0; color: #040404; display: inline-block; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px; width: 380px; font-weight: bold; text-align: left; font-size: 15px;} .smsn{font-size: 20px; font-weight: bold; display: inline-block; margin-top: 10px;} .smsn2{font-size: 25px; font-weight: bold; display: inline-block;} .smsp{width: 25px; height: 25px; text-align: center; border-radius: 100%; background-color: #7081a0; display: inline-block; float: right; margin-right: 10px; color: #e7e7e7; font-size: 20px; line-height: 105%; } .smsc{font-size: 10px; font-family: Arial;}</style>



SMS
Wochentag, xx. Monat Jahr

Inhalt

von XXX um xx:xx Uhr

by Nile



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</div></div>
<div class="sms2c">by <a href="http://forenallianz.forumieren.de/u11">Nile</a></div></center>

<style> .sms2a{width: 400px; color: #e0e0e0; font-family: Arial; font-size: 13px; display: inline-block;} .sms2l{height: 2px; width: 75px; background-color: #7081a0; display: inline-block; margin-left: 10px; margin-right: 10px; margin-bottom: 3px;} .sms2i{width: 370px; padding: 15px; background-color: #cdcdcd; text-align: justify; color: #040404; font-family: Arial; font-size: 13px; display: inline-block;} .sms2b{width: 396px; height: 15px; background-color: #7081a0; text-align: right; display: inline-block; font-size: 9px; font-style: italic; display: inline-bock; color: #e0e0e0; font-family: Arial; padding: 2px;} .sms2c{font-size: 10px; font-family: Arial;} </style>



Anrufe
Eingehender /Anruf/ in Abwesenheit

Inhalt

von XXX, am xx.xx.xxxx um xx:xx Uhr | Gesprächsdauer: xx:xx

by Nile



Code:
<center><div class="sms2a"><div class="sms2l"></div>Eingehender /Anruf/ in Abwesenheit<div class="sms2l"></div>
<div class="sms2i">Inhalt</div>
<div class="sms2b">von XXX, am xx.xx.xxxx um xx:xx Uhr | Gesprächsdauer: xx:xx</div></div>
<div class="sms2c">by <a href="http://forenallianz.forumieren.de/u11">Nile</a></div></center>

<style> .sms2a{width: 400px; color: #e0e0e0; font-family: Arial; font-size: 13px; display: inline-block;} .sms2l{height: 2px; width: 75px; background-color: #7081a0; display: inline-block; margin-left: 10px; margin-right: 10px; margin-bottom: 3px;} .sms2i{width: 370px; padding: 15px; background-color: #cdcdcd; text-align: justify; color: #040404; font-family: Arial; font-size: 13px; display: inline-block;} .sms2b{width: 396px; height: 15px; background-color: #7081a0; text-align: right; display: inline-block; font-size: 9px; font-style: italic; display: inline-bock; color: #e0e0e0; font-family: Arial; padding: 2px;} .sms2c{font-size: 10px; font-family: Arial;} </style>




~
Nach oben Nach unten
Ophaniel

Ophaniel

Zen 47

Charakterbogen
Aufenthaltsort: Kleiner Rosengarten
Aktuelles Outfit: beige Shorts - blaues, kurzärmeliges Hemd + weißes Unterhemd - hellblaue Riemchensandalen - Entencap + Vivian's Sonnenhut
Ophaniel

Ophaniel
BeitragThema: Re: Codes by Ophani Codes by Ophani EmptySo 3 März 2019 - 21:18
So, einmal gegen Kopfschmerzen habe ich Euch einen Steckbrief codiert!

Vorname Nachname



Allgemeines

Nachname
-

Vorname
-

Spitzname
-

Geburtstag
-

Alter
-

Rasse
-

Geschlecht
-

Sexuelle Orientierung
-

Beziehungsstatus
-

Ankunft auf Isola
-


Äußerlich

Statur
-

Größe
-

Gewicht
-

Augenfarbe
-

Haarfarbe
-

Piercings/Tattoos
-

Kleidungsstil
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.

Besondere Merkmale
-

Fotoalbum





Gut zu wissen

Charaktereigenschaften und Eigenheiten
 -

Vorlieben
-

Abneigungen
-

Ängste
-

Hobbies
-

Lieblingssspeise
-

Lieblingsgetränk
-

Inventar
-


Leben

Geburtsort
-

Familie
-

Freunde/Bekannte
-

Bisheriges Liebesleben
-

Vergangenheit
-


Fähigkeiten

Stärken
-

Schwächen
-

Besondere Fähigkeiten
-


Was das schulische angeht

Lieblingsfächer:
-
Hassfächer
-
Bevorzugte Kombi der Schuluniform
-
-
Level/Niveau der/des FTF
-
Wahlfach (Kunst/Musik)
-


Der gute Job

Tätigkeit auf Isola
-

Schule und Ausbildung
-

Bisherige Joberfahrungen im selben Bereich
-

Bisherige Joberfahrungen in anderen Bereichen
-

Unterrichtsfächer (nur Lehrer)
-


Outtopic

Charakteravatar
-

Multiaccounts
-

Erreichbarkeit bei Inaktivität o.ä
-

Regelpasswort
-

by Nile





Code:
<center><div class="st8n">Vorname Nachname</div>
<img src="http://placehold.it/500x200" style="width: 500px; height: 200px; border-top: 5px #8f8f8f solid;">
<div class="st8i"></div><div class="st8a">
<div class="st8ü">Allgemeines</div>
<div class="st8t"><div class="st8ü2">Nachname</div> -

<div class="st8ü2">Vorname</div> -

<div class="st8ü2">Spitzname</div> -

<div class="st8ü2">Geburtstag</div> -

<div class="st8ü2">Alter</div> -

<div class="st8ü2">Rasse</div> -

<div class="st8ü2">Geschlecht</div> -

<div class="st8ü2">Sexuelle Orientierung</div> -

<div class="st8ü2">Beziehungsstatus</div> -

<div class="st8ü2">Ankunft auf Isola</div> -
</div>

<div class="st8ü">Äußerlich</div>
<div class="st8t"><img src="http://placehold.it/150x350" style="float: left; margin-right: 10px;"><div class="st8ü2">Statur</div> -

<div class="st8ü2">Größe</div> -

<div class="st8ü2">Gewicht</div> -

<div class="st8ü2">Augenfarbe</div> -

<div class="st8ü2">Haarfarbe</div> -

<div class="st8ü2">Piercings/Tattoos</div> -

<div class="st8ü2">Kleidungsstil</div> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.

<div class="st8ü2">Besondere Merkmale</div> -

<details class="st8s"><summary class="st8s2"><div class="st8ü3">Fotoalbum</div></summary><center>
<img src="LINK">
</center></details>
</div>

<div class="st8ü">Gut zu wissen</div>
<div class="st8t"><div class="st8ü2">Charaktereigenschaften und Eigenheiten</div>  -

<div class="st8ü2">Vorlieben</div> -

<div class="st8ü2">Abneigungen</div> -

<div class="st8ü2">Ängste</div> -

<div class="st8ü2">Hobbies</div> -

<div class="st8ü2">Lieblingssspeise</div> -

<div class="st8ü2">Lieblingsgetränk</div> -

<div class="st8ü2">Inventar</div> -
</div>

<div class="st8ü">Leben</div>
<div class="st8t"><div class="st8ü2">Geburtsort</div> -

<div class="st8ü2">Familie</div> -

<div class="st8ü2">Freunde/Bekannte</div> -

<div class="st8ü2">Bisheriges Liebesleben</div> -

<div class="st8ü2">Vergangenheit</div> -
</div>

<div class="st8ü">Fähigkeiten</div>
<div class="st8t"><div class="st8ü2">Stärken</div> -

<div class="st8ü2">Schwächen</div> -

<div class="st8ü2">Besondere Fähigkeiten</div> -
</div>

<div class="st8ü">Was das schulische angeht</div>
<div class="st8t"><div class="st8ü2">Lieblingsfächer:</div> -
<div class="st8ü2">Hassfächer</div> -
<div class="st8ü2">Bevorzugte Kombi der <a href="http://shimanokoji.forumieren.com/t1722-die-schuluniform">Schuluniform</a></div> -
<div class="st8ü2">Auswahl des <a href="http://shimanokoji.forumieren.com/t2786-fahigkeitentrainingsfacher-ftf">Fähigkeitentrainings</a></div> -
<div class="st8ü2">Level/Niveau der/des FTF</div> -
<div class="st8ü2">Wahlfach (Kunst/Musik)</div> -
</div>

<div class="st8ü">Der gute Job</div>
<div class="st8t"><div class="st8ü2">Tätigkeit auf Isola</div> -

<div class="st8ü2">Schule und Ausbildung</div> -

<div class="st8ü2">Bisherige Joberfahrungen im selben Bereich</div> -

<div class="st8ü2">Bisherige Joberfahrungen in anderen Bereichen</div> -

<div class="st8ü2">Unterrichtsfächer (nur Lehrer)</div> -
</div>

<div class="st8ü">Outtopic</div>
<div class="st8t"><div class="st8ü2">Charakteravatar</div> -

<div class="st8ü2">Multiaccounts</div> -

<div class="st8ü2">Erreichbarkeit bei Inaktivität o.ä</div> -

<div class="st8ü2">Regelpasswort</div> -
</div>
</div><div class="st8c">by <a href="http://forenallianz.forumieren.de/u11">Nile</a></div></center>

<style> .st8a{width: 480px; padding: 10px; background-color: #ededed; margin-top: -5px; border-bottom: 5px #8f8f8f solid;} .st8i{width: 500px; height: 200px; background-image: url(https://i.servimg.com/u/f48/19/78/14/45/st13.png); position: relative; z-index: 10; margin-top: -195px; display: inline-block;} .st8n{font-family: 'Cinzel'; font-size: 35px; display: inline-block; position: relative; z-index: 10; color: #8f8f8f;} .st8ü{font-family: 'Cinzel'; font-size: 30px; display: inline-block; position: relative; z-index: 10; color: #8f8f8f;} .st8ü2{font-family: 'Cinzel'; font-size: 15px; display: inline-block; position: relative; z-index: 10; color: #8f8f8f; margin-right: 10px;} .st8ü3{font-family: 'Cinzel'; font-size: 15px; display: inline-block; position: relative; z-index: 10; color: #ededed;} .st8t{width: 440px; background-color: #dbdbdb; padding: 10px; text-align: justify; color: #313131; font-family: Arial; font-size: 13px; border-top: 5px #8f8f8f solid;} .st8s{background-color: #ededed;} .st8s2{background-color: #8f8f8f; padding-left: 10px;} .st8c{font-size: 10px; font-family: Arial;} </style>
<link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet">




~
Nach oben Nach unten
Ophaniel

Ophaniel

Zen 47

Charakterbogen
Aufenthaltsort: Kleiner Rosengarten
Aktuelles Outfit: beige Shorts - blaues, kurzärmeliges Hemd + weißes Unterhemd - hellblaue Riemchensandalen - Entencap + Vivian's Sonnenhut
Ophaniel

Ophaniel
BeitragThema: Re: Codes by Ophani Codes by Ophani EmptySo 3 März 2019 - 21:19
Uuuuund dazu einen passenden Beziehungscode!

Lorem ipsum

Status
Freund/Bekannter/etc.
Sympathie
-/10
Erste Begegnung
-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.


Lorem ipsum

Status
Freund/Bekannter/etc.
Sympathie
-/10
Erste Begegnung
-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.

by Nile





Code:
<center><div class="b8a"><div class="b8n">Lorem ipsum</div>
<img src="http://placehold.it/100x250" style="width: 100px; height: 250px; float: left; margin-left: 5px;"><div class="b8t"><div class="b8ü">Status</div> Freund/Bekannter/etc.
<div class="b8ü">Sympathie</div> -/10
<div class="b8ü">Erste Begegnung</div> -
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.</div></div>

<div class="b8a"><div class="b8n">Lorem ipsum</div>
<img src="http://placehold.it/100x250" style="width: 100px; height: 250px; float: left; margin-left: 5px;"><div class="b8t"><div class="b8ü">Status</div> Freund/Bekannter/etc.
<div class="b8ü">Sympathie</div> -/10
<div class="b8ü">Erste Begegnung</div> -
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.</div></div>
<div class="b8c">by <a href="http://forenallianz.forumieren.de/u11">Nile</a></div></center>

<style> .b8a{width: 480px; padding: 10px; background-color: #ededed; margin-top: -5px; border-bottom: 5px #8f8f8f solid;} .b8n{font-family: 'Cinzel'; font-size: 35px; display: inline-block; position: relative; z-index: 10; color: #8f8f8f;} .b8ü{font-family: 'Cinzel'; font-size: 18px; display: inline-block; position: relative; z-index: 10; color: #8f8f8f; margin-right: 10px;} .b8t{width: 340px; background-color: #dbdbdb; padding: 10px; text-align: justify; color: #313131; font-family: Arial; font-size: 12px; border-top: 5px #8f8f8f solid; overflow: auto; height: 225px;} .b8c{font-size: 10px; font-family: Arial;} </style>
<link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet">

Einzelnd - über dem Copyright einfügen
Code:
<div class="b8a"><div class="b8n">Lorem ipsum</div>
<img src="http://placehold.it/100x250" style="width: 100px; height: 250px; float: left; margin-left: 5px;"><div class="b8t"><div class="b8ü">Status</div> Freund/Bekannter/etc.
<div class="b8ü">Sympathie</div> -/10
<div class="b8ü">Erste Begegnung</div> -
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam non At vero eos et accusam et justo duo dolores et ea rebum.</div></div>




~
Nach oben Nach unten
Ophaniel

Ophaniel

Zen 47

Charakterbogen
Aufenthaltsort: Kleiner Rosengarten
Aktuelles Outfit: beige Shorts - blaues, kurzärmeliges Hemd + weißes Unterhemd - hellblaue Riemchensandalen - Entencap + Vivian's Sonnenhut
Ophaniel

Ophaniel
BeitragThema: Re: Codes by Ophani Codes by Ophani EmptySo 10 Mai 2020 - 15:27
Hier zwei neue Beziehungscode's für Euch!
Die Hintergründe können trotz Bilder mit einem Code umgefärbt werden. Dazu braucht Ihr rgb-Code's. Um diesen zu finden, klatscht einfach einen Farbcode, wie #ffffff (weiß), in die Googlesuche, dann wird Euch ein rgb-Code unterhalb der Farbleiste angezeigt. Im Falle von #ffffff wäre es 250, 250, 250. Sucht Euch dann in den Code's die Stellen mit rgba raus und ersetzt die ersten drei Zahlen, nicht die 0.x, mit den rgb-Farben Eurer gewünschten Farbe.

Erstmal für die Faulen, wo das Bildchen die selben Maße hat, wie die Forenavatare!

Charaktername

aka Spitzname
Erste Begegnung xx
Status xx
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.

•••••


Charaktername

aka Spitzname
Erste Begegnung xx
Status xx
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.

•••••


by Nile




Code:
<center><div class="bezAu"><div class="bezHin"><div class="bezLi"><img src="https://placehold.it/200x300" class="bezImg"></div><div class="bezRe"><div class="bezÜb">Charaktername</div>
<div class="bezIn"><div align="left"><bezAka><b>aka</b> Spitzname</bezAka></div><div class="bezTex"><div align="right"><bezAka><b>Erste Begegnung</b> xx</bezAka>
<bezAka><b>Status</b> xx</bezAka></div> 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>
<div class="bezÜb2"><span style="color: #21cd9a">•</span>•••••</div></div></div></div></div>

<div class="bezAu"><div class="bezHin"><div class="bezLi"><img src="https://placehold.it/200x300" class="bezImg"></div><div class="bezRe"><div class="bezÜb">Charaktername</div>
<div class="bezIn"><div align="left"><bezAka><b>aka</b> Spitzname</bezAka></div><div class="bezTex"><div align="right"><bezAka><b>Erste Begegnung</b> xx</bezAka>
<bezAka><b>Status</b> xx</bezAka></div> 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>
<div class="bezÜb2"><span style="color: #21cd9a">•</span>•••••</div></div></div></div></div>

<div class="nilecopy">by <a href="http://forenallianz.forumieren.de/u11">Nile</a></div></center>

<style> .bezAu{width: 450px; height: 300px; background: url(https://i.servimg.com/u/f48/19/78/14/45/unbena14.png); border: solid 3px #e0e0e0; font-size: 12px; font-size: 12px; font-family: Arial; color: #616161;} .bezLi{vertical-align: top; display: inline-block; float: left;} .bezRe{vertical-align: top; display: inline-block; margin-left: -80px; margin-top: 30px;} .bezHin{vertical-align: top; display: inline-block; width: 450px; height: 300px; background: rgba(33, 205, 154, 0.3);} .bezIn{vertical-align: top; display: inline-block; width: 290px; height: 210px; padding: 5px; background: #e0e0e0; position: relative; z-index: 1; border-left: 2px #83c6b2 solid;} .bezÜb{vertical-align: top; display: inline-block; color: #21cd9a; font-family: 'Marcellus SC'; padding: 0px; font-size: 25px; margin: 0px; position: relative; z-index: 2; text-shadow: 1px 1px #e0e0e0, 2px 2px #e0e0e0, 3px 3px #e0e0e0; margin-bottom: -10px; text-align: right; width: 300px; margin-left: -10px;} .bezÜb2{vertical-align: top; display: inline-block; font-family: 'Marcellus SC'; padding: 0px; font-size: 25px; margin: 0px; margin-top: -5px;} .bezTex{vertical-align: top; display: inline-block; height: 160px; width: 270px; padding: 10px; overflow: auto; text-align: justify;} .bezTex::-webkit-scrollbar{width: 2px;} .bezTex::-webkit-scrollbar-track-piece{background-color: #b8b8b8;} .bezTex::-webkit-scrollbar-thumb{height: 3px; background-color: #a9a9a9; border-radius: 3px;} bezAka{vertical-align: top; display: inline-block; color: #a9a9a9; font-style: italic;} .bezImg{width: 200px; height: 300px;} .nilecopy{font-size: 10px; font-family: Arial;} </style>
<link href="https://fonts.googleapis.com/css?family=Marcellus+SC" rel="stylesheet">




Charaktername
■ ■ ■ ■ ■

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.


Charaktername
■ ■ ■ ■ ■

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.


by Nile




Code:
<center><div class="bez2A"><div class="bez2Hin"><img src="https://placehold.it/140x140" class="bez2Img"><div class="bez2Nam"><bez2Üb>Charaktername</bez2Üb>
<div class="bez2Sta"><span style="color: #fff;">■</span> ■ ■ ■ ■ ■</div>
<div class="bez2Tex">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></div></div></div>

<div class="bez2A"><div class="bez2Hin"><div class="bez2Nam"><bez2Üb>Charaktername</bez2Üb>
<div class="bez2Sta"><span style="color: #fff;">■</span> ■ ■ ■ ■ ■</div>
<div class="bez2Tex">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></div><img src="https://placehold.it/140x140" class="bez2Img2"></div></div>

<div class="nilecopy">by <a href="http://forenallianz.forumieren.de/u11">Nile</a></div></center>

<style> .bez2A{width: 500px; height: 175px; background: url(https://i.servimg.com/u/f48/19/78/14/45/42924910.jpg); border: #e0e0e0 solid 2px; font-size: 12px; font-family: Arial; color: #494949;} .bez2Hin{width: 470px; height: 145px; padding: 15px; background: rgba(33, 205, 154, 0.3);} bez2Üb{vertical-align: top; display: inline-block; font-size: 20px; font-family: 'Playball'; margin: 0px; padding: 0px; border-bottom: 2px solid #e0e0e0; width: 310px; margin-top: -10px;} .bez2Tex{vertical-align: top; display: inline-block; height: 105px; width: 300px; padding: 5px; background: rgba(250, 250, 250, 0.7); overflow: auto; text-align: justify;} .bez2Tex::-webkit-scrollbar{width: 2px;} .bez2Tex::-webkit-scrollbar-track-piece{background-color: #b8b8b8;} .bez2Tex::-webkit-scrollbar-thumb{height: 3px; background-color: #a9a9a9; border-radius: 3px;} .bez2Img{vertical-align: top; display: inline-block; width: 140px; height: 140px; border: #e0e0e0 solid 2px; margin-right: 10px;} .bez2Img2{vertical-align: top; display: inline-block; width: 140px; height: 140px; border: #e0e0e0 solid 2px; margin-left: 10px;} .bez2Sta{vertical-align: top; display: inline-block; height: 9px; width: 294px; margin-bottom: 3px; font-size: 9px; padding: 0px;} .bez2Nam{vertical-align: top; display: inline-block; height: 145px; width: 310px;} .nilecopy{font-size: 10px; font-family: Arial;} </style>
<link href="https://fonts.googleapis.com/css?family=Playball" rel="stylesheet">




~
Nach oben Nach unten
Ophaniel

Ophaniel

Zen 47

Charakterbogen
Aufenthaltsort: Kleiner Rosengarten
Aktuelles Outfit: beige Shorts - blaues, kurzärmeliges Hemd + weißes Unterhemd - hellblaue Riemchensandalen - Entencap + Vivian's Sonnenhut
Ophaniel

Ophaniel
BeitragThema: Re: Codes by Ophani Codes by Ophani EmptySo 10 Mai 2020 - 23:40
Und hier ein Handycode für Euch! Let's hover it!
Auch hier das Handy an sich farblich angepasst werden! Dazu einfach im Code, direkt am Anfang, das .handyFa suchen und dort dann die Farbe bei background ändern!

Name des Besitzer's
»Status«

Favoriten


Kontaktname

Kontaktname

Kontaktname


Kontakte


Kontaktname

Kontaktname

Kontaktname


Kontaktname

Kontaktname

Kontaktname


Kontaktname

Kontaktname

Kontaktname


by Nile




Code:
<center><div class="handyFa"><div class="handyRa"> <img src="https://placehold.it/360x485" class="handyImg"><div class="handyHin"><div style="vertical-align: top; display: inline-block;"><img src="https://placehold.it/100x100" style="float: left; width: 100px; height: 100px; border-radius: 100%; margin-right: 10px;"><div align="left"><handyÜb2>Name des Besitzer's</handyÜb2>
<i>»Status«</i></div>
<div class="handyÜb">Favoriten</div>
<handyKon><img src="https://placehold.it/75x75" class="handyBil">
Kontaktname</handyKon><handyKon><img src="https://placehold.it/75x75" class="handyBil">
Kontaktname</handyKon><handyKon><img src="https://placehold.it/75x75" class="handyBil">
Kontaktname</handyKon></*---ABSATZ---*/>

<div class="handyÜb">Kontakte</div>
<handyKon><img src="https://placehold.it/75x75" class="handyBil">
Kontaktname</handyKon><handyKon><img src="https://placehold.it/75x75" class="handyBil">
Kontaktname</handyKon><handyKon><img src="https://placehold.it/75x75" class="handyBil">
Kontaktname</handyKon></*---ABSATZ---*/>
<handyKon><img src="https://placehold.it/75x75" class="handyBil">
Kontaktname</handyKon><handyKon><img src="https://placehold.it/75x75" class="handyBil">
Kontaktname</handyKon><handyKon><img src="https://placehold.it/75x75" class="handyBil">
Kontaktname</handyKon></*---ABSATZ---*/>
<handyKon><img src="https://placehold.it/75x75" class="handyBil">
Kontaktname</handyKon><handyKon><img src="https://placehold.it/75x75" class="handyBil">
Kontaktname</handyKon><handyKon><img src="https://placehold.it/75x75" class="handyBil">
Kontaktname</handyKon></*---ABSATZ---*/>
</div></div></div></div>
<div class="nilecopy">by <a href="http://forenallianz.forumieren.de/u11">Nile</a></div></center>

<style> .handyFa{vertical-align: top; display: inline-block; background: #58a9a4; width: 404px; height: 578px; border-radius: 30px;} .handyRa{vertical-align: top; display: inline-block; background: url(https://i.servimg.com/u/f48/19/78/14/45/handy_14.png); width: 402px; height: 533px; padding-top: 45px; padding-left: 2px;} .handyImg{width: 360px; height: 488px;} .handyHin{vertical-align: top; display: inline-block; background: #e0e0e0; width: 360px; height: 488px; transition: 1s; opacity: 0; margin-left: -360px; overflow: hidden;} .handyHin:hover{background: rgba(250, 250, 250, 0.85); width: 344px; height: 468px; opacity: 1; padding: 8px; overflow: auto;} handyKon{vertical-align: top; display: inline-block; width: 105px; margin: 2px; font-weight: bold;} .handyBil{width: 75px; height: 75px; border-radius: 100%;} .handyÜb{vertical-align: top; display: inline-block; width: 320px; margin-left: -15px; float: left; background: #37938e; padding: 5px; text-align: right; color: #fff; margin-top: 5px; margin-bottom: 5px; font-family: 'Nothing You Could Do'; font-size: 15px;} .handyHin:hover::-webkit-scrollbar{width: 2px;} .handyHin:hover::-webkit-scrollbar-track-piece{background-color: #b8b8b8;} .handyHin:hover::-webkit-scrollbar-thumb{height: 3px; background-color: #a9a9a9; border-radius: 3px;} handyÜb2{vertical-align: top; display: inline-block; font-family: 'Nothing You Could Do'; font-size: 15px; font-weight: bold; margin-top: 10px;} .nilecopy{font-size: 10px; font-family: Arial;} </style>
<link href="https://fonts.googleapis.com/css?family=Nothing+You+Could+Do" rel="stylesheet">




~
Nach oben Nach unten

Gesponserte Inhalte




Nach oben Nach unten
Seite 1 von 1

Gehe zu :
Sie können in diesem Forum nicht antworten
Shima no Koji :: Off-Topic :: GFX-