Hallo zusammen,
ich würde gerne meine Dateilinks (csc-uploads-fileName) und die dazugehörigen Icons (csc-uploads-icon) davor neu ausrichten. Kann mir jemand sagen wie ich diese korrekt per CSS ansprechen muss? Meine Versuche waren bisher erfolglos :-(
<!-- File list: [begin] -->
<ul class="csc-uploads csc-uploads-1">
<li class="tr-even">
<div class="csc-uploads-icon">
<a href="...test_01.doc">
<img .../doc.gif"/></a>
</div>
<div class="csc-uploads-fileName">
<p><a href="...test_01.doc">test.doc</a></p>
</div>
...
Ich habe noch eine Frage:
Wenn ich eine pdf zum Download zur Verfügung stelle,
wird neben dem normalen Icon und dem dazugehörigen Link
ein weiterer Link "HTML Version" darunter angezeigt.
Dies ist nur bei pdf der Fall.
Wie kann ich dies beheben sodass nur der Link mit Icon erscheint?
Vielen Dank!
Gruß Dinchen
Moin...
habe gestern gerade ein Tutorial dazu erstellt:
Hier zu finden:
http://hdh-soft.de/cms/index.php?id=97
Damit hast Du dann auch Word- und Excel-Icons parat.
😃
Gruß
Hille
Die Formatierung habe ich nun hinbekommen.
Habe dazu das CSS neu definiert.("ogvit_html_alt_for_pdf" in der Suche eingeben und man hat eine Anleitung)
Das einzige was nun noch fehlt ist:
Ich bekomme diesen Link "HTML Version" nicht weg 😢
Hab schon alles versucht... wenn ich in der CSS:
UL.csc-uploads DIV.csc-uploads-fileName P.csc-uploads-pdfAltLink A { visibility:hidden; ...}
ergänze wird der Link unsichtbar, ist aber trotzdem noch da.
Dieser erscheint nur wenn ich eine pdf-Datei habe.
Im Constant Editor habe ich auch noch keine Möglichkeit gefunden, dass der Link "HTML Version" nicht angezeigt wird 🙁
Kann ich das vielleicht per Typoscript entfernen und mit "styles.content.uploads.linkText" ansprechen?
Hoffe mir kann da jemand weiterhelfen.
Vielen Dank!
Gruß Dinchen
@HILLE:
Danke für das Tutorial, hat mich einen Schritt weitergebracht. Leider bin ich bei der Klammersetzung in Deinem Tut nicht ganz hinterhergekommen. Hab es aber letztendlich doch hinbekommen.
Hier mein TSconfig nochmal für alle ;-)
# Konfiguration des RTE
RTE.classesAnchor {
internalLink {
class = internal-link
type = page
image >
}
internalLinkInNewWindow {
class = internal-link-new-window
type = page
image >
}
externalLink {
class = external-link
type = url
image >
}
externalLinkInNewWindow {
class = external-link-new-window
type = url
image >
}
download {
class = download
type = file
image >
}
downloadPDF{
class = download_pdf
type = file
image >
}
downloadDOC{
class = download_doc
type = file
image >
}
downloadXLS{
class = download_xls
type = file
image >
}
mail {
class = mail
type = mail
image >
}
}
RTE.default {
proc.allowedClasses (
internal-link, internal-link-new-window, external-link, external-link-new-window, download, download_pdf, download_xls, download_doc, mail
)
classesAnchor = internal-link, internal-link-new-window, external-link, external-link-new-window, download, download_pdf, download_xls, download_doc, mail
classesAnchor.default {
page = internal-link, internal-link-new-window
url = external-link, external-link-new-window
file = download, download_pdf, download_xls, download_doc
mail = mail
}
}
und hier noch das passende CSS dazu:
/*RTE.classesAnchor*/
#inhalt a.internal-link, #inhalt a.internal-link-new-window {
padding: 0 0 0 13px;
background: url(../images/icon-internerlink.gif) 0em 0.3em no-repeat ;
/* bild url, horizontaler Abstand von links, vertikaler Abstand von oben, nicht wiederholen */
}
#inhalt a.external-link, #inhalt a.external-link-new-window {
padding: 0 0 0 13px;
background: url(../images/icon-externerlink.gif) 0em 0.3em no-repeat ;
}
#inhalt a.download_pdf {
padding-left: 20px;
background: url(../images/icon-pdf.gif) no-repeat center left;
}
#inhalt a.download_doc {
padding-left: 20px;
background: url(../images/icon-doc.gif) no-repeat center left;
}
#inhalt a.download_xls {
padding-left: 20px;
background: url(../images/icon-xls.gif) no-repeat center left;
}
#inhalt a.mail {
padding-left: 15px;
background: url(../images/icon-mailto.gif) no-repeat center left;
}
Viele Grüße
Nicole