Kleine HTML-Spielereien ~

Code Shop

please scroll down

Angebot?

Postingvorlagen, Wantedvorlagen

Regeln?

» Eine Vorlage pro User vorerst.
» Die Vorlage darf nur in hier verwendet werden.
» Ihr füllt den Steckbrief sachgerecht aus.
» Lasst mir bitte bis zu einer Woche mind. Zeit.
» Ich biete keine Hover-Effekte an.
» Nur zwei Aufträge gleichzeitig

Ausstehende Aufträge?

Knochentanz, Zenistürmer, Angel

Steckbrief

Username:
Hintergrundfarbe/-bild:
[Bild mind. 400px breit, 400px hoch]
Schriftfarbe/Farbschema:
Schriftart Überschrift/Text:
[Google Fonts]
Rahmen:
Rund/Eckig:
Überlappende Kasten:
Sonstiges:

Beispiele:

~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~

Ruby, Aqua, I love you.

(official art - oshi no ko)

Username: Regenbogentanz
Hintergrundfarbe/-bild: die Farbe von Muster 1 find ich nice, dennoch möcht ich gerne weiße markierungen für andere Charakternamen sehen wenns mit der Farbe nicht geht such dir einfach selbst eine passende aus owo
Schriftfarbe/Farbschema: in nem schönen dunklem dunkelblau oder dunkellila. Der sonstige Text soll schwarz sein
Schriftart Überschrift/Text:
Text: https://www.google.com/fonts/specimen/Handlee
Überschrift: https://www.google.com/fonts/specimen/Bad+Script
Rahmen: Ja, in der selben Farbe der Überschrift
Rund/Eckig: ganz leicht abgerundet
Überlappende Kasten: Wie im Muster 2 halt :D
Sonstiges: Kannst dich extrem am Beispiel 2 orientieren da ich das wunderschön finde ^^

~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~

by BOKE-Crow (DA)

Relations

by Goldfluss

Username: Wüstenrose
Hintergrundfarbe/-bild: ein hübsches Rot, welches nicht zu kräftig ist.
Schriftfarbe/Farbschema: Schrift am besten Weiss, damit man es lesen kann. Das Farbschema ist im Allgemeinen Rot.
Schriftart Überschrift/Text: https://www.google.com/fonts/specimen/Poiret+One Überschift wenn möglich fett xD
Rahmen: Dunkler als die Hintergrundfarbe
Ecken: abgerundet
Überlappende Kasten: weiss nicht was damit genau gemeint ist.
Sonstiges: Bitte Beispiel 4 nachempfinden :D

Danke :D

~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~

Live in the present, remember the past, and fear not the future, for it doesen't exist and never shall. There is only now.

@Wüstenrose: Ich setz mich heute Abend ran. c: Mit "überlappenden Kasten" meine ich beispielsweise so etwas:

Da überlappt der schwarze Katzen in der Mitte den weißen "Grundkasten". c:

@Regen: Ich wäre dann fertig. Hab den Hintergrund minimal dunkler gemacht, damit man das Weiß sieht, ich hoffe, die Farbe ist in Ordnung. owo Bei Kritik darfst du dich gerne beschweren, ich arbeite sie so lange um, bis sie okay ist. :3

Regen:

Code:: <center>
<div style="width: 500px; color: #240B3B; font-Family: 'Bad Script'; font-size: 50px; text-shadow: 2px 2px 3px grey; padding-bottom: 10px"><b>[color=white]N[/color]amenspelz</b></div><div style="width: 500px; background-color: #CECEF6; Font-Family: 'Handlee'; font-size: 15px; text-align: left; padding-right: 15px; padding-left: 15px; line-height: 150%; color: #000000; border-radius: 13px; border-bottom: 3px dashed #1B0A2A; border-top: 3px dashed #1B0A2A;">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam [color=white]voluptua[/color]. 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 style="text-align: right; color: #240B3B; text-shadow: 1px 1px 3px grey"><b>Erwähnt:</b> xxx
<b>Angesprochen:</b> xxx
</div><br></div></center>

<p style="visibility:hidden"><span style="visibility:inherit">lincezaly</span></p><link href='https://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'>

~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~

Ruby, Aqua, I love you.

(official art - oshi no ko)

Gast

Username: Federjunges
Hintergrundfarbe/-bild: Die Farben wie in Beispiel 2
Schriftfarbe/Farbschema: Wie in Beispiel 2
Schriftart Überschrift/Text:
Überschrift: Lobster
Text:Indie Flower
[Google Fonts]
Rahmen: in der Farbe wie Beispiel 2
Rund/Eckig: abgerundet
Überlappende Kasten:\
Sonstiges: Am besten der Aufbau von Beispiel 4 in den Farben von Beispiel 2. Ich hoffe man konnte es verstehen^^

@Federjunges: Ich setz mich später ran. c:

@Wüstenrose: Fertig, hoffe, du bist zufrieden damit. Ich kann mich auch noch einmal dransetzen, wenn du magst. ~

Wüstenrose:

Code:: <link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>

<center>
<div style="width: 510px; padding: 10px; background-color: #ffffff; color: #610B21; font-family: 'Poiret One'; font-size: 45px; border-radius: 25px; border-top: 3px solid #3B0B17; text-shadow: 2px 2px 10px #F8E0E6"><b>Namenspelz</b></div>
<div style="width: 500px; background-color: #610B21; color: #ffffff; padding-left: 15px; padding-right: 15px; font-family: 'Poiret One'; font-size: 15px; border-radius: 25px; border-left: 6px double #3B0B17; border-right: 6px double #3B0B17;">
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 style="text-shadow: 1px 1px 2px grey; font-size: 13px">
<b>Erwähnt:</b> xx
<b>Angesprochen:</b> xx
</div><br/></div></center>

<p style="visibility:hidden"><span style="visibility:inherit">lincezaly</span></p>

~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~

Ruby, Aqua, I love you.

(official art - oshi no ko)

Gast

Danke dir Innobell, ich hoffe man konnte es verstehen was ich da geschrieben hab^^

@Federjunges: Wollte mal ein bisschen rumspielen und hab's jetzt so gemacht, dass es von oben nach unten kleiner wird. owo Falls es nicht okay ist, sag ruhig was, damit ich es ändern kann. ^-^

Namenspelz

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.

Erwähnt: xx
Angesprochen: xx

lincezaly

Code:: <link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>

<center><div style="width: 570px; background-color: #FBEFF5; font-family: 'Lobster'; padding-bottom:25px; padding-top:25px; border-Radius: 35px; border: 6px dashed #3B0B24; color: #3B0B24; font-size: 55px;">Namenspelz</div>
<div style="width: 480px; background-color: #FBEFF5; font-family: 'Indie Flower'; padding: 15px; border-Radius: 35px; border: 5px dashed #3B0B24; color: #3B0B24; font-size: 15px; line-height: 150%">
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.
<br/></div>
<div style="width: 430px; background-color: #FBEFF5; font-family: 'Indie Flower'; padding: 5px; border-Radius: 35px; border: 4px dashed #3B0B24; font-size: 13px"><b>Erwähnt:</b> xx
<b>Angesprochen:</b> xx
</div></center>
<p style="visibility:hidden"><span style="visibility:inherit">lincezaly</span></p>

~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~

Ruby, Aqua, I love you.

(official art - oshi no ko)

Gast

Dankeee Innobell:)
Richtig schön^^ und das mit dem kleiner werden war auch ne richtig coole idee:)

Kein Ding. :3 Hab gerade noch etwas an der Größe kurz angepasst, nur damit du dann auch den richtigen Code hast.

~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~

Ruby, Aqua, I love you.

(official art - oshi no ko)

Gast

Ganz vielen dank dann nixh mal an dich

Ich bestell dann auch mal was, wenn du nichts dagegen hast ^^

Username: Knochentanz
Hintergrundfarbe/-bild:
Mir würde eine dunkle, weinrote Farbe gefallen, so ähnlich wie in Beispiel 2.
Schriftfarbe/Farbschema: Der Text soll am besten weiß oder schwarz sein, je nachdem wie man es besser lesen kann. Das Farbschema so ungefähr wie bei Beispiel 2.
Schriftart Überschrift/Text:
Überschrift: Kaushan Script
Text: Shadows Into Light
Rahmen: In einem dunklen rot
Rund/Eckig: Abgerundet
Überlappende Kasten: -
Sonstiges: Du kannst dich am 4. Beispiel orientieren da mir das sehr gut gefällt :3

~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~
Kleine HTML-Spielereien ~ Kawaii13

Gast

Username: Zenitstürmer
Hintergrundfarbe/-bild: Schwarz
Schriftfarbe/Farbschema: Ein dunkleres Rot das aber auf dem schwarzen Hintergrund gut zu lesen ist / Farbschema wie bei Beispiel 3
Schriftart Überschrift/Text: Josefine Sans
Rahmen: Ebenfalls ein Dunkles Rot
Rund/Eckig: Rund
Überlappende Kasten: -
Sonstiges: Bitte an Beispiel 3 orientieren wenn es möglich ist

@Innobell
Ich danke dir, ich finde es sehr schön. ^^
Ich habe jetzt einfach noch die Farbe verändert von #610B21 zu #8A0808, da mir die erste Farbe zu viel Blau-Anteil gehabt hat. xD
Ich hoffe dass ist nicht schlimm. ^^
Grüsse Wüstenrose

~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~

Live in the present, remember the past, and fear not the future, for it doesen't exist and never shall. There is only now.

Inno, awesome, was will ich da groß kritisieren? *°*
Ich danke dir! <3

~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~_~

by BOKE-Crow (DA)

Relations

by Goldfluss