StartseiteKalenderFAQSuchenMitgliederNutzergruppenAnmeldenLogin
Die neuesten Themen
» neue Daten von Semkas Welt
Mi Sep 13, 2017 2:49 am von Gast

» Die Gartenlaube
So Dez 11, 2016 3:08 am von Jace

» Die Eingangshalle
So Dez 11, 2016 2:01 am von Joshua

» Ranelle Pirie - Unfertig
So Jul 31, 2016 1:37 am von Ranelle

» Lacrima - zwischen drei Welten
Do Jul 28, 2016 12:46 pm von Gast

» Bis Dezember weg.
Di Jul 26, 2016 7:06 am von Jace

» Der Dachgarten
Sa Jul 09, 2016 11:15 pm von Joshua

» Zimmer 001, Schülersprecherin
Fr Jul 08, 2016 10:10 pm von Joshua

» Die große Eiche
Fr Jul 08, 2016 10:05 pm von Joshua

Wetter & Zeit
Jahreszeit: Sommer
Wochentag: Sonntag
Uhrzeit:
19:00 Uhr
Wetter:
Die Sonne neigt sich dem Horizont. Wolkenfreier Himmel, 22°C

Austausch | 
 

 HTML-Codes

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten 
AutorNachricht
Joshua
Admin
avatar

Anzahl der Beiträge : 259
Trainingseinheiten : 460
Anmeldedatum : 18.04.14
Ort : In my mind I call you home.

Charaktere
Name & Alter:
Fähigkeit :
Rang:

BeitragThema: HTML-Codes   So Sep 27, 2015 6:55 am

Marlee und Sky fragten mich, wie man eine PV macht und ich habe versucht ihnen zu erklären, dass man dieses aus HTML-Codes macht.

Ihm Grunde sind diese wie BB-Codes, also die, die man auch für das schreiben von Post's benutzen kann - nur dass statt dieser Klammern [], diese <> benutzt werden.

Ich werde versuchen es zu erklären, doch ich kann für nichts garantieren xD

Das war denke ich meine erste Postvorlage (PV), die ich gemacht habe. Der Code ist relativ kurz ich darin sind die meisten Grundlagen enthalten. ^^
So sieht sie aus:
Shira Lapin




»TEXT«

Handlung


Der Code so:
Code:
<center><div style="text-align: center;border-radius: 40px; color: #000000;width:450px; font-size: 25px; text-shadow: 0px 0px 10px white;background-color: #678F8F;letter-spacing:10px;"><div style="font-family: Segoe Script;">Shira Lapin</div></div>
<img src="http://i39.servimg.com/u/f39/18/79/43/85/pv_shi10.jpg"/> <br>
<div style="overflow:auto;height:300px; width:400px">
»TEXT«
</div>
<div style="text-align: center;border-radius: 40px; color: #000000;width:450px; font-size: 15px; text-shadow: 0px 0px 10px white;background-color: #678F8F;"><div style="font-family: Segoe Script;">Handlung</div></div></center>

(Wie hoffentlich auffällt, sind die Befehle in englisch geschrieben)

Mit diesem Zeichen <> öffnet ihr einen Befehl, habt ihr ihn zu Ende formuliert, schließt ihr ihn so
Das Grundmodell besteht aus:


Wir erstellen zunächst die obere Box.
Der Code war:
Code:
<center><div style="text-align: center;border-radius: 40px; color: #000000;width:450px; font-size: 25px; text-shadow: 0px 0px 10px white;background-color: #678F8F;letter-spacing:10px;><div style="font-family: Segoe Script;">Shira Lapin</div></div>

Die Elemente:
'text-align': bestimmt die Ausrichtung eures Textes - so steht 'center' für Mitte; 'right' für rechbündigkeit; 'left' dann für linksbündigkeit und 'justify' für den Blocksatz.
'border': sind die Befehle für die Box. Mit 'box-radius' bestimmt ihr (wie gesagt) den Radius eurer Box, ob die Runden abgerundet sind oder nicht.
'color': Bestimmt die Farbe des Textes
'width': die Breite eurer Box (für die Höhe würdet ihr 'height' benutzen)
background-color: die Hintergrundfarbe eurer Box
'letter-spacing': damit stehen die Buchstaben eurer Textes weiter auseinander
Code:
<div style="font-family: Segoe Script;">
: bestimmt die Schriftart eures Textes

mit
Code:
</div></div>
werden die Befehle geschlossen

Das ganze sieht dann so aus:

Shira Lapin


Diesselbe Box befindet sich auch im unterem Teil des PV.

Code:
<div style="overflow:auto;height:300px; width:400px">
Dieser Code erstellt eine Scrollbox in dem sich dein Text dann befindet. 'height' und 'width' bestimmt die Höhe und Breite der Scrollbox.
Mit '
' wird sie dann geschlossen.


Mehr fällt mir auch nicht ein zum erklären, also bei Fragen, die sicherlicher aufkommen werden, nur zu XD

_________________
have you ever missed someone so much that strangers started to look like them?

Nach oben Nach unten
Benutzerprofil anzeigen http://stolen-dream.fruitsandco.com
 
HTML-Codes
Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben 
Seite 1 von 1
 Ähnliche Themen
-
» QR-Codes nur begrenz speicherbar?
» Qr-Codes
» Ich suche die qr codes für diese designs!!!bitte um hilfe
» [ORAS] Geheimbasen QR-Codes
» Meine Stadt - Lunaria

Befugnisse in diesem ForumSie können in diesem Forum nicht antworten
Stolen Dream :: Off-Topic :: Plauderecke-
Gehe zu: