Αλλαγη των buttons με εικονα

[xctaek21]

θα ηθελα με εναν απλο τροπο να μου πειτε πως μπορω να αντικαταστησω τα απλα και ασχημα κουμπια με εικονες

 

και το text area πως μπορω να βαλω αυτη την σκια

 

οπως στο e-steki και στο insomnia (βλέπε Απάντηση, επεξεργασία, παράθεση κτλπ)

 

 

[antonisid]

ε πες μας και ποιό cms χρησιμοποιείς Καθένα έχει διαφορετική παραμετροποίηση.

[mixalis8]

<input type="image" src="rainbow.gif" name="image" width="60" height="60">

[TheELF]

<input type="image" src="rainbow.gif" name="image" width="60" height="60">

 

 

Και αν δεν έχω rainbow.gif;

 

[dewn735]

Και αν δεν έχω rainbow.gif;

 

Έλα τώρα, λίγος γούγλης δε βλάπτει...

http://www.google.gr/search?hl=el&client=firefox-a&hs=YLS&rls=org.mozilla%3Aen-GB%3Aofficial&q=html+form+shadow+effect&aq=f&aqi=&aql=&oq=&gs_rfai=

 

ΥΓ: Έχει το insomnia τέτοιο εφέ; :shock:

[Seldimi]

θα ηθελα με εναν απλο τροπο να μου πειτε πως μπορω να αντικαταστησω τα απλα και ασχημα κουμπια με εικονες

 

και το text area πως μπορω να βαλω αυτη την σκια

 

οπως στο e-steki και στο insomnia (βλέπε Απάντηση, επεξεργασία, παράθεση κτλπ)

 

Για να σας επαναφέρω στο topic...

Το να βάλεις σκιά σε tex fields, βάζεις με CSS background-image κάτι που θα σχεδιάσεις (άσπρο κυρίως με λίγο linear)

 

Επίσης για κουμπάκια, η πιο σωστή λύση είναι να βάλεις anchor ( δλδ <a href=#><img src="#"></a> και δίνεις με javascript την εντολή submit.

 

δλδ <a href="#sendform onclick="formName.submit(); return false;">

[dewn735]

Επίσης για κουμπάκια, η πιο σωστή λύση είναι να βάλεις anchor ( δλδ <a href=#><img src="#"></a> και δίνεις με javascript την εντολή submit.

 

δλδ <a href="#sendform onclick="formName.submit(); return false;">

 

Επίσης, μπορείς να παίξεις με καθαρό css:

>.buttonStyle {
padding:0px 0px 7px 0px;
background-color:#FFF;
background-image:url(/images/formButton.jpg);
width:106px;
height:31px;
}

 

Διάβασε κι αυτό: http://www.tyssendesign.com.au/articles/css/styling-form-buttons/, είναι αρκετά καλογραμμένο και θα σε βοηθήσει

[thanocaster]

Επίσης, μπορείς να παίξεις με καθαρό css:

>.buttonStyle {
padding:0px 0px 7px 0px;
background-color:#FFF;
background-image:url(/images/formButton.jpg);
width:106px;
height:31px;
}

Διάβασε κι αυτό: http://www.tyssendesign.com.au/articles/css/styling-form-buttons/, είναι αρκετά καλογραμμένο και θα σε βοηθήσει

 

Για την ακρίβεια το πιο σωστό είναι αυτό. Πρέπει η javascript να είναι unobtrusive και να μην αναμειγνύεται καθόλου με την html. Αυτό επιτυγχάνεται με τη χρήση CSS Selectors, μέσω των οποίων η javascript θα αναγνωρίζει τα nodes που θέλεις να μανιπουλάρεις... (π.χ. χρήση id, κλάσεων κλπ.).

 

Επίσης, είναι καλύτερο και για το debugging, αφού θα έχεις ένα ή περισσότερα ξεχωριστά αρχεία .js για την javascript, και όχι ένα .html που θα έχει μέσα ανακατεμένες 2 γλώσσες... Σε γενικές γραμμές, η χρήση onclick, onchange κλπ πρέπει να αποφεύγονται...