Bild verlinken – anders einfärben. Attribute?

Gelöst Kim
(@die-medienfrau)

vor 2 Jahren, 8 Monaten

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)

vor 2 Jahren, 8 Monaten

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-Starter Kim
(@die-medienfrau)

vor 2 Jahren, 8 Monaten

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)

vor 2 Jahren, 8 Monaten
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-Starter Kim
(@die-medienfrau)

vor 2 Jahren, 8 Monaten

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)

vor 2 Jahren, 8 Monaten

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-Starter Kim
(@die-medienfrau)

vor 2 Jahren, 8 Monaten

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

Danke bis hierhin!

Thread-Starter Kim
(@die-medienfrau)

vor 2 Jahren, 8 Monaten

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

Moderator Bego Mario Garde
(@pixolin)

vor 2 Jahren, 8 Monaten

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

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

Das Thema „Bild verlinken – anders einfärben. Attribute?“ ist für neue Antworten geschlossen.

Bild verlinken – anders einfärben. Attribute?

Themen-Schlagwörter

Ansichten