Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag10.08.2008 um 16:20 (UTC)    
Titel: [erledigt]Hover Effect mit Verlinkung?

Hi @ all,

Also ich habe mal auf eienr Page folgendes gesehen:


Er hatte da selbst so einen dunkelblauen Button gemacht auf dem dan "Download" stand,

Und wenn man dan mit dem Mauszeiger auf den Dunkelblauen Butten war, wurde er dan hellblau


Kennt einer von euch so einen Code?


MFG 7x.de.tl
______________
-


Zuletzt bearbeitet von 7x am 12.08.2008, 15:07, insgesamt 2-mal bearbeitet
Beitrag10.08.2008 um 18:08 (UTC)    
Titel:

Das nennt man Hovereffekt^^
Such in der Forensuche nach "Hovereffekt Code"^^
______________
My MSN: Twista_styler@yahoo.de



Zuletzt bearbeitet von twisted-style am 10.08.2008, 19:08, insgesamt einmal bearbeitet
Beitrag10.08.2008 um 18:57 (UTC)    
Titel:

^^ Danke
ich probiers mal
______________
-
Beitrag10.08.2008 um 19:02 (UTC)    
Titel:

Ja aber da sind alles nur die Codes für den Hovereffect auf den Button (Navigation)

Ich brauche den Hovereffect-Code mit einem Banner-code (mit verlinkung)

ich kann das aber nicht zusammen mischen da ich mich mit CSS o. HTML nicht so gut auskenne

Crying or Very sad
______________
-
Beitrag10.08.2008 um 19:53 (UTC)    
Titel:

Das ist in beiden fällen nur ein Link mit einem Bild. Der Code ist allso der selbe außer, dass sich die Adressen für das Bild und die Seite auf die man gelangen soll ändern.
Beitrag10.08.2008 um 20:12 (UTC)    
Titel:

Zitat:
<style type="text/css">
a.HoverBild1:hover {background-image:url(HOVER-BILD-URL); height:100px; width:100px}
a.HoverBild1 {background-image:url(BILD-URL); height:100px; width:100px}
</style>

<a class="HoverBild1" href="LINK-URL"></a>


Zuletzt bearbeitet von gwc am 11.08.2008, 13:56, insgesamt einmal bearbeitet
Beitrag11.08.2008 um 11:47 (UTC)    
Titel:

@ gwc

Der Code funktioniert nicht Crying or Very sad

wenn ich mit der maus drüber fahre kommt nicht das andere Bild.

Habe ihn mal auf meiner Startseite eingebaut Arrow www.7x.de.tl

habe ihn mit www.google.de verlinkt aber wenn ich drauf klicke komme ich auf diese seite 404 error

www.7x.de.tl/www.google.de


So habe ich ihn eingebaut --->




<style type="text/css">
img.HoverBild:hover {background-image:url( http://img90.imageshack.us/img90/56/t2mi9.png)}
</style> <a href="www.google.de"><img alt="" src="http://img90.imageshack.us/img90/9369/t1zo1.png" class="HoverBild" /></a>
______________
-


Zuletzt bearbeitet von 7x am 11.08.2008, 12:49, insgesamt einmal bearbeitet
Beitrag11.08.2008 um 12:58 (UTC)    
Titel:

sry, denkfehler - habe den code oben korrigiert. beim orangefarbenen muss die höhe des jeweiligen bildes hinein.
Beitrag11.08.2008 um 15:00 (UTC)    
Titel:

das klappt nicht,jetzt zeigt er nichmal das Bild an Crying or Very sad
______________
-
Beitrag11.08.2008 um 17:10 (UTC)    
Titel:

ok - ich habe folgendes Problem bemerkt: Was bei IE geht, geht bei FF nicht, und umgekehrt!
also müssen wir es etwas anders machen... Hier ein neuer Code, der bei beiden Browsern geht.
Zitat:
<script language="JavaScript">
<!--
function Hover1(){
document.HoverBild1.src="HOVER-BILD-URL-1"}

function DeHover1(){
document.HoverBild1.src="BILD-URL-1"}
//-->
</script>
<img src="BILD-URL-1" onmouseover="Hover1()" onmouseout="DeHover1()" name="HoverBild1">
Beitrag12.08.2008 um 12:31 (UTC)    
Titel:

Danke!!!!

Das mit dem Hover-Effect klappt Wink


könnte man das dan auch so machen wenn man dan drauf drückt das man dan weitergeleitet wir als mit "Link" (http://www......)

??
______________
-
Beitrag12.08.2008 um 12:33 (UTC)    
Titel:

7x hat Folgendes geschrieben:
Danke!!!!

Das mit dem Hover-Effect klappt Wink


könnte man das dan auch so machen wenn man dan drauf drückt das man dan weitergeleitet wir als mit "Link" (http://www......)

??
das hättest du bestimmt auch selber hinbekommen - du musst lediglich ein link einbauen...
Zitat:
<script language="JavaScript">
<!--
function Hover1(){
document.HoverBild1.src="HOVER-BILD-URL-1"}

function DeHover1(){
document.HoverBild1.src="BILD-URL-1"}
//-->
</script>
<a href="LINK-URL"><img src="BILD-URL-1" onmouseover="Hover1()" onmouseout="DeHover1()" name="HoverBild1"></a>
Beitrag12.08.2008 um 12:57 (UTC)    
Titel:

ja das Klappt jetzt teilweise.....


Hover Effect funktioniert!


Aber wenn man dan drauf klickt dan kommt man auf keine Seite "Site Not Found"Crying or Very sad

Das liegt am Link, da er ihn hinter meinen Hp Link ansetzt



http://www.7x.de.tl/www.google.de

Hier ein Screen:

Da habe ich die Maus über den Button gehalten.




So Habe Ich Den Link Eingebaut auf meiner Startseite:

<script language="JavaScript">
<!--
function Hover1(){
document.HoverBild1.src=" http://img90.imageshack.us/img90/9369/t1zo1.png"}

function DeHover1(){
document.HoverBild1.src=" http://img90.imageshack.us/img90/56/t2mi9.png"}
//-->
</script>
<a href="www.google.de"><img src=" http://img90.imageshack.us/img90/9369/t1zo1.png" onmouseover="Hover1()" onmouseout="DeHover1()" name="HoverBild1"></a>
______________
-


Zuletzt bearbeitet von 7x am 12.08.2008, 14:02, insgesamt einmal bearbeitet
Beitrag12.08.2008 um 13:28 (UTC)    
Titel:

Zitat:
<script language="JavaScript">
<!--
function Hover1(){
document.HoverBild1.src=" http://img90.imageshack.us/img90/9369/t1zo1.png"}

function DeHover1(){
document.HoverBild1.src=" http://img90.imageshack.us/img90/56/t2mi9.png"}
//-->
</script>
<a href="http://www.google.de"><img src=" http://img90.imageshack.us/img90/9369/t1zo1.png" onmouseover="Hover1()" onmouseout="DeHover1()" name="HoverBild1"></a>
Beitrag12.08.2008 um 13:39 (UTC)    
Titel:

ja Klappt jetzt!!!

DANKE!!! Laughing
______________
-
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de