Du bist nicht angemeldet. Der Zugriff auf einige Boards wurde daher deaktiviert.
Seiten: 1
#1 17. Juni 2012 13:37
- simonson
- kennt CMS/ms
- Ort: Wien
- Registriert: 07. März 2012
- Beiträge: 192
[GELÖST] anchor - Bild statt Text
Hallo Gemeinde,
<div class="right49">{anchor anchor='main' text='TOP'}</div>
funktioniert prima, aber ich hätte statt TOP lieber ein Bild.
How to do?
Dank vorab!
mfg
simonson
CMSMS 1.12 Apache/2.4.6 (Linux/SUSE) - PHP 5.4.20 - MySQL 5.0.95 - W7 ultimate - FF 38.0.1
Offline
#2 17. Juni 2012 13:49
- NaN
- Moderator
- Ort: Halle (Saale)
- Registriert: 09. November 2010
- Beiträge: 4.437
Re: [GELÖST] anchor - Bild statt Text
Ich würde es so machen:
Template:
<div class="right49 anchorlink">{anchor anchor='main' text='TOP'}</div>
CSS:
.anchorlink a {
overflow:hidden;
text-indent:-999%;
background:url("[[uploads_url]]/pfad zum bild") no-repeat;
width: 32px;
height: 32px;
display:block;
}
Kurze Erklärung: Du gibst dem Div, welches den Ankerlik enthält eine weitere Klasse namens "anchorlink". Im Stylesheet formatierst Du Links, die sich in einem Element der Klasse "anchorlink" befinden so, dass deren Texteinzug (text-indent) irgendwo gaaanz weit außerhalb des Links liegt. Mit overflow:hidden verhinderst Du, dass Inhalte, die aus dem Link rausfallen würden, angezeigt werden. Dann gibst Du dem Link eine Hintergrundgrafik, eine Breite und eine Höhe und das sollte es dann gewesen sein.
Hat den Vorteil, dass der Link nicht leer ist, sondern tatsächlich verwertbaren Text beinhaltet.
Module: GBFilePicker, AdvancedContent
Sicherheit: Beispiel .htaccess-Datei
CMSms 1.12 unter PHP 7:
cmsms-1.12.3.zip (inoffiziell - komplett inkl. Installer)
CMSms 1.12 unter PHP 8:
cmsms-1.12.4.zip (inoffiziell - komplett inkl. Installer)
Offline
#3 17. Juni 2012 14:12
- simonson
- kennt CMS/ms
- Ort: Wien
- Registriert: 07. März 2012
- Beiträge: 192
Re: [GELÖST] anchor - Bild statt Text
merci vielmals!
Hab's inzwisch so gelöst:
<div class="right49">{anchor anchor='main' text='<img style="float: right;" src="uploads/images/ToP.gif" alt="" width="22" height="22" />' }</div>
Deine Lösung ist natürlich eleganter und besser anpassbar.
Beitrag geändert von simonson (17. Juni 2012 14:14)
mfg
simonson
CMSMS 1.12 Apache/2.4.6 (Linux/SUSE) - PHP 5.4.20 - MySQL 5.0.95 - W7 ultimate - FF 38.0.1
Offline
#4 17. Juni 2012 14:20
- NaN
- Moderator
- Ort: Halle (Saale)
- Registriert: 09. November 2010
- Beiträge: 4.437
Re: [GELÖST] anchor - Bild statt Text
Aber dann gib dem Bild wenigstens noch einen Alternativtext beim alt="" und evtl. noch einen title (den kannst Du bei meiner Lösung auch dem Div geben). Dann wird's unmissverständlich.
Module: GBFilePicker, AdvancedContent
Sicherheit: Beispiel .htaccess-Datei
CMSms 1.12 unter PHP 7:
cmsms-1.12.3.zip (inoffiziell - komplett inkl. Installer)
CMSms 1.12 unter PHP 8:
cmsms-1.12.4.zip (inoffiziell - komplett inkl. Installer)
Offline
#5 17. Juni 2012 14:34
- simonson
- kennt CMS/ms
- Ort: Wien
- Registriert: 07. März 2012
- Beiträge: 192
Re: [GELÖST] anchor - Bild statt Text
latürnich - war wieder einmal zu rasch und damit schlampig unterwegs!
Hab' Dir anlässlich "floaten" geschrieben
Herzlichen Dank! Einfach - wenn man's weiss ;-)
SO wie Ihr hier mit newbies umgeht, ist wirklich herzerfrischend!
und muss das einfach wiederholen!
mfg
simonson
CMSMS 1.12 Apache/2.4.6 (Linux/SUSE) - PHP 5.4.20 - MySQL 5.0.95 - W7 ultimate - FF 38.0.1
Offline
#6 17. Juni 2012 19:27
- Andynium
- Moderator
- Ort: Dohna / SN / Deutschland
- Registriert: 13. September 2010
- Beiträge: 7.018
- Webseite
Re: [GELÖST] anchor - Bild statt Text
SO wie Ihr hier mit newbies umgeht, ist wirklich herzerfrischend!
Weitersagen, weitersagen, weitersagen ...
Offline
Seiten: 1