Welcome,
Guest
.
Please
login
or
register
.
Did you miss your
activation email
?
News:
Bug reports and fixes
.
Home
Help
Login
Register
Elxis CMS Forum
»
Ελληνικό Forum
»
Δημόσιο Βήμα
(Moderators:
CREATIVE Options
,
rentasite
) »
σχετικά με κώδικα
« previous
next »
Print
Pages: [
1
]
Author
Topic: σχετικά με κώδικα (Read 5401 times)
pcfun
Full Member
Posts: 121
σχετικά με κώδικα
«
on:
February 05, 2008, 00:02:33 »
Ήθελα τη βοήθειά σας. Αν αντί για το συνιθισμένο κουμπί αναζήτησης που αλλάζει όψη ανάλογα με το περιηγητή (<input type="submit" name="Submit" value="Search Web !">) θέλω να βάλω μία εικόνα ώς submit button τί κώδικα πρέπει να βάλω στη θέση αυτού στις παρενθέσεις παραπάνω?
(Η εικόνα αυτή ει δυνατόν να αλλάζει όταν περνάει το ποντίκι από πάνω)
Ευχαριστώ εκ των προταίρων!
Logged
datahell
Elxis Team
Hero Member
Posts: 10356
Re: σχετικά με κώδικα
«
Reply #1 on:
February 05, 2008, 08:05:00 »
Μπορείς να κάνεις κάτι τέτοιο:
<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;
}
«
Last Edit: February 05, 2008, 08:06:53 by datahell
»
Logged
Elxis Team
|
Is Open Source
|
IOS Rentals | IOS AERO
pcfun
Full Member
Posts: 121
Re: σχετικά με κώδικα
«
Reply #2 on:
February 05, 2008, 12:55:08 »
ευχαριστώ πολύ
Logged
Print
Pages: [
1
]
« previous
next »
Elxis CMS Forum
»
Ελληνικό Forum
»
Δημόσιο Βήμα
(Moderators:
CREATIVE Options
,
rentasite
) »
σχετικά με κώδικα