Icons sind Bilder die auf dem Blog öfter benutzt werden. Einfach gesagt gestalterische Mittel. Icons sollten nicht mit den Bildern verwechselt werden die als Anhang an einen Blogeintrag gehängt werden.
3 Schritte zur Einbettung von Bildern ins Template
- Unter dem Menuepunkt „Icons“ das Bild hochladen und einen Namen (!!!ohne Dateinamenerweiterung wie .gif, .jpg) eingeben.
- Man merke sich den Namen mit Erweiterung (z.B. logo.gif)
- im Template eingeben :
<img src="logo.gif">
Schon ist das Icon im Template.
Natürlich können sämtliche <img> Tag Parameter mitangegeben werden (siehe Selfhtml).
Die Blogsoftware bietet zur Anzeige von Bildern die smarty-funktion dispimage an. dispimage ermöglicht es die einem Eintrag zugeordneten Bilder anzuzeigen. Da ein Eintrag mehrere Bilder haben kann muss das in ein Schleife erfolgen:
{foreach from=$post.pix item=picc}
{dispimage object=$picc size="2"}
{/foreach}
Diese Anweisung erzeugt folgendes html (je nach anzahl der bilder):
<img src=“/alotta/user/blogname/img/000/000/t2123.jpg“>
für Dateien mit der headerkennung:
„image/jpeg“,
„image/pjpeg“,
„image/jpg“,
„image/pjpg“,
„image/png“,
„image/gif“
Der Parameter „size“ setzt fest, welche grösse das Bild hat (1, 2, 3, 4 oder orginal). Die grössen 1-4 können unter Blogoptionen festgelegt werden. Der Parameter „orginal“ zeigt das Bild in der Grösse wie es hochgeladen wurde.
Der Parameter „onclicksize“ legt fest das beim click auf das Bild ein Popup mit der angegebenen Bildgrösse angezeigt wird. (Beispiel onclicksize=“1“) zeigt dann ein popup mit dem Bild in der Grösse 1.
Weitere Parameter sind:
„alt“,
„class“,
„width“,
„height“,
„border“,
„name“,
„longdesc“,
„align“,
„hspace“,
„vspace“,
„usemap“,
„id“,
„style“,
„title“
Diese Parameter sind die Parameter des HTML Image-Tags. Mehr dazu bei Selfhtml.org
Bildergrössen sind jetzt in jedem Blog individuell einstellbar. (Das gilt nur für Administratoren eines Blogs). Bei den Blogoptionen gibt es jetzt die möglichkeit 4 verschiedene Bildgrössen einzugeben.
(Grösse 2 und 3 werden auf der Seite dargestellt, Grösse 4 ist die Vorschau beim Bearbeiten und grösse 1 ist meisst das popup)
Fragen? Kommentieren!
