Gradient background σελιδας με σκια

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

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

Απάντηση
alex000
Δημοσιεύσεις: 3
Εγγραφή: 22 Ιουν 2010 12:20

Gradient background σελιδας με σκια

Δημοσίευση από alex000 » 22 Ιουν 2010 22:42

Καλησπερα,
ξερει κανεις πως μπορω να κανω gradient background σελιδας με παραλληλη μια σκια
πανω πανω..

Ξερετε ωστε να φαινεται το περιγραμμα της σελιδας με κατι σαν σκια..

Ευχαριστω !

GeorgeMak
Δημοσιεύσεις: 23
Εγγραφή: 10 Ιουν 2010 20:26

Gradient background σελιδας με σκια

Δημοσίευση από GeorgeMak » 23 Ιουν 2010 03:23

Γίνεται με css 3.0 transitions (google that) αλλά δε θα σου παίζει σε Internet Explorer οπότε καλύτερα φτιάξε ένα image με τη σκιά της αρεσκείας σου στο ps και το αποθηκεύεις ως .png με transparent background και μικρό width 1px για να έχει μικρό μέγεθος στη συνέχεια βάζεις το εξής css:
body{ background: #<background-color> url('<filename.png>') repeat-x; }

όπου: <background-color> το χρώμα του body σε hex, <filename> το όνομα του αρχείου που έφτιαξες και repeat-x για να το επαναλαμβάνει ο browser οριζόντια στην οθόνη για οσοδήποτε μεγάλη ανάλυση. Με αυτό θα κολλήσει τη σκιά στο πάνω μέρος της σελίδας και όλο το υπόλοιπο θα έχει color <background-color>.

alex000
Δημοσιεύσεις: 3
Εγγραφή: 22 Ιουν 2010 12:20

Gradient background σελιδας με σκια

Δημοσίευση από alex000 » 24 Ιουν 2010 11:56

Οκ ευχαριστω !

Απάντηση

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

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

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