Wie Sie eine Schaltfläche von GIF in HTML ändern

March 24

Sie können jedes GIF-Bild in eine Schaltfläche aktivieren, auch wenn es eigentlich nicht wie eine Schaltfläche aussieht. Benutzerdefinierte Bildtasten können merkwürdig auf mobilen Web-Browser aussehen und großer Bilddateien können langsamer geladen, eine Seite zu machen, so dass einige Webdesigner bevorzugen, das HTML-Tag "Knopf" zu verwenden, erstellen Sie eine Schaltfläche, die sie dann mit CSS formatieren können. Alle GIF-Schaltflächensymbol mit einfachem HTML-Code ohne den Verlust von Funktionalität ersetzt.

Anweisungen

1 Öffnen Sie die HTML-Datei, die derzeit Ihr Button-Code enthält.

2 Löschen Sie den Code für die bestehende GIF-Schaltfläche, die ähneln kann:

< a Href = "& Lt; Img" > http://domain.com "> & Lt; Img Aktion"http://domain.com"= >

< Eingang Typ = "submit" Value = "Klick mich" >

< / form >

Ersetzen Sie "http://domain.com", mit der Sie die URL zu laden, wenn ein Besucher auf die Schaltfläche klickt. Ersetzen Sie "Klicken Sie auf Me" durch das Wort oder die Phrase, die Sie auf die Schaltfläche angezeigt werden soll.

4 Speichern Sie Ihre Änderungen.

Tipps & Warnungen

  • CSS-Code können Sie Ihre HTML-Schaltfläche Stil. Beispielsweise macht die folgende Änderung Ihre Schaltfläche Rosa:
  • < Eingang Typ = "submit" Value = "Klick mich" Style = "Hintergrund-Farbe: Pink;" >