Elxis CMS Forum

Ελληνικό Forum => Γενικά Θέματα για το Elxis CMS => Topic started by: evkarab on July 20, 2008, 20:06:29

Title: Βοήθεια σχετικά με CSS
Post by: evkarab on July 20, 2008, 20:06:29

Γειά σας
Δεν ξέρω αν πρέπει να ρωτήσω εδώ αλλά έχω μιά απορία σχετικά με τις τιμές πού δέχεται το module style=-3.
Διαβάζω το βιβλίο του κ.Αντωνόπουλου "Πως να φτιάξετε template γιά το Elxis CMS" καί δεν καταλαβαίνω την τιμή 0(μηδέν) χωρίς ποσοστό ή άλλη τιμή δίπλα του.
π.χ. div module { background: #99CCCC url (..images/bl.gif) 0 100% no-repeat;
Τί σημαίνει αυτό καί γιατί οι εικόνες πάνε στη σωστή τους θέση μόνο αν γραφτούν με τη συγκεκριμένη σείρα οι τιμές;
Ποιά είναι η συγκεκριμένη σειρά;
Αν μπορεί κάποιος και θέλει να μου το εξηγήσει τον ευχαριστώ προκαταβολικά.Προσπαθώ να μάθω καί δεν θέλω να το αντιγράφω απλά χωρίς να το καταλαβαίνω

Title: Re: Βοήθεια σχετικά με CSS
Post by: datahell on July 20, 2008, 23:18:55

Το μηδέν είναι μηδέν όπως και να το γράψεις.
0 πορτοκάλια, 0 μήλα, 0 μανταρίνια => αποτέλεσμα μηδέν
Και στο CSS είτε γράψεις 0, είτε 0px, είτε 0em, είτε 0pt, είτε 0%, είτε 0cm, κλπ, είναι ακριβώς το ίδιο πράγμα καθώς η μονάδα μέτρησης χάνει την έννοιά της δίπλα στο μηδέν. Οι αρχαίοι ημών πρόγονοι, πολύ σοφά, δεν θεωρούσαν το μηδέν ως αριθμό. Το μηδέν είναι φιλοσοφική έννοια και όχι αριθμός γιατί πως αλλιώς μπορείς να περιγράψεις τα "μηδέν πορτοκάλια" πέρα από τη φιλοσοφία;

Το παρακάτω είναι συντομογραφία μίας μεγαλύτερης γραφής του ιδίου πράγματος.
div.module { background: #99CCCC url (../images/bl.gif) 0 100% no-repeat; }

Το ίδιο μπορεί να γραφεί και έτσι και να έχει το ίδιο ακριβώς αποτέλεσμα:
div.module {
background-color: #99CCCC;
background-image: url('../images/bl.gif');
background-position: 0 100%;
background-repeat: no-repeat;
}

Το background position αναφέρεται στην έναρξη της εικόνας του background σε σχέση με τον καμβά (βλέπε box) και σε συντεταγμένες χ και ψ.
Άρα στη συγκεκριμένη περίπτωση: Χ=0, Ψ= 100%, το οποίο σημαίνει κάτω αριστερά (το πάνω αριστερά -η αρχή των αξόνων- είναι: 0 0 ).

Για περισσότερα εδώ:
http://www.w3schools.com/css/css_background.asp (http://www.w3schools.com/css/css_background.asp)

Με τo style -3 το elxis δημιουργεί 3 div τα οποία περικλείνουν το κυρίως module και χρησιμοποιείται κυρίως για δημιουργία Module με στρογγυλές γωνίες. βλέπε εδώ: https://www.elxis.org/guides/developers-guides/rounded-corners.html (https://www.elxis.org/guides/developers-guides/rounded-corners.html)

Καλό είναι να μελετήσεις τις βασικές αρχές css και το box model αν θες να ασχοληθείς με CSS.
Σε αυτό που έγραψες, αν πρόσεξες, έκανα 2 διορθώσεις (εφόσον αναφέρεσε σε css του elxis).

Title: Re: Βοήθεια σχετικά με CSS
Post by: evkarab on July 24, 2008, 08:07:56

Σας ευχαριστώ για την άμμεση απάντηση.Με βοήθησε πάρα πολύ.