Link-Button - Website X5 Helpsite

Logo Schriftzug
Logo WSX5
Newsletter anmelden
Scan QR or Download Android App

Direkt zum Seiteninhalt

Link-Button

Scripte > Button Navigation

Eine einfache Button- oder Text-Verlinkung

Hier einige Beispiele einer Verlinkung mit einem Bild-Button oder einfachen Text.
Das entsprechende Bild für den Button muss auf dem WEB-Server in einem Verzeichnis z. B. "images" vorliegen bzw. dorthin kopiert werden.
CSS-Code (wenn vorhhanden) kopieren und in den HEAD-Bereich <head>...</head>, HTML-Code kopieren und in den BODY-Bereich <body>...</body> der aufrufende Datei einfügen.
Nun noch die Pfade zu den Bilddateien und zur verlinkten Seite anpassen, fertig.
Der Pfad kann mit "http://www.domain.tld/" auf eine eigene oder andere Domain und auch derer Unterseiten hinterlegt werden. Aber auch eine relative Pfadangabe, also ohne "http://www.domain.tld/" für eigene Webseiten ist möglich, auch für Unterordner.
Download Button
JavaScript-Button ohne und mit CSS-Formatierung
Code für den <BODY> Bereich
<button onClick="location='http://domain.tld/seite.html'; return false;">
   weiter lesen...
</button>
oder mit CSS
<button class="MyBTN" onClick="location='http://domain.tld/seite.html'; return false;">
  weiter lesen...
</button>

CSS für den HEAD-Bereich:
<style>
.MyBTN {
color: #7C6031; font-size: 11px; font-weight: bold; font-family: tahoma; padding: 5px; background-color: #EEF6E8; border: 1px solid #7C6031; border-radius: 5px; }
.MyBTN:hover {
background-color: #B4DA9F; border: 1px solid #7C6031; padding-left: 10px; }
</style>
  |  
Einfacher Link im gleichem Fenster
Code für den <BODY> Bereich
<a href="http://domain.tld/seite.html"><img src="images/btn_demo-p.gif"></a>
oder
<a href="http://domain.tld/seite.html"><img src="images/btn_demo-p.gif"
onmouseover="this.src='images/btn_demo-a.gif'" onmouseout="this.src='images/btn_demo-p.gif'"></a>
oder
<a href="http://domain.tld/seite.html">weiter lesen...</a>
  |     |   weiter lesen...
Einfacher Link im neuen Fenster
Code für den <BODY> Bereich
<a href="http://domain.tld/seite.html" target="_blank"><img src="images/btn_demo-p.gif"></a>
oder
<a href="http://domain.tld/seite.html" target="_blank"><img src="images/btn_demo-p.gif"
onmouseover="this.src='images/btn_demo-a.gif'" onmouseout="this.src='images/btn_demo-p.gif'"></a>
oder
<a href="http://domain.tld/seite.html" target="_blank">weiter lesen...</a>
  |     |   weiter lesen...
Einfacher Link im Popup-Textfenster
Code für den <BODY> Bereich
<!-- Das folgende JavaScript wird gundsätzlich benötigt -->
<script>
function Obj124_1 (url) {
fenster = window.open(url, "Popupfenster", "width=500, height=400, resizable=yes");
fenster.focus();
return false;
}
</script>

<a href="files/demo-popup.html" target="_blank" onclick="return Obj124_1(this.href);">
<img src="images/btn_demo-p.gif"></a>
oder
<a href="files/demo-popup.html" target="_blank" onclick="return Obj124_1(this.href);">
<img src="images/btn_demo-p.gif"
onmouseover="this.src='images/btn_demo-a.gif'" onmouseout="this.src='images/btn_demo-p.gif'"></a>
oder
<a href="files/demo-popup.html" target="_blank" onclick="return Obj124_1(this.href);">weiter lesen...</a>
  |     |   weiter lesen...
Einfacher Link im Popup-Bildfenster
Code für den <BODY> Bereich
<!-- Das folgende JavaScript wird gundsätzlich benötigt -->
<script>
function Obj124_2 (url) {
fenster = window.open(url, "Popupfenster", "width=500, height=400, resizable=yes");
fenster.focus();
return false;
}
</script>

<a href="images/natur_06.jpg" target="_blank" onclick="return Obj124_2(this.href);">
<img src="images/btn_demo-p.gif"></a>
oder
<a href="images/natur_06.jpg" target="_blank" onclick="return Obj124_2(this.href);">
<img src="images/btn_demo-p.gif"
onmouseover="this.src='images/btn_demo-a.gif'" onmouseout="this.src='images/btn_demo-p.gif'"></a>
oder
<a href="images/natur_06.jpg" target="_blank" onclick="return Obj124_2(this.href);">weiter lesen...</a>
  |     |   weiter lesen...
Feedbacks zu ""

Sven Eichhorst

24.10.2014, 20:38

+0 -0  

Ich hätte mal eine Bitte.Wie kann man einen Link, Button in HTML mit ein data-bind erzeugen.Das data-bind gibt aber

Bernd

14.08.2012, 15:08

+0 -0  

Hallo, das mit dem video einbau klappt jedoch... wenn ich ein 2 Video einfüge startet autoplay nicht und das fenster lässt nicht mehr schließen.
was könnte ich da falsch gemacht haben?

Das kann ich so nicht sagen. Ich vermute, dass die function autoplay() gleich bezeichnet wurde. Hat man 2 gleiche Funktionen auf der Seite, müssen diese unterschiedlich bezeichnet werden z.B. autoplay2(), sie beißen sich sozusagen.

Bitte Dein Feedback

Du wirst als User bei Deinem ersten Kommentar automatisch registriert und musst dies noch bestätigen.
Erstellen Dir ein Konto, damit Deine Kommentare dann ohne Bestätigung veröffentlicht werden.

Login | Registrierung


            CAPTCHA
            Vielen Dank für Dein Feedback.
            Logo Host Europe
            Button Spenden

            © 2009 - 2020




            
            Besucher Statistik
            » 1 Online
            » 13 Heute
            » 99 Gestern
            » 570 Woche
            » 459 Monat
            » 58962 Jahr
            » 283168 Gesamt
            Record: 1144 (01.02.2020)
            Gesamt Downloads:
            Hosting by
            Zurück zum Seiteninhalt