| Autor |
Nachricht |
-
jannoflash
|
 20.10.2006 um 13:44 (UTC)
Titel: [erledigt] Bild-funktion |
|
|
ich bins mal wieder ^^
wollt fragen wie man das macht, dass wenn man über ein bild geht (mit der maus) das sich das bild verändert... |
|
|
↑
|
|
 |
-
bmw-freunde-nf
|
20.10.2006 um 13:55 (UTC)
Titel: |
|
|
ja, das nennt sich "mouseover"-effekt.
Da es viele Möglichkeiten gibt (Effekte),
müsstest Du nur mit google nach "mouseover" suchen,
Beispiele und Codes gibt es viele  ______________ Fragen bitte an http://find-templates.de.tl |
|
|
↑
|
|
|
-
jannoflash
|
20.10.2006 um 13:57 (UTC)
Titel: |
|
|
aso
gut danke!! |
|
|
↑
|
|
|
-
ronsn
|
20.10.2006 um 14:11 (UTC)
Titel: |
|
|
Das geht mit CSS oder JavaScript.
Da ich JavaScript aber nicht mag, lege ich dir CSS an den Hals *G*
Sicherlich willst du noch nen Code haben, was?
Mom ich schreib dann mal was.
CSS-Code:
Code:
<style type="text/css">
<!--// Hiding this script from old browsers
.uri_style {
}
.uri_style a:link { /* normaler Link, mit Hintergrundbild */
text-decoration:none;
background-image: url(http://www.irgendwo.de/images/uri_style/BILD_1.gif);
}
.uri_style a:visited { /* normaler Link, der aber schon besucht wurde mit der gleichen Hintergrundgrafik wie oben */
text-decoration:none;
background-image: url(http://www.irgendwo.de/images/uri_style/BILD_1.gif);
}
.uri_style a:hover { /* normaler Link, aber andere Hintergrundgrafik, wenn man mit der Maus darueber faehrt */
text-decoration:none;
background-image: url(http://www.irgendwo.de/images/uri_style/BILD_2.gif);
}
//-->
</style>
Wie er eingebunden werden kann:
Code:
<span class="uri_style">
<a href="#" title="">Der Link-Text</a>
</span>
Zuletzt bearbeitet von ronsn am 21.10.2006, 21:38, insgesamt einmal bearbeitet
|
|
|
↑
|
|
|
-
germanen
|
20.10.2006 um 18:37 (UTC)
Titel: |
|
|
Ja funktioniert auch... aber net so wie ich das wollt...
wenn du es dir mal angucken willst:
http://jannoflash.de.tl/ef.htm
wie mach ich das jetz, dass dort nicht "Dein Linktext" steht, sondern nur das bild??? ______________ Besucht mich auch unter www.Jannoflash.de.tl!! |
|
|
↑
|
|
|
-
ronsn
|
21.10.2006 um 20:36 (UTC)
Titel: |
|
|
germanen hat Folgendes geschrieben: Ja funktioniert auch... aber net so wie ich das wollt...
wenn du es dir mal angucken willst:
http://jannoflash.de.tl/ef.htm
wie mach ich das jetz, dass dort nicht "Dein Linktext" steht, sondern nur das bild???
Ok, ich hab das mal auf deine Bedürfnisse zurechtgeschnitten. Mittels einer Tabelle und einer transparenten Grafik wird sozusagen ein Bereich geschaffen, der So groß ist, wie die Bilder ( http://www.myloads.de/upload2/16430.bmp ).
Also wir legen bei der Größe der Grafik in der Tabelle fest, wie groß (Breite und Höhe) diese sein soll ( width="238" height="49" ).
Die transparente Grafik, musst du selbst machen und diese braucht auch nur 1x1Pixel groß sein.
CSS-Code
Code: <style type="text/css">
<!--// Hiding this script from old browsers
.uri_style {
margin: 1px;
padding: 1px;
font-size: 13pt;
}
.uri_style a:link { /* normaler Link, Hintergrundgrafik */
display: block;
background-image:url(http://www.myloads.de/upload2/16429.bmp);
background-attachment: scroll;
background-repeat: no-repeat;
background-position: left top;
}
.uri_style a:visited { /* normaler Link, der aber schon besucht wurde mit der gleichen Hintergrundgrafik wie oben */
display: block;
background-image: url(http://www.myloads.de/upload2/16429.bmp);
background-attachment: scroll;
background-repeat: no-repeat;
background-position: left top;
}
.uri_style a:hover { /* normaler Link, aber andere Hintergrundgrafik, wenn man mit der Maus darueber faehrt */
display: block;
background-image: url(http://www.myloads.de/upload2/16430.bmp);
background-attachment: scroll;
background-repeat: no-repeat;
background-position: left top;
}
//-->
</style>
Wie er eingebunden werden kann:
Code: <table align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="uri_style">
<a href="" title="">
<img src="http://TRANSPARENTES_BILD" border="0" alt="" width="238" height="49" vspace="1" hspace="1" />
</a>
</td>
</tr>
</table> |
|
|
↑
|
|
|
-
jannoflash
|
21.10.2006 um 21:07 (UTC)
Titel: |
|
|
joa...ist jetz schon sehr viel besser!!
aber eine sache wäre da noch:
da ich mich mit pcs nich soooo gut auskenne weiß ich nicht wie ich eine transparente grafik erstelle 
kannst du mir da nochmal helfen??? |
|
|
↑
|
|
|
-
ronsn
|
21.10.2006 um 21:22 (UTC)
Titel: |
|
|
Ja ich mach dir eine. Aber sie ist eben transparent, deswegen kannst du sie nicht einfach von irgendwo kopieren.
Ich habe dir hier eine erstellt und diese, damit du sie runterladen kannst auch in ein Archiv gepackt.
Du musst es also nur entpacken und hochladen.
Die Grafik:
http://ronsn.sky-wave.eu/OPEN_DIR/hp-baukasten/transparent_1x1pixel.zip |
|
|
↑
|
|
|
-
jannoflash
|
21.10.2006 um 21:35 (UTC)
Titel: |
|
|
wenn man entpacken will steht da, dass keine datei zum entpacken da ist... |
|
|
↑
|
|
|
-
ronsn
|
21.10.2006 um 22:01 (UTC)
Titel: |
|
|
Da ist 100% eine Datei drinnen, die heißt: transparent_1x1pixel.gif .
Ich habe das eben selbst auch nocheinmal ausprobiert und es funktioniert.
Welches Programm benutzt du denn?
Ich könnte dir das auch als EMail senden, jedoch würde ich dich in diesem Fall bitten, NICHT deine EMail-Adresse hier im Forum zu schreiben, sondern als PN (Private Nachricht). |
|
|
↑
|
|
|
-
jannoflash
|
21.10.2006 um 22:53 (UTC)
Titel: |
|
|
Juhu!!!
es hat funktioniert!!!
Danke ronsn!!! |
|
|
↑
|
|
|
-
ronsn
|
21.10.2006 um 22:56 (UTC)
Titel: |
|
|
Ja... ich liebe dich auch *G* |
|
|
↑
|
|
|
|
