Elxis CMS Forum
Ελληνικό Forum => Δημόσιο Βήμα => Topic started by: pcfun on February 05, 2008, 00:02:33
-
Ήθελα τη βοήθειά σας. Αν αντί για το συνιθισμένο κουμπί αναζήτησης που αλλάζει όψη ανάλογα με το περιηγητή (<input type="submit" name="Submit" value="Search Web !">) θέλω να βάλω μία εικόνα ώς submit button τί κώδικα πρέπει να βάλω στη θέση αυτού στις παρενθέσεις παραπάνω?
(Η εικόνα αυτή ει δυνατόν να αλλάζει όταν περνάει το ποντίκι από πάνω)
Ευχαριστώ εκ των προταίρων!
-
Μπορείς να κάνεις κάτι τέτοιο:
<input type="image" src="......" id="mybutton" ... onmouseover="change();" />
Αλλά μπορείς να το κάνεις και χωρίς να πειράξεις τον κώδικα του Elxis μόνο με χρήση CSS:
input {
width: 150px;
height: 30px;
background: url(../images/eikona1.jpg) no-repeat top left;
}
input:hover{
background: url(../images/eikona2.jpg) no-repeat top left;
}
Ή κάπως παρόμοια, εξαρτάται από τον κώδικα στο ακριβές σημείο και τι θες να κάνεις εσύ. Πχ Αν το πεδίο είναι μέσα σεένα div με κλάση xxx το παραπάνω γίνεται:
div.xxx input {....} αλλιώς (με την πρώτη γραφή) θα εφαρμοστεί σε όλα τα Input.
Αν θες να βάλεις μία εικόνα που είναι tile οριζοντίως, πχ:
input {
height: 30px;
background: url(../images/eikona1.jpg) repeat-x top left;
}
-
ευχαριστώ πολύ