Support » Allgemeine Fragen » Bild verlinken – anders einfärben. Attribute?

  • Gelöst Kim

    (@die-medienfrau)


    Hi, ich habe einige PartnerLogos, die ich auf einer Seite habe. Die Bilder haben einen individuellen Link zu einer Unterseite. Es gibt aber auch Bilder, die keinen Link haben, kann ich den Bildern, die einen Link haben, eine Einfärbung/Schatten oder Farbklecks/Hover geben, damit man erkennt, welche verlinkt sind und welche nicht. Die Bilder sind Logo in schwarz weiß.

    Ich möchte die Bilder NICHT in anderen Farbmodus hochladen, da diese sich immer mal ändern, würde ich das gerne automatisieren.

    Sprich: Wenn Bild einen Link hat, dann lege blauen Hover drüber oder ähnliches.

    Geht das mit onboard Mitteln? Mit Attributen?? damit kenne ich mich leider gar nicht aus 🙁

Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)
  • Moderator Bego Mario Garde

    (@pixolin)

    Fragen zu CSS sind hier eigentlich off topic, aber gib doch mal einen Link zu deiner Website an, damit wir uns das anschauen können.

    Warum ein Link zu deiner Website wichtig ist

    Gurndsätzlich lässt sich das mit einer CSS-Regel lösen.

    Thread-Ersteller Kim

    (@die-medienfrau)

    Hi – vielen Dank.

    http://b3lbdh.myraidbox.de/startseite/hofinnenwirtschaft/

    Auf dieser Unterseite sind alle Logos verlinkt. Auf anderen Unterseiten kommen aber Logoanordnungen, die Bilder mit und ohne Verlinkungen haben werden.

    Ich hab jetzt schon 2 tage rum probiert und es nicht geschafft.

    Moderator Bego Mario Garde

    (@pixolin)

    Um alle Bilder mit einem Link zu einer externen Webseite mit einem hübschen roten Rahmen zu versehen (das geht sicher hübscher?), kannst du folgendes CSS verwenden:

    
    #main a[href*="//"]:not([href*="example.com"]) img {
      border: 5px solid red;
      padding: 5px;
    }
    

    Quelle: Style External Links with CSS

    (statt example.com trägst du die Domain zu deiner Website ein)

    Thread-Ersteller Kim

    (@die-medienfrau)

    Vielen Dank! das sieht ja schon gut aus. Gibt es die Möglichkeit ein forground also ein overlay (Kein Hover) einzusetzen? Ich könnte auch ein Farbbild hochladen und dem eine Transparenz geben oder direkt schon mit einer Transparenz hochladen…

    wäre das machbar?

    Moderator Bego Mario Garde

    (@pixolin)

    Mit entsprechenden CSS-Kenntnissen ganz bestimmt.

    Tipp: Use CSS ::before and ::after for simple, spicy image overlays

    Hatte ich schon erwähnt, dass das hier off topic ist? 🙂

    Thread-Ersteller Kim

    (@die-medienfrau)

    OK danke dann werde ich nochmal weiter recherchieren und schauen, ob ich eine Lösung finde woanders.

    Danke bis hierhin!

    Thread-Ersteller Kim

    (@die-medienfrau)

    Der Link hilft aber schon sehr 😉 ich schau mal ob ich es umgesetzt bekomme. Danke!

    Moderator Bego Mario Garde

    (@pixolin)

    Dann markiere ich den Thread als „gelöst“.

Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)