Homepage selbermachen 7.852 Themen, 35.619 Beiträge

Kein Betreff angegeben

hategrown / 5 Antworten / Baumansicht Nickles

hi
folgendes problem
ich habe will eine homepage in php machn der aufbau ist jetzt folgendermaßen
header.php udn footer.php und dieser werden immer in der entsprechenden inhalt.php included

so im header php hab ich mir nun buttons als jpg datei erstellt und iner zeile eingefügt.
jetzt möchte ich einen mousovereffekt auf die bilder legen so dass bei onmouse dass bild durch ein anderes ersetzt wird.
mir ist zwar wie ich dies durch javascript bewerkstelligen kann aber wie binde ich dass in die php datei ein ?
meine php dateien sehen vom prinzip her so aus :

echo "

echo "
bei Antwort benachrichtigen
Borlander hategrown „Kein Betreff angegeben“
Optionen
jetzt möchte ich einen mousovereffekt auf die bilder legen so dass bei onmouse dass bild durch ein anderes ersetzt wird. mir ist zwar wie ich dies durch javascriptbild bewerkstelligen kann
Warum machst Du den Hover-Effekt nicht mit CSS? Das ist deutlich eleganter und läuft dann auch ohne JS :-) Würde bei der gelegenheit dann auch gleich auf bitmaps verzichten und Text-Links verwenden...

aber wie binde ich dass in die php datei ein ?
[...] kann ich auf diese weise auch irgedn dass javascript einbinden ?

Spricht prinzipiell nix dagegen, würde aber bei einer solchen Funktion auch darüber nachdenken sie in eine JS-Datei aus zu lagern, dann müssen die Besucher das Script nicht mit jedem Seitenaufruf aus dem Netz laden...


Gruß
Borlander
bei Antwort benachrichtigen
hategrown Borlander „ Warum machst Du den Hover-Effekt nicht mit CSS? Das ist deutlich eleganter und...“
Optionen

hm mit css wüsst ich jetzt nur wie man nen normalen text einen hover effekt zuweisen kann wie funktioniert das mit bildern ?
reine textlinks wären zwar effektiver find ich aber ziemlich unschön ....

mfg und danke
matthias

bei Antwort benachrichtigen
Borlander hategrown „hm mit css wüsst ich jetzt nur wie man nen normalen text einen hover effekt...“
Optionen
hm mit css wüsst ich jetzt nur wie man nen normalen text einen hover effekt zuweisen kann wie funktioniert das mit bildern ?
Sollte sich prinzipiell über das Hintergrundbild des Links lösen lassen...

reine textlinks wären zwar effektiver find ich aber ziemlich unschön ....
Warum unschön? Mit CSS und einem einfachen Hintergrundbild kannst Du das prima lösen und es funktioniert auch ganz ohne Bilder: Schrift kann der Besucher bei Bedarf größer stellen, und auch Suchmaschinen können die Links anständig indizieren...


Gruß
Borlander
bei Antwort benachrichtigen
hategrown Borlander „ Sollte sich prinzipiell über das Hintergrundbild des Links lösen lassen......“
Optionen

danke nochmal für deine antwort .... also jetzt machst du mich wirklich neugierig, nur leider hab ich keine ahnung das stylesheet und die einbindung in mein php datei aussehn soll könntest du mir bitte einen kurzen sample code bzw tutorial oder ähnliches schicken.

vielen dank
matthias

bei Antwort benachrichtigen
Borlander hategrown „danke nochmal für deine antwort .... also jetzt machst du mich wirklich...“
Optionen

Der "Trick" bei hover-Effekt beschränkt sich darauf zusätzlich zum Normalen CSS-Stylesheet für "a" noch eins für "a:hover" an zu legen, da kannst Du Dich dann CSS-Mäßig voll austoben :-)




So schaut das dann aus: Textlink (die CSS-Formatierungen von Nickles.de hängen hier allerdings auch noch mir drin...)


Gruß
Borlander

[Diese Nachricht wurde nachträglich bearbeitet.]
bei Antwort benachrichtigen