HomepageHelfer.org

Webseitenbau - Designvorlagen - Grafik Shop - Hilfe Lexikon und vieles mehr
https://homepagehelfer.org:443/

Hover Effekt

https://homepagehelfer.org:443/viewtopic.php?t=4948

Seite 1 von 2

Hover Effekt

Verfasst: Di 27. Aug 2013, 12:25
von leuchtturm
Bei meiner HP http://ankerplatz2.npage.de/hafenstaedte.html erscheint bei einigen Buttons, nicht bei allen, der Hover-Effekt, ist das normal oder kann man daran etwas ändern. Ich habe mehrere solcher "weiter"- oder "nach Oben" Buttons eingebaut. Gruss Erhard

Re: Hover Effekt

Verfasst: Di 27. Aug 2013, 12:48
von charlyjaku
Moin. Habe dazu folgenden Beitrag gefunden: http://brauchbar.de/wd/artikel/38.html :X

Re: Hover Effekt

Verfasst: Di 27. Aug 2013, 13:49
von npage-user
charlyjaku hat geschrieben:Moin. Habe dazu folgenden Beitrag gefunden: http://brauchbar.de/wd/artikel/38.html :X
Viel zu kompliziert, wer liest sich das denn schon alles durch ... :G
Eigentlich brauchst du nur das ...

Code: Alles auswählen

<a href="Seite, die  verlinkt  wird"><img onmouseout="src='Adresse  der  normalen  Grafik'" onmouseover="src='Adresse  der  Mouseover-Grafik'" src="Adresse  der  normalen  Grafik"></a>

Re: Hover Effekt

Verfasst: Di 27. Aug 2013, 16:47
von charlyjaku
Das lesen sich alle durch, die etwas Hintergrundwissen erwerben möchten !!!! :X

Re: Hover Effekt

Verfasst: Di 27. Aug 2013, 19:40
von goefi-chiangmai
Weiss jetzt nicht ob von der oberen oder unteren navi sprichst,

aber das musst in deiner CSS einstellen und zwar bei derr unteren navi in der menue.css an dieser stelle kannst den efekt ändern, in deinem fall wohl die Hintergrundsfarbe
}

#menuhorizontal a:hover {
background-color:#0050A0;
text-decoration:none ;
color:#e6e6e6;
text-decoration:none ;
border-left:solid 1px #ffffff;
border-right:solid 1px #ffffff;

}

P.S. Und nimm die Unnötige und unnütze Rechtsklick Sperre bei den Gimnicks raus, so können dir unsere Mitglieder schneller helfen, weil viele keine Lust haben deine Seite auf dem Rechner zu speichern oder Javascript im Browser zu deaktivieren um sie anzugucken

Re: Hover Effekt

Verfasst: Di 27. Aug 2013, 20:03
von moni
Meinst etwa das blaue wie hier an den Screen Bild ist ?
Bild

Re: Hover Effekt

Verfasst: Mi 28. Aug 2013, 09:33
von leuchtturm
Hallo Moni, ja das meine ich. Der blaue Hover-Effekt erscheint aber nicht bei allen Buttons, ist schon komisch. Mache ich vieleicht einen Fehler beim Einbau
dieser Buttons? Gruss Erhard

Re: Hover Effekt

Verfasst: Mi 28. Aug 2013, 11:09
von moni
Hallo Erhard..
So wie ich das sehen da hast auch keine hover drin ..

Code: Alles auswählen

<table border="0" cellpadding="1" cellspacing="1" style="height:200px;width:850px;">
	<tbody>
		<tr>
			<td>
				<a href="http://ankerplatz2.npage.de/oldenburg.html"><img alt="" height="75" src="http://file2.npage.de/012928/73/bilder/oldenbwappen.jpeg" width="146" /> </a>
			</td>
			<td>
				<a href="http://ankerplatz2.npage.de/bremen.html "><img alt="" height="75" src="http://file2.npage.de/012928/73/bilder/logohb.jpeg" width="147" /></a>
			</td>
			<td>
				<a href="http://ankerplatz2.npage.de/bremerhaven.html"><img alt="" height="75" src="http://file2.npage.de/012928/73/bilder/bremerhbuton.jpeg" width="147" /> </a>
			</td>
			<td>
				<a href="http://ankerplatz2.npage.de/leer.html"><img alt="" height="75" src="http://file2.npage.de/012928/73/bilder/logeleer.jpeg" width="147" /></a>
			</td>
		</tr>
		<tr>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
		</tr>
		<tr>
			<td>
				<a href="http://ankerplatz2.npage.de/hamburg.html "><img alt="" height="75" src="http://file2.npage.de/012928/73/bilder/hamblogo.png" width="149" /></a>
			</td>
			<td>
				<a href="http://ankerplatz2.npage.de/wilhelmshaven.html"><img alt="" height="75" src="http://file2.npage.de/012928/73/bilder/wilhelmshabutton.jpeg" width="145" /></a>
			</td>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
		</tr>
		<tr>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
		</tr>
		<tr>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
		</tr>
		<tr>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
			<td>
				&nbsp;
			</td>
		</tr>
	</tbody>
</table>
<p>
Vorher kommt das blaue streifen unten da weiß momentan nicht :E :E musste eventuell das komplette css durch stöbern ob da welche angaben zum <td> sind :E

oder hat jemanden hier noch welch ideen dazu :X

Re: Hover Effekt

Verfasst: So 15. Jun 2014, 22:51
von leuchtturm
Hallo, ich habe den Fehler gefunden und zwar kommt es darauf in welcher Form man den Button einbaut, nicht als PNG- Gif- Datei, sondern nur als JPEG oder JPG.
Ein Bild mit Transparenz um den Rand wird automatisch mit eine x-beliebigen Farbe beim rüberfahren mit der Maus ausgefüllt.

Re: Hover Effekt

Verfasst: Mo 16. Jun 2014, 13:18
von Butterblume
Ich konnte die Seite gar net erst anklicken. Kam ne Fehlermeldung. Aber hat sich ja gereits erledigt :D Viel Spaß weiterin mit Deiner Homepage
Alle Zeiten sind UTC+02:00
Seite 1 von 2

Powered by phpBB® Forum Software © phpBB Limited

Deutsche Übersetzung durch phpBB.de