Κόψιμο εικόνας για css - Τις προτάσεις σας

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

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

Απάντηση
bikey77
Δημοσιεύσεις: 28
Εγγραφή: 23 Νοέμ 2010 00:19

Κόψιμο εικόνας για css - Τις προτάσεις σας

Δημοσίευση από bikey77 » 19 Σεπ 2011 10:53

Έχω σχεδιάσει ένα layout για site και με προβληματίζει λίγο το slicing.
Εδώ θα βρείτε το layout [http://imageshack.us/f/853/unled5cz.jpg/] και θα ήθελα να ακούσω τις προτάσεις σας για το πως να κόψω την εικόνα ώστε να μην έχουμε πρόβλημα με το scrolling. Το δύσκολο είναι οι μαύρες γραμμές δεξιά και αριστερά, το υπόλοιπο λέω να το κόψω όπως φαίνεται και στην εικόνα.

Δεκτές και προτάσεις για εναλλακτικούς τρόπους όπως πχ scrolling divs.
Χάζευε κι ας ειν' και ρώγες...

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Κόψιμο εικόνας για css - Τις προτάσεις σας

Δημοσίευση από korgr » 19 Σεπ 2011 12:18

Για τις μαύρες γραμμές:

Πάρε ένα κομμάτι πχ ύψους 500px
Βάλτο στο photoshop
Κάνε duplicate το layer
Το νέο layer flip horizontal
Διπλασίασε το canvas size και τοποθέτησε το ακριβώς κάτω από το πρώτο layer έτσι ώστε το κάτω μέρος του πρώτου να δένει αρμονικά με το πάνω μέρος του δεύτερου (το flip σου εξασφαλίζει αυτή την ακρίβεια).
Τώρα συνολικά έχεις μαύρες γραμμές ύψους 1000px
Αυτό το image χρησιμοποίησε το για τις κάθετες γραμμές (ένα αριστερά και ένα δεξιά του θέματος) ως background με repeat-y

Tip:
Έχε τις γραμμές μόνες τους ως png transparent ώστε να σου κάθονται πάνω σε οποιοδήποτε άλλο background.

bikey77
Δημοσιεύσεις: 28
Εγγραφή: 23 Νοέμ 2010 00:19

Κόψιμο εικόνας για css - Τις προτάσεις σας

Δημοσίευση από bikey77 » 19 Σεπ 2011 12:37

Κάπως έτσι το σκέφτομαι κι εγώ... αλλά σκεφτόμουν μήπως είναι καλύτερο να είχα ένα δεξί και αριστερό div μόνο με τις γραμμές και να "κάθονται" πάνω από τα όρια της σελίδας, οπότε ουσιαστικά το bg του κεντρικού div έχει το μπεζ φόντο χωρίς τις γραμμές.

Λίγη έμπνευση σε ότι αφορά τα styles χρειάζομαι... πως δηλαδή να στήσω τα divs μεταξύ τους για το καλύτερο δυνατό αποτέλεσμα.
Χάζευε κι ας ειν' και ρώγες...

Απάντηση

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

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

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