Grafik hinter Link andere Farbe

05.07.2020 10:17
#1 Grafik hinter Link andere Farbe
avatar
Mitglied

Ich glaube, ich war eben im falschen Thema, daher hier noch einmal:


Kann mir bitte jemand helfen?

Ich möchte diese Grafik, die man jetzt nur ganz schwach in Schwarz erkennen kann, gerne in einer anderen Farbe haben.

Ferner wäre es gut, wenn ich diese Grafik vor den Link setzen könnte. Momentan ist die dahinter.

Schon mal vielen Dank für eure Hilfe und einen schönen Sonntag.

LG Christine


 Antworten

 Beitrag melden
05.07.2020 12:32 (zuletzt bearbeitet: 05.07.2020 12:33)
avatar  844er
#2 RE: Grafik hinter Link andere Farbe
avatar
Mitglied

Hallo @Chrissi259

Der @Wolfgang im Support-Forum hatte mir da mal einen richtig tollen CSS / SCSS Befehl zur Verfügung gestellt, wofür ich ihm sehr dankbar war/bin.
Zudem hatte Wolfgang mehrere unterschiedliche Icons in auch unterschiedlichen Farben zur Verfügung gestellt, die man für sein Forum nutzen kann.
Diese findest du hier: Icons für Weiterführungslinks in Foren
Den damaligen Beitrag von mir findest du hier: Links in Beiträgen besser kenntlicher machen mit zusätzlicher kleiner Grafik

Der passende CSS / SCSS Befehl wäre dieser hier:
/* Link-Symbol */
.xquoteable a {
background: url(" //files.homepagemodules.de/b104774/a_268_e999beb2.png") center right no-repeat ;
background-size:17px auto;
padding-right:20px;
}


Hinweise zu den Farben im obigen CSS / SCSS Befehl:
Grün = Hier kannst du die einzelnen Icon von Wolfgang seiner Seite einfügen/ersetzen. Wolfgang hatte da einige Icons in unterschiedlichen Farben zur Verfügung gestellt.
Orange = Hier kannst du die Größe des angezeigten Icon verändern.
Rot = Mit dieser Zahl veränderst du den Abstand des Icon zum Link im fertigen Beitrag. Man könnte ggf. den Befehl "padding-right" auf "padding-left" verändern, damit das Icon vor den Link gestellt wird. Musst du einfach mal ausprobieren.

Wenn dir keine Icon-Farbe von Wolfgangs Vorschlägen zusagt, dann kann ich dir gern ein entsprechendes Icon in passender Farbe erstellen. Wenn das gewünscht wird, dann einfach per PN bei mir melden.

Hoffe ich konnte dir helfen....

Gruß 844er

Fehlende PS werden durch Wahnsinn ersetzt

 Antworten

 Beitrag melden
05.07.2020 12:40
#3 RE: Grafik hinter Link andere Farbe
avatar
Mitglied

Vielen, lieben Dank.

Ich werde es ausprobieren und berichten, ob es geklappt hat.

Herzlichen Dank für deine Mühe


 Antworten

 Beitrag melden
05.07.2020 13:09
#4 RE: Grafik hinter Link andere Farbe
avatar
Mitglied

Ich habe es geschafft

Mit dem Begriff "padding" bekam ich die Grafik allerdings nicht vor den Text

Ich habe mir dann mal den CSS Code angeschaut und dieses hier geändert

center right no-repeat ; = ich habe lediglich das Wort "right" durch "left" ersetzt und nun passt es

Noch einmal vielen lieben Dank. Ich habe eigentlich von solchen Dingen keinen Plan, aber dank deiner Erklärung ging es jetzt besser wie gedacht


 Antworten

 Beitrag melden
05.07.2020 13:45
avatar  844er
#5 RE: Grafik hinter Link andere Farbe
avatar
Mitglied

Hallo Chrissi
Schön das dir das weitergeholfen hat.
Danke für die Rückmeldung.
Gruß 844er

Fehlende PS werden durch Wahnsinn ersetzt

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!