nPage.de - Forum
Angemeldet bleiben?
  #1 (permalink)  
Alt 18.02.2012, 23:25
Benutzerbild von Witzich
Häufiger Benutzer
 
Registriert seit: 28.01.2012
Beiträge: 121
Abgegebene Danke: 16
Erhielt 20 Danke für 20 Beiträge
Witzich eine Nachricht über Skype™ schicken
Standard Mousehover kleines Problem

Hey liebe Community,

ich benutze folgenden Code um einen Mousehovereffekt zu erreichen:

<a href="#"><img src="http://file1.npage.de/011147/30/bilder/homenn2.png" alt="" onmouseover= src="http://file1.npage.de/011147/30/bilder/homenn1.png" onmouseout= src="http://file1.npage.de/011147/30/bilder/homenn2.png" /></a>

was kann ich machen, dass das angeklickte Bild stehen bleibt, also quasi eine Art "active" machen.

das ist das standart bild:


das Bild kommt beim hovern und soll beim drücken auch bleiben;
__________________
Das neue, bessere: http://witzich.de.to
Mit "Lazy-Line" und vielen neuen Features!



Werde doch Fan auf Facebook: http://facebook.com/witzichxd
Mit Zitat antworten
  #2 (permalink)  
Alt 18.02.2012, 23:48
Benutzerbild von Witzich
Häufiger Benutzer
 
Registriert seit: 28.01.2012
Beiträge: 121
Abgegebene Danke: 16
Erhielt 20 Danke für 20 Beiträge
Witzich eine Nachricht über Skype™ schicken
Standard

ok, da steig ich ja mal gar nicht durch
__________________
Das neue, bessere: http://witzich.de.to
Mit "Lazy-Line" und vielen neuen Features!



Werde doch Fan auf Facebook: http://facebook.com/witzichxd
Mit Zitat antworten
  #3 (permalink)  
Alt 18.02.2012, 23:53
Erfahrener Benutzer
 
Registriert seit: 05.01.2011
Beiträge: 461
Abgegebene Danke: 35
Erhielt 101 Danke für 91 Beiträge
Standard

Wenn du mir die Bilder ohne schrieft geben würdest können wir gern mit css machen.
__________________
Nicht denken bitte sonder wissen bevor du fragst!!!
http://design-store.de.to

Geändert von windsurfer-timo (18.02.2012 um 23:59 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 18.02.2012, 23:58
Benutzerbild von musawiz
nPage-Freund
 
Registriert seit: 06.12.2008
Beiträge: 1.663
Abgegebene Danke: 106
Erhielt 417 Danke für 384 Beiträge
Standard

Soll dass in einer Navigation eingesetzt werden, fals ja kann man das sehr schwer bei nPage realisieren. Da beim neu laden einer Seite jede "Aktivitaet" geloescht wird. Ist aber machbar ueber einen kleinen aber feinen Umweg. Stichwort mehrere Design Templates.

MFG
Mit Zitat antworten
Folgender Benutzer sagt Danke zu musawiz für den nützlichen Beitrag:
Witzich (19.02.2012)
  #5 (permalink)  
Alt 19.02.2012, 00:03
Benutzerbild von Witzich
Häufiger Benutzer
 
Registriert seit: 28.01.2012
Beiträge: 121
Abgegebene Danke: 16
Erhielt 20 Danke für 20 Beiträge
Witzich eine Nachricht über Skype™ schicken
Standard

Alles klar, ich verstehe, danke...

ich denke ich habe das ganz gut regeln können. Schauts euch mal an:

http://homepagezubehoer.de.to

sehr euch die obere Navigation an, da wo "Home" "Designs" und "Impressum" steht!
__________________
Das neue, bessere: http://witzich.de.to
Mit "Lazy-Line" und vielen neuen Features!



Werde doch Fan auf Facebook: http://facebook.com/witzichxd

Geändert von Witzich (19.02.2012 um 03:14 Uhr) Grund: Doppelposting
Mit Zitat antworten
  #6 (permalink)  
Alt 19.02.2012, 04:48
Benutzerbild von Ryuka
Häufiger Benutzer
 
Registriert seit: 09.07.2011
Beiträge: 148
Abgegebene Danke: 2
Erhielt 43 Danke für 43 Beiträge
Standard

Das ist mit ein paar kleinen Kniffen sehr simpel mit CSS machbar. (Z.B. hier )

Stylesheet:
HTML-Code:
<head>
<style type="text/css">
#navi a {
   color: black;
   width: 150px;
   height: 50px;
   display: block;
   background: url(http://file1.npage.de/011147/30/bilder/homenn1.png) no-repeat;
   text-decoration: none;
}
#navi a:hover {
   background: url(http://file1.npage.de/011147/30/bilder/homenn3.png) no-repeat
}</style>
</head>
<body>
<div id="navi">
<a href="#" class="navi_1">
<a href="#" class="navi_2">
<a href="#" class="navi_3">
</div>
. . .
Textseiten-Editor (HTML) von z.B. der Startseite
HTML-Code:
<style type="text/css">
.navi_1 {
   background: url(http://file1.npage.de/011147/30/bilder/homenn2.png)
}
</style>
Hier entsteht die Seite <b>Startseite</b>.
MfG
Ryuka
__________________
meine Websites innerhalb von nPage:
newCode
Seelenjäger
Mit Zitat antworten
Antwort

Lesezeichen

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


Alle Zeitangaben in WEZ +1. Es ist jetzt 17:49 Uhr.
nPage.de - Forum - Archiv - Nach oben