HTML-Stübchen

Gast

Ich kann eigentlich zum großen Teil HTML und würde mit dem Wissen was anfangen können XD
Deshalb biete ich hier an Steckbriefvorlagen und Forenvorstellungen und sonst so ein Zeig für euch zu machen :D

Beispiele:

Beispiel 1 (Postingvorlage):

Beispiel 2 (Postingvorlage):

Beispiel 3 (Postingvorlage):

Beispiel 4 (Postingvorlage):

Beispiel 5 (Postingvorlage):

~weitere folgen noch~

Bestellungsformular:

Code:: [b]Was?: [/b]TEXT
[b]Einzusetzene Grafiken: [/b]TEXT
[b]Für welches Forum?: [/b](~Link~)TEXT
[b]Für welchen Charakter?: [/b]TEXT
[b]Grundfarbton?: [/b]TEXT
[b]Irgendwelche Effekte?: [/b]TEXT
[b]Spezielle Schriftart?: [/b]TEXT
[b]Sonstiges?: [/b]TEXT

Informationen zu dem Bestellungsformular:
-Bei Was könnt ihr auswählen was ihr gerne hättet, wie Steckbriefvorlagen, Postvorlagen, Forenvorstellungen, oder sonst was, möglicherweise werde ich auch Forengestaltung anbieten aber bin noch am überlegen.

-Bei den Einzusetztenden Grafiken könnt ihr irgendwelche Bilder die eingesetzt werden sollen (am besten verlinken) hier schreiben, aber dann bitte schreiben wo, z.B. Als Hintergrund oder Header des Codes? Achten auf das Copyright um unnötige Kosten zu sparen. Bei pixaby findet ihr eine große Auswahl an 100% lizenzfreier und freizuverwendene. Bilder.

-Für welchen Charakter? (Wenn postingvorlage) ist eine optionale Angabe dass Heise ihr müsst nichts angeben würde aber bei der Textgröße helfen, wenn möglich gebt auch bitte einen Link zum Steckbrief an das hilft bei der Farbauswahl gut weiter

-Solltet Ihr eine spezielle Farbrichtung wünschen könnt ihr hier was abgeben wie rot, dunkelblau, Grautöne usw.

-Bei der Schriftart bitte nur von Google-Fonts, wenn nichts angegeben wurde such ich selber eine aus, ihr könnt aber auch Sachen wie geschwungene Schrift oder sowas schreiben ;) Google-Fonts: https://www.google.com/fonts

Ich freu mich schon auf Bestellungen.

Regeln:
1. Die Forenregeln des Forums
2. Nicht drängeln
3. Ich nehme nur 3 Aufträge auf einmal an
4. Ich bin nicht gezwungen jeden Auftrag anzunehmen
5. Bitte benutzt auch die Codes die ich euch hier mache, an einigen sitze ich nähmlich 1-3 Stunden und es wäre ziemlich enttäuschend wenn ich alles umsonst gemacht habe
6. Ich übernehme keine Haftung oder irgendwelche kosten wenn ich mit den von EUCH eingeschickten Bildern einen Code erstelle

Gast

Was?: Steckbriefvorlage
Einzusetzene Grafiken: Header https://i.servimg.com/u/f68/19/36/53/86/at_mit12.png
Für welches Forum?: Dieses
Irgendwelche Effekte?: -
Spezielle Schriftart?: wie du willst
Sonstiges?: -----

Was?: Postvorlage
Einzusetzende Grafiken: -
Für welches Forum?: Dieses
Irgendwelche Effekte?: -
Spezielle Schriftart?: Indie Flower (wenn möglich)
Sonstiges?: -

✨⌣⌢⌣⌢⌣⌢⌣⌢⌣⌢⌣⌢⌣⌢⌣⌢⌣⌢⌣⌢⌣⌢⌣✨

Meine Charaktere:

Vielen Dank @Luzifer ^^:

Gast

Was?: Postvorlage
Einzusetzene Grafiken: Keine
Für welches Forum?: Dieses
Irgendwelche Effekte?: Nee
Spezielle Schriftart?: Lucida Sans Unicode wenn das funktioniert
Sonstiges?: Da wo bei dir oben im Beispiel Name steht bitte den Namen Tapsi einsetzen

Gast

Juliane

Ort: Ort wo sich dein Chara befindet
Angesprochen: Namen der Katzen
Erwähnte Charaktere: Namen der Katzen

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

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer

by Mondwolke

Code:: </br><link href='https://fonts.googleapis.com/css?family=Fredericka+the+Great' rel='stylesheet' type='text/css'><img src="http://i68.servimg.com/u/f68/19/36/53/86/at_mit12.png" width=450px height=299px></img><div style="font-family: 'Fredericka the Great', cursive; color: #5D1E1C; margin-top: -80px; margin-left: 150px; font-size: 70px; position: absolute;">Juliane</div><div style="marign-top: -200px; width: 450px; height: 695px; background-color: #975228; box-shadow: 1px 1px 10px #4C2A15; border: 2px solid; border-radius: 0px 40px 0px 40px; opacity: 1.0;"><center><div style="text-align: left; margin-top: 20px; width: 420px; height: 57px; opacity: 0.4; background-color: black; color: white; font-size: 15px;"><b>Ort: </b><i>Ort wo sich dein Chara befindet</i></br><b>Angesprochen: </b><i>Namen der Katzen</i></br><b>Erwähnte Charaktere: </b><i>Namen der Katzen</i></div></br><div style="overflow: auto; text-align: left; width: 420px; height: 560px; opacity: 0.4; color: white; font-size: 15px; background-color: black;">TEXT</div><div style="margin-top: 10px; font-size: 17px; color: white; opacity: 0.7;"><i>by [url=http://warrior-cats-forum.forumieren.net/u1]Mondwolke[/url]</i></center></div>

Gast

Danke ♥♥♥

Gast

Gern geschehen :D

Schneeleopardenzahn

Ort: Ort wo sich dein Chara befindet
Angesprochen: Namen der Katzen
Erwähnte Charaktere: Namen der Katzen

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

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer

by Mondwolke

Code:: </br><link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'><div style="marign-top: -200px; width: 450px; height: 690px; background-color: #A2ECF9; box-shadow: 1px 1px 5px black; border-top: 4px solid silver; border-bottom: 4px solid silver; opacity: 1.0;"><center><div style="font-family: 'Indie Flower', cursive; text-align: center; color: silver; font-size: 45px; margin-top: 15px;"><u>Schneeleopardenzahn</u></div><div style="text-align: left; margin-top: 20px; width: 450px; height: 57px; opacity: 0.4; background-color: black; color: white; font-size: 15px;"><b>Ort: </b><i>Ort wo sich dein Chara befindet</i></br><b>Angesprochen: </b><i>Namen der Katzen</i></br><b>Erwähnte Charaktere: </b><i>Namen der Katzen</i></div></br><div style="overflow: auto; text-align: left; width: 450px; height: 515px; opacity: 0.4; color: white; font-size: 15px; background-color: black;">TEXT</div><div style="margin-top: 10px; font-size: 17px; color: white; opacity: 0.7;"><i>by [url=http://warrior-cats-forum.forumieren.net/u1]Mondwolke[/url]</i></center></div>

Das ist wunderschön *^* Vielen lieben Dank :3

✨⌣⌢⌣⌢⌣⌢⌣⌢⌣⌢⌣⌢⌣⌢⌣⌢⌣⌢⌣⌢⌣⌢⌣✨

Meine Charaktere:

Vielen Dank @Luzifer ^^:

Gast

Tapsi

Ort: Ort wo sich dein Chara befindet
Angesprochen: Namen der Katzen
Erwähnte Charaktere: Namen der Katzen

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

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer

by Mondwolke

Code:: </br><link href='https://fonts.googleapis.com/css?family=Marcellus' rel='stylesheet' type='text/css'><div style="marign-top: -200px; width: 450px; height: 710px; background-color: #0A530D; box-shadow: 1px 1px 5px black; border-left: 10px dashed forestgreen; border-right: 10px dashed forestgreen; opacity: 1.0;"><center><div style="font-family: 'Marcellus', serif; text-align: center; color: #84A985; font-size: 70px;"></br><u>Tapsi</u></div><div style="text-align: left; margin-top: 40px; width: 450px; height: 57px; opacity: 0.4; background-color: black; color: white; font-size: 15px; padding-left: 5px; padding-right: 5px;"><b>Ort: </b><i>Ort wo sich dein Chara befindet</i></br><b>Angesprochen: </b><i>Namen der Katzen</i></br><b>Erwähnte Charaktere: </b><i>Namen der Katzen</i></div></br><div style="overflow: auto; text-align: left; width: 450px; height: 515px; opacity: 0.4; color: white; font-size: 15px; background-color: black; padding-left: 5px; padding-right: 5px;">TEXT</div><div style="margin-top: 10px; font-size: 17px; color: white; opacity: 0.7;"><i>by [url=http://warrior-cats-forum.forumieren.net/u1]Mondwolke[/url]</i></center></div>

Gast

Gerngeschehen ^^

@Dunkelpelz Lucida Handwriting ist nicht von Google Fonts deshalb hab ich de nächst ähnliche genommen die mir einfiel ^^

Gast

Vielen Dank Mondwolke. Werde nachher oder morgen gleich damit posten. ;-D

Gast

Ok :D
Sollte bei irgendwem die Farbe nicht gefallen kann er/sie mir gerne Bescheid sagen am besten dann Farbrichtung angeben

~Bestellformular wurde bearbeitet am 12.07.2015 um 21:16 Uhr~

Gast

Was?: Steckbrief Vorlage
Einzusetzene Grafiken: Schick ich dir per Pn
Für welches Forum?: Mein eigenes
Für welchen Charakter?: Insgesamt, also für alle die einen Charakter erstellen wollen
Grundfarbton?: Braun
Irgendwelche Effekte?: /
Spezielle Schriftart?: Indie Flower wäre nett
Sonstiges?: /

Gast

Was?: Postvorlage
Einzusetzen Grafiken:

Spoiler:

Für welches Forum?: dieses hier
Für welchen Charakter?: Rubinpfote
Grundfarbton?: Rot
Irgendwelche Effekte?: egal
Spezielle Schriftart?: Indie Flower bitte (muss net)
Sonstiges?: lass dir nur Zeit

Gast

Alle wollen Indie Flower XDD
Also beide angenommen ich setzte mich gerne ran. Tut mir leid wenn eure Post schon länger hier unbemerkt sind, komischerweise bekomme ich keine Benachrichtigungen per PN.

Gast

Vielen vielen Dank

Gast

Was?: Steckbriefvorlage
Einzusetzene Grafiken: schick ich per pn
Für welches Forum?: mein eigenes
Für welchen Charakter?: alle möglichen
Grundfarbton?: schwarz
Irgendwelche Effekte?: nein
Spezielle Schriftart?: nein
Sonstiges?: nein

Gast

Was?: Eine Postingvorlage
Einzusetzene Grafiken: Keine
Für welches Forum?: Hier
Für welchen Charakter?: Schneefrost
Grundfarbton?: ein Dunkles Blau
Irgendwelche Effekte?: Nop
Spezielle Schriftart?: https://www.google.com/fonts#UsePlace:use
Sonstiges?: Ähhm nein... Vielen Dank :D

Gast

@Schneewolke könntest du bitte den Namen der Schrift sagen? Der Link klappt nicht

Gast

Lobster hieß die Schriftart ^-^
Ps: Schneefrost :)

Gast

Huch tut mir leid ^^'
Oki dann setzte ich mich ebenfalls ran ;)

@Traubenjunges du müsstest mir noch das Bild schicken und sag mir auch bitte dem Link zum Forum dann kann ich es auch farblich anpassen nicht das es am Ende ein schwarzer Klecks ist der nur stört :P

@Dunkelpelz ich bin gleich fertig *freut sich insgeheim* XD ich Schicks dann morgen hier rein ^^

Gast

@Dunkelpelz hat doch etwas gedauert bin aber jetzt fertig :D

HTML:

CSS:

Also den HTML Teil kopierst du einfach in einen Beitrag hinein und den CSS Teil fügst du ins Stylesheet ein, dieses du unter Admin-Menü-->Anzeige-->Farben-->CSS-Stylesheet--> dort irgendwo reinkopieren, dann sollte der Code klappen ^^ hoffe er gefällt dir ;)

Unfertig:
@Wolfskralle:

Rubinpfote

Ort: Ort wo sich dein Charakter befindet
Angesprochen: Namen der angesprochenen Charaktere
Erwähnte Charaktere: Namen der erwähnten Charaktere

TEXT

by Moon

Code:: <br><br><div style="width: 400px; height: 475px; background-color: #620000; box-shadow: 4px 4px 2px black; border: 2px outset maroon; margin-top: 15px;"><link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'><center><div style="font-size: 60px; color: #612121; text-shadow: 2px 2px 2px #A24141; font-family: 'Indie Flower', cursive; margin-top: -20px;">Rubinpfote</div><div style="width: 385px; height: 56px; background-color: black; opacity: 0.3; margin-top: 23px; font-family: 'Indie Flower', cursive; text-align: left; color: white; overflow: auto;"><b>Ort: </b>Ort wo sich dein Charakter befindet
<b>Angesprochen: </b>Namen der angesprochenen Charaktere
<b>Erwähnte Charaktere: </b>Namen der erwähnten Charaktere</div><div style="width: 385px; height: 357px; background-color: black; opacity: 0.3; margin-top: 12px; text-align: left; color: white; overflow: auto; font-size: 18px; font-family: 'Indie Flower', cursive;">TEXT</div><div style="margin-top: 5px; color: black; font-size: 15px;">by [url=http://warrior-cats-forum.forumieren.net/u1]Moon[/url]</div></center></div>

Gast

Volt cool bis jetzt! Das könnte ich nicht. Danke

Gast

@Wolfskralle: so ich bin fertig ;)

Rubinpfote

Ort: Ort wo sich dein Charakter befindet
Angesprochen: Namen der angesprochenen Charaktere
Erwähnte Charaktere: Namen der erwähnten Charaktere

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

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer

by Moon

Code:: <br><br><div style="width: 400px; height: 475px; background-color: #620000; box-shadow: 4px 4px 2px black; border: 2px outset maroon; margin-top: 15px;"><link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'><center><div style="font-size: 60px; color: #612121; text-shadow: 2px 2px 2px #A24141; font-family: 'Indie Flower', cursive; margin-top: -20px;">Rubinpfote</div><div style="width: 385px; height: 56px; background-color: black; opacity: 0.5; margin-top: 23px; font-family: 'Indie Flower', cursive; text-align: left; color: white; overflow: auto;"><b>Ort: </b>Ort wo sich dein Charakter befindet
<b>Angesprochen: </b>Namen der angesprochenen Charaktere
<b>Erwähnte Charaktere: </b>Namen der erwähnten Charaktere</div>[img(385px,357px)]http://img5.fotos-hochladen.net/uploads/fo9rba4vtdw2173ram.png[/img]<div style="margin-top: -357px; width: 385px; height: 357px; background-color: black; opacity: 0.6; text-align: left; color: white; overflow: auto; font-size: 17px; font-family: 'Indie Flower', cursive;">TEXT</div><div style="margin-top: 5px; color: black; font-size: 15px;">by [url=http://warrior-cats-forum.forumieren.net/u1]Moon[/url]</div></center></div>

Gast

Vielen Dank. Es ist wunderschöne geworden!

» HTML-Kurs : )
» HTML-CSS-Kurs

HTML-Stübchen

HTML-Stübchen

Ähnliche Themen

Ähnliche Themen