1.6.5 Mouseover

Jetzt kostenlos 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