[Tutorial] Vor einem Link im Beitrag einen Icon setzen (Standard-Template) in Tutorials
von
Eveline
• ( Anfänger | Beiträge: 44 )
Icon = ein kleines Bild wie dieses z.B: 
Erster Schritt:
Zuerst bitte in die CSS (Admin - Layout - CSS - Ich möchte direkt die CSS Datei hacken) folgendes einfügen:
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
.KLASSEN-NAME A
{background-image: url(http://www.bilder-hochladen.net/files/au6f-16.gif);
background-repeat: no-repeat;
background-position: left;
padding-left: bildgrösse und abstand.px;
}
KLASSEN-NAME= der Klasse könnt ihr einen beliebigen Namen geben, wie z.B. .iconlink
A= steht für Link
background-image= das ist die Bildadresse zu dem Icon, dass ich oben gepostet habe. Ihr könnt natürlich eine andere Bildadresse zu einem anderen Icon einfügen.
padding-left: bildgrösse und abstand.px= anstatt bildgrösse und abstand setzt ihr die bildgröße in px ein. Das kleine Icon oben ist 16 px groß.
Zweiter Schritt:
Im Template Thread Flat (Admin - Template Entwicklung - *Kopie anlegen - [edit]) sucht ihr den Text (Variable):
{{message:text}}
und macht daraus:
1
2
3
2
3
<span class="KLASSEN-NAME">{{message:text}}</span>
"KLASSEN-NAME"= durch den oben gewählten Namen (z.b. iconlink) ersetzen.
Speichern, das neue Template auf "aktiv" setzen, fertig :)
*Gilt nur, wenn ihr noch keine eigene Template angelegt habt.
Jetzt wird vor jedem Link im Beitragsfeld der Icon angezeigt. (Siehe Bild in der Dateianlage)
Die Code stammt von Gustav: http://www.hpm-support.de/t520601f117691...einem-link.html
Liebe Grüße
Eveline
