Text mit Bild und Piktogramm

  • Hallo zusammen,


    ich möchte die Homepage von meiner Frau etwas auffrischen, hier das aktuelle Design erstellt mit Zeta, Version 14, Producer Responsive: https://www.ls-zahnaerzte.de. Ich finde ein Kollege von Ihr hat seine Seite sehr schön gestaltet: https://www.zahnarzt-praxis-gelnhausen.de/


    Jetzt habe ich mit Grafiken nicht viel Erfahrung, wo bekomme ich den die Piktogramme her und wie kann ich die bearbeiten? (zB Farbe ändern)?
    Wenn ich Bilden gebraucht habe, so habe ich die immer bei stock adobe gekauft, ich musste als noch nie etwas an den Bildern verändern, bis auf die Größe. Photoshop oder so habe ich nicht.

    Was sollte ich denn dann am besten nehmen, um ein Bild unterhalb oder oberhalb von einem Text einzufügen oder um mehrere Piktogramme in einem Artikel unterzubringen? Bisher habe ich das immer mit einem neuen Artikel "Text" und dann Bild links oder rechts anordnen gemacht. Darüber, quasi als Überschrift, oder darunter finde ich in der Anordnung aber nicht.


    Vielen Dank schon mal und noch einen schönen Sonntag,

    Jan

    Einmal editiert, zuletzt von Hanabi () aus folgendem Grund: Link korrigiert

  • Hallo Jan,


    ich würde über die Google Suche nach "dental icons" gehen, um entsprechende Pictogramme zu finden. Ob diese dann weiter bearbeitet werden dürfen, hängt von der jeweligen Lizenz ab, unter der sie veröffentlicht wurden. Falls es genau die Piktogramme sein sollen, die auf der Wettbewerberseite verwendet werden, musst Du mal in das dortige Impressum schauen, dort sind die Bildurheber aufgeführt.


    Für viele Handgriffe reicht irfanview als kostenfreies Bildbearbeitungsprogramm aus, dieses stößt aber an Grenzen, wenn es um transparente Hintergründe geht. Du müsstest dann also den Hintergrund im Bild exakt an den verwendeten Hintergrund im Layout anpassen.


    Im Widget "Text" können auch Bilder verwendet werden. Diese lassen sich verscheiden ausrichten und durch einfachen anfassen und ziehen verkleinern. In dem Falle lässt Du die Artikelüberschrift aus, platzierst zunächst das Bild, dann den Text für die Überschrift und nach einem Zeilenumbruch via "Enter" den normalen Text. Den Überschriftentext dann markieren und via "Absatz" die "Überschrift 2" zuweisen. Bei Bedarf noch die Textfarbe anpassen, damit sie identisch ist mit der normalen Überschriftenfarbe.


    Alternativ besteht die Möglichkeit, auch direkt in der Überschrift HTML-Code zu verwenden. Hierfür wäre dann beispielsweise einzutragen:

    Code
    <img src="media/images/favicon-16x16.png">

    Hierzu muss das Bild zunächst über die Bilderverwaltung importiert werden.


    Fertig kannst Du beide Varianten unter https://www.hanabi-pirna.de/test.php sehen.