Servus! > Hallo zusammen, > > ich stehe hier vor einem kleinen Problem und habe nicht wirklich eine Idee zu einem Lösungs**ansatz** 🙁. > > Rahmenbedingungen: > Etliche Leute sollen Beiträge für eine interne Informationsseite schreiben. Die Texte kommen in Markdown daher (schon das ist problematisch genug, den Leuten beizubiegen ...). > Für schwierigeres Layout kannst du im Hugo auch HTML-Markup verwenden! * <https://gohugo.io/content-management/formats/> > Schwierig wird's jetzt, weil in den Texten auch PDF-Dokumente verlinkt werden sollen. Der Transparenz wegen soll den verlinkten Titeln dieser Dokumente jeweils ein pdf-Icon vorangestellt werden. > > Irgendwie hab ich keine Idee, wonach ich suchen muß ... Du kannst in CSS alles selektieren und benötigst keine Klassen. In diesem Tutorial erhalten zip und mp3-Dateien unterschiedliche Icons: [HTML/Tutorials/Links/Gestaltung_mit_CSS#Links_auf_unterschiedliche_Dokumenttypen_kennzeichnen](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Links/Gestaltung_mit_CSS#Links_auf_unterschiedliche_Dokumenttypen_kennzeichnen) Da könntest du vor jeden Link, der auf `.pdf endet`, ein SVG-Icon tun und das würde nicht als Bild im Markdown, bzw. dann im HTML-Markup erscheinen. Herzliche Grüße Matthias Scharwies -- Einfach mal was von der [ToDo-Liste](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) auf die Was-Solls-Liste setzen.“

Servus! > Hallo zusammen, > > ich stehe hier vor einem kleinen Problem und habe nicht wirklich eine Idee zu einem Lösungs**ansatz** 🙁. > > Rahmenbedingungen: > Etliche Leute sollen Beiträge für eine interne Informationsseite schreiben. Die Texte kommen in Markdown daher (schon das ist problematisch genug, den Leuten beizubiegen ...). > Für schwierigeres Layout kannst du im Hugo auch HTML-Markup verwenden! * <https://gohugo.io/content-management/formats/> > Schwierig wird's jetzt, weil in den Texten auch PDF-Dokumente verlinkt werden sollen. Der Transparenz wegen soll den verlinkten Titeln dieser Dokumente jeweils ein pdf-Icon vorangestellt werden. > > Irgendwie hab ich keine Idee, wonach ich suchen muß ... Du kannst in CSS alles selektieren und benötigst keine Klassen. In diesem Tutorial erhalten zip und mp3-Dateien unterschiedliche Icons: [HTML/Tutorials/Links/Gestaltung_mit_CSS#Links_auf_unterschiedliche_Dokumenttypen_kennzeichnen](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Links/Gestaltung_mit_CSS#Links_auf_unterschiedliche_Dokumenttypen_kennzeichnen) Da könntest du vor jeden Link der auf ,pdf endet dein SVG-Icon tun und das würde nicht als Bild im Mardown und im HTML-Markup erscheinen. Herzliche Grüße Matthias Scharwies -- Einfach mal was von der [ToDo-Liste](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) auf die Was-Solls-Liste setzen.“

Servus! > Hallo zusammen, > > ich stehe hier vor einem kleinen Problem und habe nicht wirklich eine Idee zu einem Lösungs**ansatz** 🙁. > > Rahmenbedingungen: > Etliche Leute sollen Beiträge für eine interne Informationsseite schreiben. Die Texte kommen in Markdown daher (schon das ist problematisch genug, den Leuten beizubiegen ...). > > Hugo wirft dann per entsprechenden Templates die fertigen HTML-Seiten raus. > > Im Inhalt können Bilder vorkommen, diese sollen in voller Größe mittig plaziert werden - kein Problem. > > Schwierig wird's jetzt, weil in den Texten auch PDF-Dokumente verlinkt werden sollen. Der Transparenz wegen soll den verlinkten Titeln dieser Dokumente jeweils ein pdf-Icon vorangestellt werden. > > Das Problem: > Wenn ich Bilder mittig auf die Seite positioniere, dann kommen auch die PDF-Icons mittig. Ich kann in markdown eben keine Klassen zuordnen. > > Wie kann ich jetzt beispielsweise im CSS definieren, daß > - Bilder bis 64x64px eben icons sind und im Textfluss bleiben > - größere Bilder aber als Bilder, Fotos, Grafiken zu betrachten sind und in voller Größe mittig auf der Seite zu erscheinen haben? > > Irgendwie hab ich keine Idee, wonach ich suchen muß ... Du kannst in CSS alles selektieren und benötigst keine Klassen. In diesem Tutorial erhalten zip und mp3-Dateien unterschiedliche Icons: [HTML/Tutorials/Links/Gestaltung_mit_CSS#Links_auf_unterschiedliche_Dokumenttypen_kennzeichnen](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Links/Gestaltung_mit_CSS#Links_auf_unterschiedliche_Dokumenttypen_kennzeichnen) Da könntest du vor jeden Link der auf ,pdf endet dein SVG-Icon tun und das würde nicht als Bild im Mardown und im HTML-Markup erscheinen. Herzliche Grüße Matthias Scharwies -- Einfach mal was von der [ToDo-Liste](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) auf die Was-Solls-Liste setzen.“