Φωτεινά γράμματα....

[evnomia]

Καλημερα,

ξερετε πως μπορούμε να δημιουργήσουμε φωτενά γραμματα?

 

και ισως επειδή δεν ειμαι και τόσο κατανοητή...

 

παρακάτω μια εικόνα για τι περίπου θέλω να κάνω..

[bnvdarklord]

βαλε το εξής CSS εκεί που θες αυτό το εφέ

 

text-shadow: 0px 0px 15px blue;

 

Τα πρώτα 2 px ειναι θεση της σκιας σε σχεση με το κειμενο και ειναι 0 για να ειναι ακριβως απο πισω. Το 3ο px που ειναι 15 ειναι ποσο θολή θες να είναι η σκιά σου, οποτε θα φαινεται σαν να φωτίζει... Και τελος βαζεις το χρώμα που θες πχ blue.

[evnomia]

Απίστευτα γρήγορος!!!

Ευχαριστώ!

 

που μπορώ να βρω ετσι λιγο πιο περιεργα πραγματακια?

οπως αυτό ... αλλα και γραμματοσειρά εκτος από τις κλασσικές?

 

Π.χ. αυτο που μου ειπες τώρα στο w3schools δεν ....το χει

[bnvdarklord]

οντως το συγκεκριμενο στο w3schools απλα το αναφέρει, το ειχα βρει στο google ψαχνοντας για text shadow...

Αλλα εδω

>http://www.w3schools.com/css/default.asp

Εχει αρκετά πραγματα για CSS ωστε να μπορείς να πάιξεις αρκετά... Και αν θες να κανεις κατι συγκεκριμένο που δεν το βρησκεις, ψαξε και στο google.... για να βαλεις αλλη γραμματοσειρα εκτος των κλασσικών το πρόβλημα ειναι οτι αν οι χρήστες που θα επισκεφτούν το site σου δεν την εχουν εγκαταστημένη, θα βλέπουν μια κλασσική, οπότε δεν εχει ιδιαίτερο νόημα...

[alexandr0s]

Ψάξε το λίγο παραπάνω γιατί απ' ότι ξέρω το text-shadow δεν υποστηρίζεται το ίδιο από όλους τους browsers.

[annakoutli]

Καλημερα,

ξερετε πως μπορούμε να δημιουργήσουμε φωτενά γραμματα?

 

και ισως επειδή δεν ειμαι και τόσο κατανοητή...

 

παρακάτω μια εικόνα για τι περίπου θέλω να κάνω..

 

Οτιδήποτε θέλεις να μάθεις για την χρήση του CSS, καλύτερα να τα μαθαίνεις από την πηγή

 

http://www.w3.org/

 

και ειδικά για το text shadow αλλά και άλλα τέτοια από εδώ

 

http://www.w3.org/Style/Examples/007/text-shadow

 

Συμφωνώ με τον alexandr0s το text shadow υποστηρίζετε από ελάχιστους browsers και μόνο από τις τελευταίες τους versions. Είναι μέρος του CSS3. Είναι πολύ ωραίο και καλό να το γνωρίζεις αλλά περίμενε λίγο πριν τα χρησιμοποιήσεις ευρέως. Φαντάζεσαι η ιστοσελίδα να δείχνει πολύ cool σε σένα και ο πελάτης να βλέπει άλλα?

 

Εναλλακτικά μπορείς να αντικαταστήσεις το κείμενο με εικόνα. Αν θέλεις οποσδήποτε να υπάρχει κείμενο εκεί βάλε την εικόνα σε background στο CSS και μαζί βάλε text-indent: -9000px; . Το μόνο αποδεκτό hack για την μη εμφάνιση κειμένου στη σελίδα από τα crawlers. Όπως κατάλαβες θα υπάρχει κείμενο στην HTML αλλά δεν θα φαίνεται στη σελίδα και χωρίς κανένα πρόβλημα τύπου SEO.

[antonisid]

Να ρωτησω κατι κι εγώ...το http://www.w3.org/ είναι η σελίδα βασει της οποιας ο σωστός κώδικας html & css θεωρείται valid?

[annakoutli]

Να ρωτησω κατι κι εγώ...το http://www.w3.org/ είναι η σελίδα βασει της οποιας ο σωστός κώδικας html & css θεωρείται valid?

 

Ναι όντως και υπάρχει και ειδική σελίδα για validation πολύ καλή.

 

http://validator.w3.org/

 

Στη δική μας εταιρεία κατασκευής ιστοσελίδων κάνουμε πάντα ένα πέρασμα.

 

Από εκεί παίρνεις και το ειδικό σηματάκι, αφού περάσεις με επιτυχία. Υπόψιν αν έχεις μέσα στη σελίδα .php ή flash κάνε τεστ το url και όχι τον κώδικα γιατί βλέπει πολλά λάθη που δεν ισχύουν στην ουσία.

[antonisid]

ακομα κι αν εχω αρχεια php που εμφανιζονται με Include?

[annakoutli]

ακομα κι αν εχω αρχεια php που εμφανιζονται με Include?

 

Σου προτείνω να το κάνεις validate με το url ,έτσι κι αλλιώς το ίδιο είναι. Το αποτέλεσμα θέλεις να τσεκάρεις όχι την .php.

[alexandr0s]

Εναλλακτικά αν θες να έχεις cross browser compatibility (σε browsers που υποστηρίζουν javascript) υπάρχουν jQuery plugins που σου δίνουν το επιθυμητό αποτέλεσμα (text shadow)