Laufschrift erstellen

Mit ein paar wenigen, einfachen Befehlen könnt ihr euch ganz easy eine Laufschrift erstellen.

Spoiler Box

Um ewig lange Texte zu vermeiden, könnt ihr einen Spoiler benutzen (besonders gut kommt sowas bei Film- oder Buchrezensionen ;)). Dazu fügt ihr folgenden Code in den Post-html ein:

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">dein Titel <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px/Größe des Buttons;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Text für Button'; }" type="button"> </div><br /><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;background: #transparent none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: Schriftfarbe innerhalb des Spoilers; line-height: 1.5em;"><div style="display:none;">hier deinen Text<br /></div></div></div>

Zur Veranschaulichung:

so sieht es aus

Hier kommt euer Text rein! :)

Im sichtbaren Post-Bereich könnt ihr auch in das Kästchen schreiben. Dieser Text ist dann auch ohne Klick auf den Button sichtbar.

Viel Spaß damit!

Rahmen um Bilder entfernen

Damit der graue (oder weiße, schwarze...) Rahmen um die geposteten Bilder verschwindet, müßt ihr wieder ein bißchen eure html-Kenntnisse erweitern. ;)

► Design
► HTML bearbeiten
► unter dem Abschnitt /* Posts folgendes suchen:

-moz-box-shadow: 0  0  $ (image.shadow.spread) rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0  0  $ (image.shadow.spread) rgba(0, 0, 0, .2);
  box-shadow: 0  0  $ (image.shadow.spread) rgba(0, 0, 0, .2);
► nun ersetzt ihr das $ durch none

Der Code sollte dann folgendermaßen aussehen:

-moz-box-shadow: none(image.shadow.spread) rgba(0, 0, 0, .2);
  -webkit-box-shadow: none(image.shadow.spread) rgba(0, 0, 0, .2);
  box-shadow: none(image.shadow.spread) rgba(0, 0, 0, .2);

Nun ist der Rahmen um gifs und Bilder entfernt.


Anmerkung: Die Werte beziehen sich auf die Awesome Inc. Vorlage! Möglich ist, das in anderen Vorlagen andere Werte angegeben sind. Das könnt ihr außer Acht lassen!

Hintergrund bei Bildern entfernen

Bei einigen Vorlagen gibt es die Möglichkeit, über den Vorlagendesigner die ►Hintergrundfarbe und die ►Rahmenfarbe auf "transparent" zu schalten.

In Vorlagen, in denen es diese Option nicht gibt, ist es unablässig ein wenig im html-Bereich zu friemeln, wenn man den lästigen Rahmen/Hintergrund bei seinen Bildern/gifs wegbekommen möchte.


► Design
► html bearbeiten
► unter dem Abschnitt /* Posts folgendes suchen:
     .post-body img {
  padding: 8px;
  background: $(image.background.color);
  border: 1px solid $(image.border.color);

► an der Stelle "background: $(image.background.color);" dieses Zeichen "$" durch transparent ersetzen. Die Zeile muß dann so aussehen:
     background: transparent; (image.background.color);

Vor dem Abspeichern bitte erst in der Vorschau anzeigen lassen, ob es funktioniert!

Tooltip erstellen (Text bei Mouseover)

Lange hab ich gesucht - nun hab ich es endlich geschafft. Und deshalb - das Internet ist voll von Fragen nach einem Tooltip - hier meine kleine Anleitung, wie ihr einen Text für ein Bild bei Mouseover erstellen könnt. Natürlich ganz ohne elend lange Java-Scrips und ohne Fummelei im html-Bereich! ;)

Hintergrund nicht mitscrollen

Bei einigen Vorlagen im Vorlagendesigner ist die Option bereits gegeben, das der Hintergrund nicht mitscrollt. Doch wenn man sein eigenes Bild als Hintergrund einfügt, scrollt dieser meist mit. Hier die - ziemlich simple - Einstellung, wie ihr nur die Posts scrollt, aber nicht den Hintergrund! :)

Anzeige "kein neuer Post" entfernen

Wenn ihr ein Blog erstellen wollt, in den ihr keine Posts einstellt - z. B. um dieses Blog als Blogroll zu benutzen (klick) - erscheint oben in der Mitte des Blogs das Feld "kein neuer Post" o. ä. Hier zeige ich euch, wie ihr diese Anzeige entfernen könnt.