1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Text-Button (transparent) mit Mouseover

Dieses Thema im Forum "Design" wurde erstellt von believer, 28. November 2019.

  1. believer

    believer Well-Known Member

    Registriert seit:
    11. November 2008
    Beiträge:
    341
    Zustimmungen:
    1
    Hallo,
    wer kann mir sagen, mit welchem html code ich folgendes hinbekomme:
    Ich will einen Textbutton, der nur einen Rand besitzt (der Hintergrund soll durchscheinen) und in einer bestimmten Größe sowie Frabe erscheinen soll als Link anklicken können. Bei mouseover soll der Button farblich gefüllt werden, Text soll weiterhin, aber in anderer Farbe erscheinen. Wie mache ich das?

    Geht das nur mit Text als z.B. PNG-Grafik? Das wäre bisher meine Grundlage:

    <a href="Link"><img src="Standardbild-Text" alt="" onmouseover=
    "this.src='Mouseoverbild'" onmouseout="this.src='Standardbild-Text'" /></a>


    Das habe ich auch schon herausgefunden:

    <p style="padding: 4px; border: 2px solid #9fb7b9; text-align: right;">Mehr Informationen</p>

    Danke für jede Antwort!!
     
  2. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.636
    Zustimmungen:
    1.778
    Normalerweise macht man sowas alleine mit CSS hover, ohne Script Events.

    Mit WordPress hat es allerdings nichts zu tun, evtl. wäre ein HTML/CSS-Forum dafür generell besser, auch da vermutlich noch weitere, ähnliche Fragen entstehen werden.
     
  3. believer

    believer Well-Known Member

    Registriert seit:
    11. November 2008
    Beiträge:
    341
    Zustimmungen:
    1
    Ok, danke. Ich schaue dann mal woanders.
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden