Transparent input

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
ThyClub
Honorary Member
Δημοσιεύσεις: 5312
Εγγραφή: 17 Νοέμ 2003 00:21
Τοποθεσία: Hell's Kitchen
Επικοινωνία:

Transparent input

Δημοσίευση από ThyClub » 17 Απρ 2004 01:01

Το έχουμε δεί σε flash αλλά είναι δυνατόν σε HTML ή CSS???

To μυστικό είναι το φίλτρο alpha(opacity)

Σε ενα αρχείο css δημιουργούμε τον κώδικα :
INPUT{
filter:alpha(opacity=70);
-moz-opacity:70%;
}
και ορίζουμε σαν background της σελίδας μια φώτο που εμείς θέλουμε.

μετά δημιουργούμε μια σελίδα οπου φτιάχνουμε μια φόρμα :
<input type="text" name="text_field" />
<input type="submit" name="Submit" value="Send Form" />
Ενα παράδειγμα μπορείτε να δείτε εδώ:
http://members.lycos.co.uk/thyclub/transparent.htm

* Δουλεύει σε ΙΕ και mozilla (πρέπει να αλλάξετε το -moz-opacity:70%; σε -moz-opacity: .70; για τις νέες εκδόσεις του)

[EDIT][TUT] Αντί για (TUT):wink: [/EDIT]
Τελευταία επεξεργασία από το μέλος ThyClub την 17 Απρ 2004 01:26, έχει επεξεργασθεί 1 φορά συνολικά.

Άβαταρ μέλους
xmavidis
Honorary Member
Δημοσιεύσεις: 1217
Εγγραφή: 02 Δεκ 2003 19:59
Τοποθεσία: Ηράκλειο

Transparent input

Δημοσίευση από xmavidis » 17 Απρ 2004 01:23

Ωραίο!
Βάλε όμως [TUT] και όχι (TUT) για να εμφανιστεί στα βοηθήματα! :wink:
I want to know God’s thoughts; the rest are details.
Albert Einstein

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες