Backround picture και pixelised image

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

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

Απάντηση
Άβαταρ μέλους
dionisis71
Δημοσιεύσεις: 238
Εγγραφή: 04 Μάιος 2009 22:15
Επικοινωνία:

Backround picture και pixelised image

Δημοσίευση από dionisis71 » 21 Ιουν 2011 19:22

Παιδιά καλησπέρα,

Με αφορμή το tutorial Css3:Rounded Corner Div (ευχαριστώ joakim ήταν πολύ ωραίο....) ξεκίνησα σιγά σιγά να παίζω με css. Μετά τα rounded corners θελησα να:
• Να κάνω διάφανα div boxes
• Και να βάλω background μια φωτογραφία..
Στην ουσία κατάφερα αυτό που ήθελα με μερικά "αλλά" και εδώ θέλω την βοήθεια σας. Στο παρακάτω link έχω ανεβάσει αυτό που έφτιαξα με τα εξής "θεματα":
• Τα check box images δείχνουν pixelιασμένα και δεν μπορώ να καταλάβω γιατί..
• Το γράμμα «π» το εμφανίζει κάπως παράξενα.. Σε άλλον υπολογιστή το δείχνει μια χαρά…
• Και τέλος όταν μικραίνω το παράθυρο το browser ως προς το πλάτος η φωτογραφία δεν μένει κολλημένη στο background… σιγουρα είναι θέμα «τεχνικής» που ακολοθούμε σε αυτές τις περιπτώσεις.. Υπάρχει κάποια minimum ανάλυση της φωτό που χρησιμοποιούμε…;

Αυτό είναι το css χρησιμοποιώ για την φωτογραφία…
body
{
background: #40413c url('../images/background2.jpg');
background-position: center top;
background-repeat: no-repeat;
background-size: 100%;
position: fixed;
}
Ευχαριστώ

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6236
Εγγραφή: 30 Νοέμ 2004 03:09

Backround picture και pixelised image

Δημοσίευση από fafos » 21 Ιουν 2011 20:32

1. ta check boxes einai gif... sta gifs h skia (shadow) pixeliazei otan to background den einai leuko.. prepei na ta vreis se png transparent


2. h diafora tou π einai stis grammatoseires pou xrhsimopoieis... eite tha valeis grammatoseires symvates se olous (Arial, Verdana klp) h tha xrhsimopoihseis to cufon an thes oposdhpote autes tis grammatoseires ( http://cufon.shoqolate.com/generate/ )

3. prepei na xrhsimopoihseis kapoio script pou vriskei thn analysh tou kathe xrhsth kai analoga prosarmozei to background opos auto: http://nanotux.com/blog/fullscreen/
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
dionisis71
Δημοσιεύσεις: 238
Εγγραφή: 04 Μάιος 2009 22:15
Επικοινωνία:

Backround picture και pixelised image

Δημοσίευση από dionisis71 » 21 Ιουν 2011 20:41

Σε ευχαριστώ πολύ για τα links fafos.. για να δούμε...

Απάντηση

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

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

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