1.6.5 Mouseover

Jetzt kostenlos Anmelden!

Lieber Besucher, herzlich willkommen bei: Kitnetwork Supportforum. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

TMC Männlich

findet sich zurecht

Beiträge: 147

Geschlecht: Männlich

PHPKIT Version: 1.6.5

1

Sonntag, 2. Januar 2011, 17:26

Mouseover

Guten Tag, würde hier gerne einen Mouseover effekt einbauen, weiß aber nicht wie und wo:

Quellcode

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=windows-1252">
<TITLE>{kit_name}</TITLE>
        		
<meta name="siteurl" content="http://www.kit-power.de" />
<meta name="author" content="Leiche" />
<meta name="author email" content="leiche[aet]kit-power[dot]de" />
<meta name="publisher" content="Leiche" />
<meta name="copyright" content="kit-power.de" />
<meta name="keywords" content="Leiche, PHPKIT, style, styles, design, designs, grafik, grafiken, button, buttons, buttonset, buttonsets, hack, hacks, template, templates, addon, addons, php, html, webdesign, webdesigns, webtemplate, webtemplates, download, gfx, tut, tuts, script, scripte, scripts, radio, webradio, stream, streambox, sendeplan, wunschbox, streamstats, market, fussball, fu&szlig;ball,  wm, wm10, wm2010, tippen, bundesliga, liga, streambox, shoutcast, generator, page, rank" />
<meta name="description" content="Eine Homepage die sich mit dem PHPKIT besch&auml;ftigt. Es werden AddOns/Hacks f&uuml;r das PHPKIT gemacht. Weiterhin kann man im Forum Fragen und Antworten zu PHP und HTML loswerden!" />
<meta name="robots" content="all" />
<meta name="robots-revisit" content="1 days" />
		
</HEAD>
<LINK REL="stylesheet" TYPE="text/css" HREF="standard.css">


<BODY LANG="de-DE" TEXT="#000000" LINK="#0000ff" VLINK="#800080" BGCOLOR="#ffffff" DIR="LTR">
        <CENTER>
	

		<BR>
        <TABLE WIDTH="{mainwidth}" HEIGHT="60" BORDER="0">
                <TR><TD ID="standard">
                        <!-- *** HIER KANN EINE EIGENE GRAFIK EINGEFÜGT WERDEN ***-->
                         <a target="_blank" href="{kit_url}"><img border="0" titel="{kit_name}" alt="{kit_name}" src="{kit_logo}" WIDTH="970" /></a>
              </TD></TR>
        </TABLE>

        <!-- Start des Mainbereichs -->
        <TABLE WIDTH="{mainwidth}" BORDER="0">
                <TR>

                <!-- Menübereich -->
                <TD WIDTH="20%" VALIGN="TOP" ALIGN="CENTER" ID="standard">
                        <!-- Tippspiel Menü --><BR>
                        <TABLE WIDTH="100%"><TR>
                        <TD ID="menuheader" ALIGN="CENTER">
                               » <A HREF="index.php">Home</A>  
                                {register}
                               » <A HREF="tabelle.php">Tabelle</A>  
                      »  <A HREF="top.php">Top Tipper</A>  
                      »          <A HREF="statistics.php?action=overview">Tippuebersicht</A>  
                      »          <A HREF="regeln.php">Regeln</A>   </TD>
                                                 <TD ID=MENUheader  ALIGN="CENTER">{logout}
                                                 </TD>
                        </TR></TABLE><br>


<a href="{url_1}" target="_blank"><img src="{img_1}" width="30" height="30" border="0"></a>
&nbsp;&nbsp;
<a href="{url_2}" target="_blank"><img src="{img_2}" width="30" height="30" border="0"></a>
&nbsp;&nbsp;
<a href="{url_3}" target="_blank"><img src="{img_3}" width="30" height="30" border="0"></a>
&nbsp;&nbsp;
<a href="{url_4}" target="_blank"><img src="{img_4}" width="30" height="30" border="0"></a>
&nbsp;&nbsp;
<a href="{url_5}" target="_blank"><img src="{img_5}" width="30" height="30" border="0"></a>
&nbsp;&nbsp;
<a href="{url_6}" target="_blank"><img src="{img_6}" width="30" height="30" border="0"></a>
&nbsp;&nbsp;
<a href="{url_7}" target="_blank"><img src="{img_7}" width="30" height="30" border="0"></a>
&nbsp;&nbsp;
<a href="{url_8}" target="_blank"><img src="{img_8}" width="30" height="30" border="0"></a>
&nbsp;&nbsp;
<a href="{url_9}" target="_blank"><img src="{img_9}" width="30" height="30" border="0"></a>
&nbsp;&nbsp;
<a href="{url_10}" target="_blank"><img src="{img_10}" width="30" height="30" border="0"></a>
&nbsp;&nbsp;
<a href="{url_11}" target="_blank"><img src="{img_11}" width="30" height="30" border="0"></a>
&nbsp;&nbsp;
<a href="{url_12}" target="_blank"><img src="{img_12}" width="30" height="30" border="0"></a>
&nbsp;&nbsp;
<a href="{url_13}" target="_blank"><img src="{img_13}" width="30" height="30" border="0"></a>
&nbsp;&nbsp;
<a href="{url_14}" target="_blank"><img src="{img_14}" width="30" height="30" border="0"></a>
&nbsp;&nbsp;
<a href="{url_15}" target="_blank"><img src="{img_15}" width="30" height="30" border="0"></a>
&nbsp;&nbsp;
<a href="{url_16}" target="_blank"><img src="{img_16}" width="30" height="30" border="0"></a>
&nbsp;&nbsp;
<a href="{url_17}" target="_blank"><img src="{img_17}" width="30" height="30" border="0"></a>
&nbsp;&nbsp;
<a href="{url_18}" target="_blank"><img src="{img_18}" width="30" height="30" border="0"></a>
&nbsp;&nbsp;


                 <br>       <!-- sonstiges Menü -->
                        <TABLE WIDTH="100%" ><tr><td> <TR><td ALIGN="CENTER">
                                {login}</td>
                        </TR></tr></td></TABLE>
                </TD></TR>
                <TR>


kann mir da jemand weiter helfen?
  • Zum Seitenanfang
  • Zum Seitenende

"Sascha" Männlich

"HellBoY the KiT"

Beiträge: 492

Geschlecht: Männlich

Wohnort: 63263 Neu-Isenburg

PHPKIT Version: 1.6.5

2

Sonntag, 2. Januar 2011, 17:43

Ich wies zwar nicht was des für ein code sein soll sehe nur das dieser von KiT-Power kopiert ist und dann noch nicht mal vollständig !


HTML

1
<a href="pfad/zielurl.php" onmouseover="idname.src='pfad/bild-hover.jpg';" onmouseout="idname.src='pfad/bild-normal.jpg';"><img src="pfad/bild-normal.jpg" border="0" width="40" height="40" alt="Beschreibung" title="Beschreibung" name="idname" /></a>


idname = darf nur einmal vergeben werden

zwischen <a und href="xx" kannste noch das zielfenster einbauen wenn es nicht im selben fenster öffnen soll mit target="_blank"
  • Zum Seitenanfang
  • Zum Seitenende

TMC Männlich

findet sich zurecht

Beiträge: 147

Geschlecht: Männlich

PHPKIT Version: 1.6.5

3

Sonntag, 2. Januar 2011, 17:53

Mouseover

dank dir!
ne is nich komplett hab da alles was mich irritiert erstmal rausgenommen bis der mouse ouver funzt.. probiere es gleich mal aus!
  • Zum Seitenanfang
  • Zum Seitenende

TMC Männlich

findet sich zurecht

Beiträge: 147

Geschlecht: Männlich

PHPKIT Version: 1.6.5

4

Sonntag, 2. Januar 2011, 20:12

noch eine frage, ist es möglich, das man den mouseover so macht, das das bild größer wird wenn man mit der maus drauf geht?
  • Zum Seitenanfang
  • Zum Seitenende

"Sascha" Männlich

"HellBoY the KiT"

Beiträge: 492

Geschlecht: Männlich

Wohnort: 63263 Neu-Isenburg

PHPKIT Version: 1.6.5

5

Sonntag, 2. Januar 2011, 20:21



kannst es nur mit flash machen oder mal mit jQuery probieren
  • Zum Seitenanfang
  • Zum Seitenende

TMC Männlich

findet sich zurecht

Beiträge: 147

Geschlecht: Männlich

PHPKIT Version: 1.6.5

6

Sonntag, 2. Januar 2011, 20:52

ich probiere es mal... klingt aber sehr kompliziert
  • Zum Seitenanfang
  • Zum Seitenende

"Sascha" Männlich

"HellBoY the KiT"

Beiträge: 492

Geschlecht: Männlich

Wohnort: 63263 Neu-Isenburg

PHPKIT Version: 1.6.5

7

Sonntag, 2. Januar 2011, 21:35

hat ja auch keiner gesagt das es einfach wird ^^
  • Zum Seitenanfang
  • Zum Seitenende

Muetze Männlich

Ein Pazifist mit der Waffe in der Hand

Beiträge: 681

Geschlecht: Männlich

Wohnort: zu Hause

PHPKIT Version: 1.6.5

8

Montag, 3. Januar 2011, 14:23

Mouseover geht auch ohne ID anzusprechen, ich mache zBsp so:

HTML

1
<img src="fx/icons/bbcode/b.png" onmouseover="this.src='fx/icons/bbcode/b_ho.png'" onmouseout="this.src='fx/icons/bbcode/b.png'" alt="Fettschrift" title="Fettschrift" style="cursor:pointer;width:20px;height:20px;" />
Es geht nicht darum zu haben was man will, sondern zu schätzen was man hat!
Blutrausch HP

Mauern sind auch nur Steine & Wassertropen können auch mal Wassermengen werden!
  • Zum Seitenanfang
  • Zum Seitenende