#1

Hovern

in .BiL.dschöne Tests 04.03.2014 11:49
von .BiL. • | 504 Beiträge | 20703 Punkte

Gefunden auf: http://brauchbar.de/


http://brauchbar.de/wd/artikel/20.html

Links auf der ganzen Seite hovern zu Pink:

1
2
3
 
<style type="text/css">
  a:hover {color: #ff00ff}
</style>
 

LG Test.BiL.
zuletzt bearbeitet 04.03.2014 14:23 | nach oben springen
AntwortenAntworten

#2

RE: Hovern

in .BiL.dschöne Tests 04.03.2014 12:14
von .BiL. • | 504 Beiträge | 20703 Punkte

Links werden mit einer Farbe hinterlegt:

1
2
3
 
<style type="text/css">
  a:hover {background: #ff00ff}
</style>
 

LG Test.BiL.
zuletzt bearbeitet 04.03.2014 12:14 | nach oben springen
AntwortenAntworten

#3

RE: Hovern

in .BiL.dschöne Tests 04.03.2014 12:23
von .BiL. • | 504 Beiträge | 20703 Punkte

Links werden fett:

1
2
3
 
<style type="text/css">
  a:hover {font-weight: bold}
</style>
 

LG Test.BiL.
nach oben springen
AntwortenAntworten

#4

RE: Hovern

in .BiL.dschöne Tests 04.03.2014 12:25
von .BiL. • | 504 Beiträge | 20703 Punkte

Links werden größer:

1
2
3
 
<style type="text/css">
  a:hover {font-size: 110%;}
</style>
 

LG Test.BiL.
nach oben springen
AntwortenAntworten

#5

RE: Hovern

in .BiL.dschöne Tests 04.03.2014 12:34
von .BiL. • | 504 Beiträge | 20703 Punkte

Kombi HG-Farbe, Schriftgröße und fett:

1
2
3
 
<style type="text/css">
  a:hover {background: #ff00ff; font-size: 110%; font-weight: bold;}
</style>
 

LG Test.BiL.
zuletzt bearbeitet 04.03.2014 12:35 | nach oben springen
AntwortenAntworten

#6

RE: Hovern

in .BiL.dschöne Tests 04.03.2014 14:15
von .BiL. • | 504 Beiträge | 20703 Punkte

Hovern zwischen zwei Kugeln:

Quelle: http://brauchbar.de/wd/artikel/75.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
<script type="text/javascript">
 
var out="";
var limg="";
 
function off() {
 
// onmouseOver-Effekt von Thomas Salvador, 2000, http://www.brauchbar.de
// Wiederverwendung erlaubt, solange der Hinweis vollständig und
// unveraendert erhalten bleibt. Verwendung ohne oder mit veraendertem
// Hinweis ist nicht erlaubt.
// Ein BackLink zur Site wird erbeten.
 
  if (out=="") { return; }
 
  if (document.images) {
    document.images[limg].src=out;
    out="";
  }
}
 
function on(img,o1,o2) {
  if (document.images) {
 
  if (out != "") { off(); }
 
    document.images[img].src=o1;
    out=o2;
    limg=img;
  }
}
</script>
<a href="http://friends-of.xobor.de/"
   onmouseover="on('bild', 'https://dl.dropboxusercontent.com/u/15768935/Icons/gr%C3%BCn.png', 'https://dl.dropboxusercontent.com/u/15768935/Icons/weiss.png');"
   onmouseout ="off();">
 
<img src="https://dl.dropboxusercontent.com/u/15768935/Icons/weiss.png" name="bild" border="0" />
</a>
 

LG Test.BiL.
zuletzt bearbeitet 04.03.2014 14:17 | nach oben springen
AntwortenAntworten

#7

RE: Hovern

in .BiL.dschöne Tests 04.03.2014 14:16
von .BiL. • | 504 Beiträge | 20703 Punkte

Hovern zwischen Stein und Diamant:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
<script type="text/javascript">
 
var out="";
var limg="";
 
function off() {
 
// onmouseOver-Effekt von Thomas Salvador, 2000, http://www.brauchbar.de
// Wiederverwendung erlaubt, solange der Hinweis vollständig und
// unveraendert erhalten bleibt. Verwendung ohne oder mit veraendertem
// Hinweis ist nicht erlaubt.
// Ein BackLink zur Site wird erbeten.
 
  if (out=="") { return; }
 
  if (document.images) {
    document.images[limg].src=out;
    out="";
  }
}
 
function on(img,o1,o2) {
  if (document.images) {
 
  if (out != "") { off(); }
 
    document.images[img].src=o1;
    out=o2;
    limg=img;
  }
}
</script>
Fahre mit der Maus über den Stein und es wird ein strahlender Diamant daraus!
<a href="http://friends-of.xobor.de/"
   onmouseover="on('stein', 'https://dl.dropboxusercontent.com/u/15768935/Icons/diamant.png', 'https://dl.dropboxusercontent.com/u/15768935/Icons/stein.png');"
   onmouseout ="off();">
 
<img src="https://dl.dropboxusercontent.com/u/15768935/Icons/stein.png" name="stein" border="0" />
</a>
 

LG Test.BiL.
nach oben springen
AntwortenAntworten

#8

RE: Hovern

in .BiL.dschöne Tests 30.04.2018 12:14
von mike48 • 34 Beiträge | 3401 Punkte

Test vom Mike

Signatur vom Mike48
nach oben springen
AntwortenAntworten

Scrollbalken für Boxen »

Besucher
0 Mitglieder und 1 Gast sind Online

Wir begrüßen unser neuestes Mitglied: Mike480
Forum Statistiken
Das Forum hat 258 Themen und 556 Beiträge.

Heute waren 0 Mitglieder Online:
Xobor Einfach ein eigenes Xobor Forum erstellen