Knuddels Extras

Auf dieser Seite gibt es alles was das Herz begehrt um deine Knuddels Homepage auszuschmücken. Man kann diese Extras mit einfachen HTML Codes einfügen. Man kann sogenannte Attribute in die Tags einfügen:

Tag: <input>
Attribut: type="text"
Wert: width:300px; (300px steht für 300 Pixel)

Das ist alles in Knuddels möglich

- Textfelder und andere Eingabemöglichkeiten
- Links
- Das einbauen von Bildern
- verändern der Schriftfarbe und der Schriftart
- Das einbauen von Hintergrundmusik
- Farben
- weiteres folgt noch...

Texteingabefelder


So sieht der Tag eines Texteingabefelds aus:
<input type="text" name="Eingabefeld" value="Bla bla bla" style="width:300px; background-color:#000000; border-color:#ffffff; color:#ffffff;" />

Diese Werte kann man in das style="" Attribut einfügen:
- Breite des Feldes: width:300px;
- Hintergrundfarbe: background-color:#000000;
- Rahmenfarbe: border-color:#ffffff;
- Die Schriftfarbe: color:#ffffff;
Beispiele für Farben gibts hier
Einfach den Farbcode z.B.: #CC0033 in den Wert eintragen.

Diese Attribute kann man in das <input> Tag einfügen:
- Den Namen des Textfeldes (Wird nicht angezeigt): name="Eingabefeld"
- Den Text im Textfeld: value="Bla bla bla"
Auswahlfelder

bitte auswählen blubb bla
So sieht der Code eines Auswahlfeldes aus:
<select name="Eingabefeld" style="width:300px; background-color:#000000; border-color:#ffffff; color:#ffffff;">

<option selected value="bitte auswählen">bitte auswählen</option>
<option value="blubb">blubb</option>
<option value="bla">bla</option>

</select>

- Mit dem <option></option> Tag kann man beliebig viele Auswahlmöglichkeiten hinzufügen.
- mit selected kann man auswählen welche Möglichkeit beim öffnen der Seite ausgewählt ist.
- Hintergrundfarbe und Schriftfarbe geht wie beim Textfeld
große Eingabefelder

Text...
So sieht der Code für ein großes Eingabefeld aus:
<textarea style="width:300px; height:100px; background-color:#000000; border-color:#ffffff; color:#ffffff;">Text...</textarea>

- Die Höhe kann man im style="" Attribut mit height:100px; bestimmen.
- Das was im Feld steht wird zwischen <textarea> und </textarea> geschrieben.
Links

Link
So sieht der Code eines Links aus:
<a href="http://www.knuddels.de" target="_blank">Link</a>

- Wohin der Link führen soll schreibt man ins href="" Attribut
- Ob der Link in einem neuen Fenster öffnen soll oder nicht ändert man hier: target="_blank".
  _blank: neues Fenster | _self: gleiches Fenster Bilder einfügen


So sieht der Code eines Bildes aus:
<img src="Bildadresse hier einfügen" width="400" height="300" />

- Die Adresse des Bildes fügt man in src="" ein.
- Die Höhe und die Breite schreibt man in width="" und height="". height: höhe | width: breite
- Die Dicke des Rahmens verändert man mit border=""
- Wenn du ein Bild als Link haben willst dann füge den Code vom Bild in das <a> Tag ein. z.B.:

<a href="http://www.knuddels.de" target="_blank"><img src="Bildadresse hier einfügen" width="400" height="300" /></a>

So sieht das dann aus (Klick auf das Bild und teste):
Verändern der Schriftfarbe und der Schriftart

Hallo
Hallo
So sieht der Code von einer veränderten Schrift aus:
1. Beispiel: <font face="Comic Sans MS" color="#CC0033" size="5">Hallo</font>
2. Beispiel: <font face="Times New Roman" color="#006666" size="8">Hallo</font>

- Die Schriftgröße verändet man im size="" Attribut.
- Die Schriftfarbe ändert man im color="" Attribut. Einfach wieder den Farbcode einfügen.
- Die Schriftart ändert man im face="" Attribut.
- Man kann die Schrift mit <b> fett </b> und mit <i> kursiv </i> machen. Einfügen einer Hintergrundmusik

Das geht mit diesem Code:
<embed src="lied.mp3" loop="no" autostart="true" hidden="true" />

- Die Liedadresse fügt man in src="" Hier kann man Dateien ins Internet hochladen¹
- Wenn man eine Dauerschleife haben will dann schreibt man in loop="no" einfach yes statt no Farben

Mit Farben kann man die Hintergrundfarbe der Seite ändern. Man kann der Schrift eine andere Farbe geben und man kann auch Eingabefelder farblich anders gestalten. Oben wurde dir gezeigt, wo man diese Farbcodes einfügt. Hier sind nun alle Farben aufgelistet. Einfach die Farbcodes wie sie da stehen in das Attribut einfügen.

¹: Das veröffentlichen von Liedern anderer Personen ist nur erlaubt wenn man dies durch entsprechende Bezahlung rechtlich abgesichert hat (GEMA). Eigens komponierte Musik mit eigegen Melodien darf man natürlich bedenkenlos veröffentlichen.
Mangos Blog übernimmt keine Haftung für Personen, die Musik hochladen und auf ihrer Seite veröffentlichen!!!