• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hab da nochmal 2 Fragen

Niklas

Niklas

Neues Mitglied
Hi...

Bin malwieder dabei an meiner Webseite zu basteln und wieder haben sich mir 2 Fragen/Probleme in dem Weg gestellt.

Meine erste Frage ist:Wie bekommt man es hin das wen man mit der Maus über ein Bild geht es sich verändert sei es das es irgentwie glitzert funkelt die Farbe wechselt und und und?

Nun zu meiner zweiten Frage ich will meine Bilder nun verlinken nur wie bekomme ich jetzt einen neuen Link? z.b www.welt-der-browsergames/Browsergames.de?Muss man das im HTML Code einstellen oder muss das der Provider einstellen ?

MFG Niklas
 
Bilder blinken lassen sollte man außer in Ausnahmefällen eigentlich nicht, das stört extrem, wenn nur wenn man mit der Maus von unten nach oben durchn Browser fährt alles blinkt ;)
 
Toastbrot schrieb:
Bilder blinken lassen sollte man außer in Ausnahmefällen eigentlich nicht, das stört extrem, wenn nur wenn man mit der Maus von unten nach oben durchn Browser fährt alles blinkt ;)
Zum Vergrößern anklicken....

Das machts doch eig nicht so langweilig

Habs so versucht.

CSS

imgip#bild:hover {<img ip#bild src="partner-grün.png" alt="Partner" /><br />}

Ist aber völlig falsch

HTML

<img ip#bild src="partner.png" alt="Partner" /><br />

Ist aber völlig falsch
 
Zuletzt bearbeitet:
Ja das finde ich auch extrem auf solche Seite gehe ich auch nicht gernem,aber ich will nicht so viel geblinke bei meinen Bildern soll nur der Rand seine Farbe verändern...
 
Ja auf dem Link war ich schon

Sowas hab ich da gefunden

Code: 
a:hover { font-weight:bold; color:green; text-decoration:none; }
Ich habe mir das ganz so vorgestellt das wen man z.b über ein Bild mit der Maus geht ein zweites eingefügt wird z.b mit einem Blauen Rand,ich finde das persönlich sehr schön wie soll man das sagen?Die Seite lebt sozusagen,da bewegt sich was :D

Wen man das also so macht ist das mit dem Hover schon ganz richtig nur da müsste doch irgentwas mit Bild sein sowas z.b <img src="Bild.png" alt="BIld" /> (Das zweit Bild) bei dem Hier { font-weight:bold; color:green; text-decoration:none; } ist bestimmt ein Link gemeint.

Wie seht ihr das ?
 
Zuletzt bearbeitet:
Hi Niklas,

natürlich ist damit ein Link gemeint, das siehst du an dem a:hover doch schon.

Das mit dem zweiten Bild versteh ich nicht ganz, aber man kann z.B. ein Hintergrundbild durch :hover ganz leicht verändern.

Bsp:
Code: 
#element /* irgendein div, ul oder ein anderes Element */ {
background: url(bild1.jpg); }
#element:hover {
background: url(bild2.jpg); }

Die Pseudoklasse :hover kann man im Prinzip an jede CSS-Definiton anhängen.
 
Du hast z.b ein Bild mit einem Gelben Rand und wen du mit der Maus dazuber gehst kommt ein zweites Bild mit einem Blauen Rand
 
Wo willst du denn das zweite Bild haben?

Auf dem 1. Bild, sodass da 1. nicht mehr zusehen ist, rechts davon, links davon...?
 
ähm wie ... da soll sich einfach nur von dem Bilder der Rand ändern!

So ich muss dan mal zum Kunfus bb
 
Ja dann ist es doch ganz einfach, oder?

Ich versteh das mit dem zweiten Bild nciht, sry. Dann hast du doch nur ein Bild, wenn sich nur der Rand ändert?!

HTML: 
<img src="bildname.jpg" class="rahmen" />

Code: 
.rahmen {border: 1px solid yellow}
.rahmen:hover {border: 1px solid blue}

Ist doch jetzt ganz einfach, ich dachte du hättest dir den Link angesehn?

Gruß
Toast
 
Hi... ich glaube du hast noch nicht ganz verstanden was ich meine hier mal eine genaue erklärung:

Mit den zwei Bilder ... Ich glaube ich habe das falsch beschrieben der Rahmen ist bereits im Bild also den muss man nicht mit einem Code dazufügen!Ich habe auch nur gedacht das das so geht!Am besten kuckst du dir das ganze mal auf meiner Webseite an www.welt-der-browsergames.de z.b der Partner Bild ich möchte erreichen das wen man mit der Maus darübergeht,das der Gelbe Rahmen Blau wird was ich aus meiner sicht nur ereichen kann indem ich das gleiche Bild mit einem Blauen Rand erstelle,den wie soll ein HTML Code mein Bilder verändern (Vllt geht es ich weiß es überhaupt nicht)

Niklas
 
Ja du musst dann:
HTML: 
<img id="Beispiel_id" scr="bla" onMouseover="this.scr='neuesbild'"/>
das ist javascript du kannst es auch über css machen:

HTML: 
<div (können auch andere sein) id="Beispiel_id"/>

und das css dazu
Code: 
div#Beispiel_id:
{
    background-image: url(bla);
}

div#Beispiel_id:hover
{
    background-image: url(bla2);
}






Frage an die Leute die richtig gut in Css sind:

Es ist nicht möglich das Tag img zu hovern so in der art wie

Code: 
img#id:hover 
{ 
scr: url()
}
 
Zuletzt bearbeitet:
Code: 
<img scr="partner.png" onMouseover="this.scr="partner-grün.png"/>
Erscheint kein Bild:cry:Aber ich glaube das ist das was ich Suche:D

Wo könnte der Fehler liegen ?
 
Niklas schrieb:
Code: 
<img scr="partner.png" onMouseover="this.scr="partner-grün.png"/>
Erscheint kein Bild:cry:Aber ich glaube das ist das was ich Suche:D

Wo könnte der Fehler liegen ?
Zum Vergrößern anklicken....

Auf den ersten Blick:

Das einzigste was der JS Interpreter bei deinem script liest ist
Code: 
onMouseover="this.scr="

da beendet er bei dir weil du die das "" bendest.
du must das so machen wie oben beschrieben
Code: 
onMouseover="this.scr='blaa'   /wichtig:/ ">

beachte die kleinen '


MfG
 
<img scr="partner.png" onMouseover="this.scr='partner-gruen.png'"/>

Will auch nicht gehen

So ich hau mich mal hin morgen ist wieder Schule :cry: BB
 
Dann könnte es daran liegen das du einen html doctype verwendest.
Wenn ja lass das / vor dem > weg.

Oder deine Bilder sind net im selben Ordner

Oder Javascript ist bei dir deaktiviert.
Mach es lieber wie oben beschrieben mit hover über css, sonst funzt das net für Leute die Javascript deaktiviert haben.
 
Am einfachsten wäre es, wenn du dem Bild gar keinen Rahmen gibst, sondern ihn per Code einbaust.

Ansonsten ginge es über ein Hintergrundbild:
Code: 
div#wasweißich {
background: url(bild1.jpg);
}
div#wasweißich:hover {
background: url(bild2.jpg);
}
Frage an die Leute die richtig gut in Css sind:

Es ist nicht möglich das Tag img zu hovern so in der art wie

Code: 
 img#id:hover 
{ 
scr: url()
}
Zum Vergrößern anklicken....
Nein, das geht nicht.


hier mal eine genaue erklärung
Zum Vergrößern anklicken....

Warumm nicht gleich so?^^
Gruß
Toast
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben