StartseiteKalenderFAQSuchenMitgliederNutzergruppenAnmeldenLogin
Neueste Themen
Frageecke
Zimmer Nr. 103 [Dreierzimmer]
Aktuelle Ankündigungen
Büro der Heimleitung
Das Gelände vor dem Wohnheim
Der Hafen
Der über mir...
Garten des Anwesens
A oder B?
Maeva auf Abwegen
von Leviathan
von Lia von Rosengarten
von Shiina Mashiro
von Mathéo Tristam
von Shiina Mashiro
von Jubilee Taylor
von Marik
von Anubis
von Karik
von Leviathan
Heute um 13:01
Heute um 3:04
Heute um 0:17
Gestern um 22:57
Gestern um 21:15
Gestern um 20:20
Gestern um 19:45
Gestern um 18:43
Gestern um 16:33
Gestern um 10:20

Teilen | 
 

 Inos CodeEcke :)

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten 
AutorNachricht
Inori
Sonnenklasse Schülerin
Sonnenklasse Schülerin
avatar

Zen 35
Anmeldedatum : 12.04.18
Ort : Einhornland

Miniprofil
Outfit etc.: -

BeitragThema: Inos CodeEcke :)   So 13 Mai 2018 - 23:06

Huhu!

Ich hab ihr für unsere SnK'ler mal ein Handycode gecodet. Ist nichts besonderes, aber die Damen haben sich einen gewünscht. Wenn ich fragen habt, fragt ruhig!

Liebe Grüße!




zuletzt online:
xx:xx Uhr


» Hier folgt
dein Status «



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. 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.aihapifhapifh



Code:
<style type="text/css">#hintergrund { height: 290px; width: 210px; background: url('http://placehold.it/220x300'); margin: auto; padding: 5px; border-radius: 10px; } #hintergrund #hover { height: 290px; width: 210px; background: #ffffff; opacity: 0; transition: 1s; } #hintergrund:hover #hover { opacity: 1; transition: 1s; } .meineScrollbox { width: 210px; height: 290px; overflow: auto; }</style>
<div id="hintergrund"><div id="hover"><div class="meineScrollbox"><img style="float: left; margin-left:10px; margin-top:10px;" src="http://placehold.it/80x80">
[size=8][i]zuletzt online:
 xx:xx Uhr[/i]

» Hier folgt
dein Status «[/size]</p>
<div style="padding-left: 25px; padding-right: 25px; font-size: 9px;">
[justify]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. 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.aihapifhapifh[/justify]
</div></div><div></div>
<br></div></div>
Nach oben Nach unten
Benutzerprofil anzeigen
Inori
Sonnenklasse Schülerin
Sonnenklasse Schülerin
avatar

Zen 35
Anmeldedatum : 12.04.18
Ort : Einhornland

Miniprofil
Outfit etc.: -

BeitragThema: Re: Inos CodeEcke :)   Do 17 Mai 2018 - 20:15









Code:
<style text="text/css"> .dropbtn {color: white;  padding: 0px; font-size: 16px; border: none;} .dropdown {position: relative; display: inline-block;} .dropdown-content {display: none; position: absolute; background-color: #f1f1f1; min-width: 175px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  z-index: 1;} .dropdown-content a {color: black; padding: 0px 0px; text-decoration: none; display: block;} .dropdown-content a:hover {background-color: #ddd} .dropdown:hover .dropdown-content {display: block;} .dropdown:hover .dropbtn {background-color: #ffffff;}</style>
<img src="https://image.ibb.co/esOWGT/JulChibi.png" style="margin-top: -30px; margin-right: -30px;" align="left" width="100" height="100">
<div class="dropdown"><button class="dropbtn">[color=#000000]SCHNELLNAVIGATION[/color]</button><div class="dropdown-content"><a href="http://shimanokoji.forumieren.com/t1981-avatarliste"><center>AVATARLISTE</center></a><a href="http://shimanokoji.forumieren.com/t375-klasseneinteilung"><center>KLASSENEINTEILUNG</center></a><a href="http://shimanokoji.forumieren.com/t1825-stundenplane"><center>STUNDENPLÄNE</center></a></div></div>

Um einen neuen Link einzufügen, füge:

Code:
<a href="LINKADRESSE"><center>LINKNAME</center></a>

nach dem letzten

Code:
</a>

ein!
Nach oben Nach unten
Benutzerprofil anzeigen
Inori
Sonnenklasse Schülerin
Sonnenklasse Schülerin
avatar

Zen 35
Anmeldedatum : 12.04.18
Ort : Einhornland

Miniprofil
Outfit etc.: -

BeitragThema: Re: Inos CodeEcke :)   So 20 Mai 2018 - 20:24

Liebe SnK'ler!
Ich hab hier für Euch heute ein kleinen Beziehungskastencode im Gepäck. Ich hoffe er gefällt Euch. Wenn ihr Fragen oder Probleme habt, sagt einfach Bescheid. <3

LG Ino


 
Ich bin deine Überschrift.
ICH BIN DEIN SUBTEXT DER NUR EINE WIRKUNG HAT WENN ER GROSS GESCHRIEBEN IST!



Ich bin dein Charaktertext. Du kannst alles über dich erzählen. Hierzu gehören Details wie dein Geburtstag oder dein Name. Vielleicht erzählst du auch was über dich? oder deiner Familie? Deinen Freunden? Tobe dich ruhig aus! Ich scrolle automatisch, wenn dein Text zu lang wird. :)



Freunde
ICH BIN DEIN SUBTEXT DER NUR EINE WIRKUNG HAT WENN ER GROSS GESCHRIEBEN IST!


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

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

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



Feinde
ICH BIN DEIN SUBTEXT DER NUR EINE WIRKUNG HAT WENN ER GROSS GESCHRIEBEN IST!


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

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

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



Neutral
ICH BIN DEIN SUBTEXT DER NUR EINE WIRKUNG HAT WENN ER GROSS GESCHRIEBEN IST!


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

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

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




Code:
<center><style type="text/css">.meineScrollbox1 { width: 450px; height: 115px; overflow: auto; } .meineScrollbox2 {overflow-x: hidden; padding: 3px; width: 140px; height: 200px;}</style>
<link href="https://fonts.googleapis.com/css?family=Amatic+SC|Pacifico|Indie+Flower" rel="stylesheet">  
<table style="background-position: 50% 50%;" width="500px" cellspacing="25" cellpadding="5"> <tbody><tr> <td style="background-color:#fff; border-left: 2px dotted #fff; border-right: 2px dotted #fff"><img src="https://via.placeholder.com/450x150"><center><font style="font-family: Indie Flower; font-size: 40px">Ich bin deine Überschrift.</font><div style="font-size: 8px;"><div algin="justifiy">ICH BIN DEIN SUBTEXT DER NUR EINE WIRKUNG HAT WENN ER GROSS GESCHRIEBEN IST!</div></div></center>
<img src="https://image.ibb.co/fnXzMT/Beziehungskastenbalken.png">

<div class="meineScrollbox1"><img src="https://via.placeholder.com/100x100" style="margin-right: 0px; padding-right: 10px;" align="left"><font style="font-size: 9px"><div align="justify">Ich bin dein Charaktertext. Du kannst alles über dich erzählen. Hierzu gehören Details wie dein Geburtstag oder dein Name. Vielleicht erzählst du auch was über dich? oder deiner Familie? Deinen Freunden? Tobe dich ruhig aus! Ich scrolle automatisch, wenn dein Text zu lang wird. :)</div></font></div>
<img src="https://image.ibb.co/fnXzMT/Beziehungskastenbalken.png">

<center><font style="font-family: Indie Flower; font-size: 40px">Freunde</font><div style="font-size: 8px;"><div algin="justifiy">ICH BIN DEIN SUBTEXT DER NUR EINE WIRKUNG HAT WENN ER GROSS GESCHRIEBEN IST!</div></div></center>
<table><tr><td>
<div class="meineScrollbox2"><img src="https://via.placeholder.com/150x50"><font style="font-size: 9px"><div align="justify">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</div></font></div></td><td>
<div class="meineScrollbox2"><img src="https://via.placeholder.com/150x50"><font style="font-size: 9px"><div align="justify">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</div></font></div></td><td>
<div class="meineScrollbox2"><img src="https://via.placeholder.com/150x50"><font style="font-size: 9px"><div align="justify">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</div></font></div></td></tr></table>

<img src="https://image.ibb.co/fnXzMT/Beziehungskastenbalken.png">

<center><font style="font-family: Indie Flower; font-size: 40px">Feinde</font><div style="font-size: 8px;"><div algin="justifiy">ICH BIN DEIN SUBTEXT DER NUR EINE WIRKUNG HAT WENN ER GROSS GESCHRIEBEN IST!</div></div></center>
<table><tr><td>
<div class="meineScrollbox2"><img src="https://via.placeholder.com/150x50"><font style="font-size: 9px"><div align="justify">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</div></font></div></td><td>
<div class="meineScrollbox2"><img src="https://via.placeholder.com/150x50"><font style="font-size: 9px"><div align="justify">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</div></font></div></td><td>
<div class="meineScrollbox2"><img src="https://via.placeholder.com/150x50"><font style="font-size: 9px"><div align="justify">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</div></font></div></td></tr></table>

<img src="https://image.ibb.co/fnXzMT/Beziehungskastenbalken.png">

<center><font style="font-family: Indie Flower; font-size: 40px">Neutral</font><div style="font-size: 8px;"><div algin="justifiy">ICH BIN DEIN SUBTEXT DER NUR EINE WIRKUNG HAT WENN ER GROSS GESCHRIEBEN IST!</div></div></center>
<table><tr><td>
<div class="meineScrollbox2"><img src="https://via.placeholder.com/150x50"><font style="font-size: 9px"><div align="justify">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</div></font></div></td><td>
<div class="meineScrollbox2"><img src="https://via.placeholder.com/150x50"><font style="font-size: 9px"><div align="justify">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</div></font></div></td><td>
<div class="meineScrollbox2"><img src="https://via.placeholder.com/150x50"><font style="font-size: 9px"><div align="justify">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</div></font></div></td></tr></table>
</div>
[right][url=https://storming-gates.de/][color=#000000][size=8]copyright @ Malya[/size][/color][/url][/right]
</div>
</td> </tr></tbody></table></center>


Der Code für eine neue Tabellenreihe ist:

Code:
<table><tr><td>
<div class="meineScrollbox2"><img src="https://via.placeholder.com/150x50"><font style="font-size: 9px"><div align="justify">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</div></font></div></td><td>
<div class="meineScrollbox2"><img src="https://via.placeholder.com/150x50"><font style="font-size: 9px"><div align="justify">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</div></font></div></td><td>
<div class="meineScrollbox2"><img src="https://via.placeholder.com/150x50"><font style="font-size: 9px"><div align="justify">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</div></font></div></td></tr></table>


Diesen fügt ihr immer nach der letzen Tabelle eurer Kategorie ein! Der Code ist ausführlich ausdehnbar und ihr könnte viel mehr Kategorien als die im Code angegeben einfügen. Schriftstyl's sind anpassbar, allerdings mit Google Fonts definiert. Solltet ihr BB Codes benutzen, bedenkt das der Code sich verzerren kann, da sich ein kompletter CSS/HTML Code ist.

Viel Spaß :)
Nach oben Nach unten
Benutzerprofil anzeigen
Gesponserte Inhalte


BeitragThema: Re: Inos CodeEcke :)   

Nach oben Nach unten
 

Inos CodeEcke :)

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben 
Seite 1 von 1

Befugnisse in diesem ForumSie können in diesem Forum nicht antworten
Shima no Koji ::  :: GFX-