Lektion 04

[Purzely]

Nun verfeinern wir unseren Blog noch
z. B. die Ränder um unsere Bilder

gehe dazu in die html-Ansicht deines Blog,
dazu klickst du auf der linken Seite auf Vorlage



im nächsten Fenster
dann klicke auf HTML bearbeiten
hier siehst du Zeilennummern
und da bei einigen so ein kleines Dreieck,
d.h. das darunter Zeilen ausgeblendet sind
in diesem Fall musst du bei Zeile 13 (1)
auf das kleine Dreieck klicken um die versteckten Zeilen "herauszuklappen"
auf jeden Fall aber die Zeile öffnen bei der dieser Code (2) steht

<bkin>....</bkin>

(es kann sein das deine Zeilennummer anders ist)




darin such dir nun diesen Teil heraus

<Variable name="image.border.small.size" description="Image Border Small Size" type="length" default="2px" value="2px"/>
<Variable name="image.border.large.size" description="Image Border Large Size" type="length" default="5px" value="5px"/>

seht hier ungefähr (bei mir ist es Zeile 146)



ich habe die px in 2 und 5 geändert, du kannst das ganze mit deinem Blog nur austesten,
was am besten passt, es gibt da keine Richtlinien
überprüfe es vor dem speichern, indem du unten auf Vorschau klickst

HINWEIS: zur Sicherheit kopiere dir vorher den gesamten HTML-Text in eine TextDatei,
so kannst du ihn, falls du etwas ganz falsch gemacht hast, wieder einsetzen.

Willst du auch die Farbe des Randes ändern, dann suche folgendes
(bei mir auf Zeile 92)

<Group description="Images" selector=".main-inner">
<Variable name="image.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/>
<Variable name="image.border.color" description="Border Color" type="color" default="#eeeeee" value="#eeeeee"/>
<Variable name="image.text.color" description="Caption Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
</Group>



hier ändere die Werte von den color-Werten, und passe sie deinen Farben an,
(erinnere dich, die hattest du beim Erstellen des Hintergrundes notiert)
auch hier wirst du öfters immer wieder über Vorschau probieren müssen.

Background Color ist die Farbe im Hintergrund des Bildes
Border Color die des Rahmens darum dann

poste mir deinen Bloglink und warte auf mein OK bitte
:duschaffstdas: