Gegen Bilderklau - Das Original

Registrierung Mitgliederliste Teammitglieder Suche Häufig gestellte Fragen Statistik Chat Karte Zur Startseite

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [HTML] Bildlink mit Hover-Effekt » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | Thema zu Favoriten hinzufügen
Zum Ende der Seite springen Bildlink mit Hover-Effekt
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
pcdfan pcdfan ist weiblich
Mitglied


images/avatars/avatar-47577.jpg

Dabei seit: 24.01.2007
Beiträge: 3.291
Herkunft: ortenaukreis
Bildlink mit Hover-Effekt Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Hey Ho.

Ich hab 'ne Frage, und zwar - ich will ein Bild haben, welches durch Berührung wie hier etwas stärker gezeigt wird.
Ich hatte nur mal 'nen Code gefunden, wie man 'n Bild verblassen lässt, aber das will ich ja nicht /=
Kennt ihr zufällig 'nen Code, den ich verwenden kann?

Ganz liebe Grüße & schonmal Danke im Voraus!

__________________
31.07.2010 11:18 pcdfan ist offline E-Mail an pcdfan senden Homepage von pcdfan Beiträge von pcdfan suchen Nehmen Sie pcdfan in Ihre Freundesliste auf Fügen Sie pcdfan in Ihre Kontaktliste ein MSN Passport-Profil von pcdfan anzeigen
Julia712 Julia712 ist weiblich
Mitglied


images/avatars/avatar-48505.png

Dabei seit: 28.11.2006
Beiträge: 2.262
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Hey,

ich hab's mir mal angeschaut smile
Die HP die du als Beispiel angegeben hast ist eigentlich ganz einfach gemacht worden. Und zwar haben die die stärkeren Bilder als Originalbilder genommen und die dann ja verlinkt zu der Lightbox. Der Link hat eine Klasse zugewiesen bekommen, die per css definiert ist. Und zwar mit opacity 0.87, sodass das Bild etwas matter erscheint. Bei aktivierung des links wird dann opacity auf 1 gesetzt.
Würdest du das für deine HP verwenden wollen, könntest du das ganz einfach so machen:

1. in die css-datei das hier einfügen:
code: 
1:
2:
3:
4:
5:
6:
7:
8:

.MattEffekt
{
	opacity:0.87;
}
.MattEffekt:hover 
{
	opacity:1;
}


2. dein Foto bindest du so ein:
code: 
1:

<div class="MattEffekt"><img src="DeinFoto.jpg"></div>


3. magst du das Foto verlinken, einfach das Bild verlinken:
code: 
1:

<div class="MattEffekt"><a href="DeinLink.html"><img src="DeinFoto.jpg"></a></div>



Sollte ich nicht falsch liegen, müsste das so gehen smile


Lg
Julia
01.08.2010 23:32 Julia712 ist offline Beiträge von Julia712 suchen Nehmen Sie Julia712 in Ihre Freundesliste auf
Baumstruktur | Brettstruktur
Gehe zu:
Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [HTML] Bildlink mit Hover-Effekt

Impressum

Forensoftware: Burning Board, entwickelt von WoltLab GmbH