Bilder kommen und gehen.

GFX-Sector - HTML, CSS

GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Bilder kommen und gehen.

» Hello Guest [Login|Register]

Last Post | First Unread Post

Print Page | Recommend to a Friend | Add Thread to Favorites

HTML, CSS

Einfache Scriptsprachen und deren Layout mit HTML und CSS

Bilder kommen und gehen.

Author

Post

« Previous Thread | Next Thread »

Falcon

Pfadfinder

Registration Date: 06.12.2007
Posts: 651
Location: Future Gadget Lab
Program: Photoshop CS5
Deviantart: forMercy

Bilder kommen und gehen.

werbefreies Forum?

Also es gibt ja solcher bilder, die sind am Anfang ganz normal und wenn man mit der Maus drauf fährt ändert das Bild sich in ein anderes. Das möchte ich in mein Forum einbauen, kann mir da jemand helfen gibt es ein HTML Code dafür wenn ja; wie lautet der.

LG; Falcon

Ich hab es hier hinein gepostet weil es in der Coding-Are nirgendwo ein 'Fragen & Probleme' Forum gibt. Verschiebt es wenn ich Falsch bin.

14.04.2008 21:21

Fireball Fireball is a male

Boardchef

Registration Date: 11.11.2006
Posts: 16,349
Classing-Rank: GFX-Sector
Location: Bremen, Deutschland
Program: Adobe Photoshop CS2
Deviantart: oenismaster
Forums: (alle)

Naja das kann auch einfach hier in HTML reingeklatscht werden Wink
Der Code lautet wiefolgt:

code:
1: 2: 3:	<a href="seite.html"><img src="bildname.jpg" onmouseover="this.src='bildname_hover.jpg';" onmouseout="this.src='bildname.jpg';" border="0" alt="" /></a>

Sollte funktionieren Wink

GFX-Sector - Your GFX-Source No. 1
Fireball liebt Firefox

Fireballs Giftliste

SEOball SEO-Blog
Browserspiele Portal
Follow me on Twitter

15.04.2008 14:30

izak.stern izak.stern is a male

Ohnefiltergrafiker

Registration Date: 18.02.2008
Posts: 478

warum unbedingt immer js wenns auch mit css geht???

auf anhieb hats im ff mit div:hover geklappt... ie mag das aber nich, so hab ich ein wenig rumprobiert...

somit gehts bei beiden:

code:

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:

<html> 
<head> 
<style>  

#fuck_ie a { 
	display: block;
	width: 5ex;
	height: 5ex;
        text-decoration:none; 
}

#fuck_ie a:link { 
	background: #ffffff url('info.png') no-repeat top left; 
}
#fuck_ie a:hover { 
	background: #ffffff url('warning.png') no-repeat top left;
	cursor: default;
}

</style> 
</head>
<body>
<div id="fuck_ie">
	<a href="fuck_ie.html">&nbsp;</a>
</div>
</body> 
</html>

btw fireball:

border attribut im img tag... eyeyey sowas macht man nicht unglücklich

css steht fuer die trennung von struktur und formatierung.

This post has been edited 2 time(s), it was last edited by izak.stern: 15.04.2008 15:54.

15.04.2008 15:49

Falcon

Pfadfinder

Registration Date: 06.12.2007
Posts: 651
Location: Future Gadget Lab
Program: Photoshop CS5
Deviantart: forMercy

Thread Starter Thread Started by Falcon

quote:

Original von Fireball

code:
1: 2: 3:	<a href="seite.html">

Was muss dann hier rein?

-----
Xtra-Edit:
-----
Ich weiss nicht genau wie das Funktioniert, also ich hab das so gemacht wie ichs schreibt, aber dann geh ich mit der Maus drauf und kann nur auf das Bild klciken, dann mach ich das und dann kommt '404 Not Found'

So hab ichs gemacht:

code:
1:	<a href="seite.html"><img src="BILD1.jpg" onmouseover="this.src="BILD1.jpg" onmouseout="this.src="BILD2.jpg" border="0" alt="" /></a>

Und es geht nicht, kannst du dir sicher sein das es der genau Code ist Fireball?

This post has been edited 1 time(s), it was last edited by Falcon: 15.04.2008 16:16.

15.04.2008 16:00

izak.stern izak.stern is a male

Ohnefiltergrafiker

Registration Date: 18.02.2008
Posts: 478

hast noch nix mit html zu tun gehabt oder?

bei fireballs version ist der a-tag eigtl ueberfluessig wenn es dir NUR um einen onmouseover effekt geht und du nicht weiterlinken moechtest.

bei meiner version ist der link notwendig, da es sonst nciht in beiden browsern funktioniert. als linkziel kannst du was x beliebiges angeben, da der user ja nicht merkt, dass er ueber einen link faehrt, da der mauszeiger ja nicht sein aussehen veraendert.

btw:

2te ver zu bevorzugen! Wink

15.04.2008 16:16

Falcon

Pfadfinder

Registration Date: 06.12.2007
Posts: 651
Location: Future Gadget Lab
Program: Photoshop CS5
Deviantart: forMercy

Thread Starter Thread Started by Falcon

Ne hab nicht viel mit HTML zu tun.

Bei deiner Version, aslo css blick ich nicht durch. ôô könntest du den Code nochmal posten und die einzelnen felder ausfüllen was genau reinmuss wie z.b.

URL-Des Bildes oder so in der art des wär echt toll.

15.04.2008 16:22

izak.stern izak.stern is a male

Ohnefiltergrafiker

Registration Date: 18.02.2008
Posts: 478

code:

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:

<html> 
<head> 
<style>  

#beliebig a { 
	display: block;
	width: 5ex;
	height: 5ex;
        text-decoration:none; 
}

#beliebig a:link { 
	background: #ffffff url('pfad/zu/bild1.png') no-repeat top left; 
}
#beliebig a:hover { 
	background: #ffffff url('pfad/zu/bild2.png') no-repeat top left;
	cursor: default;
}

</style> 
</head>
<body>
<div id="beliebig">
	<a href="beliebig.html">&nbsp;</a>
</div>
</body> 
</html>

"beliebig" kannst du nennen wie du willst...
ansonsten nur noch pfad/zu/bild.png jeweils aendern...

voilà

This post has been edited 1 time(s), it was last edited by izak.stern: 15.04.2008 18:43.

15.04.2008 16:23

Falcon

Pfadfinder

Registration Date: 06.12.2007
Posts: 651
Location: Future Gadget Lab
Program: Photoshop CS5
Deviantart: forMercy

Thread Starter Thread Started by Falcon

RE: Bilder kommen und gehen.

EDIT:// In dem Code hat es ja die Bemaßung 'ex' und die hab ich durch 'px' eingewechselt und somit die größe auf die Bilder angepasst. Danke es hat Super geklappt.

This post has been edited 3 time(s), it was last edited by Falcon: 16.04.2008 12:52.

16.04.2008 12:35

izak.stern izak.stern is a male

Ohnefiltergrafiker

Registration Date: 18.02.2008
Posts: 478

schoen, dass es laeuft smile

btw, watch this...

16.04.2008 12:57

GFX-Sector
unregistered

Have you enjoyed this topic?

If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.

After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.

In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.

Sign up now and enjoy the advantages as a registered member.

(This website will be ad-free after a complete free sign up.)

16.04.2008 12:57

Tree Structure | Board Structure

GFX-Sector » Coding Area » Webentwicklung » HTML, CSS » Bilder kommen und gehen.

Similar topics to Bilder kommen und gehen.

Thread

ra .. ra .. raqji - gesundheit o.ô (Forum: Gifts)

[SUCHE] Bilder Tutorial Pack (Forum: Fragen & Probleme)

[Anime] Und ACTION (Forum: Signaturen/Avatare)

Und tschüss... (Forum: Archiv)

[Anime] Uuuuuund nochmal Nami!! :D (Forum: Signaturen/Avatare)

Heutige TOP 10 Suchbegriffe:
Auto Comic Cro Wallpaper Comic Auto Bf3 Cro Gfx Sector Toni Kroos Wallpaper Marlboro Kkk Photoshop Tutorials Fujifilm Finepix S2950 Bedienungsanleitung

Bilder kommen und gehen. : HTML, CSS (Permalink)

Sectorbereich

Forenbereich

Battlesection