background image

[pouli_00]

Καλησπέρα σε όλους! Γνωρίζει κάποιος να με βοηθήσει στο πως θα προσαρμόσω την background photo στις διαφορετικού τύπου οθόνες? Εγω για παράδειγμα το site που σχεδίασα είναι σε 17αρα οθόνη! σε 21 δεν φαίνεται καλά και από ότι φαντάζομαι κ σε άλλες! δουλεύω σε joomla

Όποιος μπορεί να με βοηθήσει με απλά λόγια

[moserlx]

Είτε θα ορίσεις στο CSS ένα background color που να ταιριάζει με την φωτό που χρησιμοποιείς ώστε όταν κάποιον μπαίνει από οθόνη μεγαλύτερη να εμφανίζεται το χρώμα στα πλάγια, η θα κάνεις την φωτό σου μεγάλη ώστε να καλύπτει όλες τις αναλύσεις πχ 2000x2500 pixels.

[pouli_00]

Σαν ιδέα κ εγώ αυτή έχω κάνει! προγραμματιστικά εννοώ κάποια λύση! css ή κάτι άλλο, έχω βρεί κάτι http://css-tricks.com/perfect-full-page-background-image/ αλλά είναι λίγο δυσνόητα! Γι' αυτό ζητάω αν μπορεί κάποιος με απλά λόγια να με βοηθήσει

[moserlx]

Σαν ιδέα κ εγώ αυτή έχω κάνει! προγραμματιστικά εννοώ κάποια λύση! css ή κάτι άλλο, έχω βρεί κάτι http://css-tricks.com/perfect-full-page-background-image/ αλλά είναι λίγο δυσνόητα! Γι' αυτό ζητάω αν μπορεί κάποιος με απλά λόγια να με βοηθήσει

 

Φυσικά εύκολο είναι (αυτό που σου προτείνει το link είναι η λύση της μεγάλης εικόνας) για να σου πω όμως που ακριβώς πρέπει να τα προσθέσεις πρέπει να μας δώσεις το CSS του site σου ή ακόμη καλύτερα αν το έχεις κάπου online δώσε λινκ για να σου πω τι ακριβώς πρέπει να αλλάξεις και που.

[pouli_00]

αυτό είναι το css

template.css

[moserlx]

αυτό είναι το css

 

Γραμμές 237 και 239:

 

>  background-color: #ffffff;
 
 background-image: url('../images/Bottom_texture.jpg');

 

ορίζεις το χρώμα και το image που θα χρησιμοποιείς σαν background. Εκτός και αν έχεις κανένα περίεργο template οπότε εκεί θα πρέπει να το δω live ή να το δεις εσύ μέσω του Firebug για Firefox ή της επιλογής επιθεώρηση στοιχείου για τον Chrome

[pouli_00]

τι μου απάντησες τώρα! άλλο είναι το ερώτημα μου πως θα κάνω το background μου να φαινεται το ίδιο σε όλες τις οθόνες! Άμα δεν μπορείς να βοηθήσεις απλά μην απαντάς δεν πειράζει

[moserlx]

Σρυ ρε φίλε αλλά από τα στοιχεία που δίνεις αυτό κατάλαβα. Γίνε πιο συγκεκριμένος σε αυτό που σε ενοχλεί μιας και χωρίς να έχουμε δει το site πρέπει να συμπεράνουμε τι εννοείς γιατί πάμε στα τυφλά. Τσπ, εγώ αυτό κατάλαβα με το "σε 21 δεν φαίνεται καλά και από ότι φαντάζομαι κ σε άλλες!". Τώρα τι εννοείς εσύ σαν "δεν φαίνεται καλά" εσύ το ξέρεις καλύτερα. Όταν λες καλά? Είναι στραβό, δεν υπάρχει, απλά δε σου αρέσει, μπαίνει ότι να'ναι χρώμα;

 

Μακάρι να μπορέσει κάποιος να σε βοηθήσει πρέπει να του δώσεις να καταλάβει ποιο είναι το πρόβλημα, κι εμένα δε μου δουλεύει "καλά" το skype στο Ubuntu μετά το Upgrade, ότι κατάλαβες κατάλαβα.

 

Σρυ μάντες δεν είμαστε

[orotoi]

Και γω οπως ρώτησες και με τα στοιχεία που έδωσες, οτι σου απάντησε ο φίλος θα σου λεγα.. αλλα είδα το link που έβαλες και θες να γίνεται resize του image ανάλογα την ανάλυση (μη μπερδευεις τις ίντσες της οθόνης, η ανάλυση σε νοιάζει.. anyway) του χρήστη.

 

Πήγα να δω το css σου, αλλά είδα οτι είναι 2500 γραμμές οπότε σταμάτησα αμέσως.

Αυτό που χρειάζεται να κάνεις είναι να βάλεις στο css σου αυτο

 

>
html {
       background: url(images/bg.jpg) no-repeat center center fixed;
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: cover;
}

 

όπου images/bg.jpg, το path για το background image σου.

 

Το παραπάνω θα δουλέψει μόνο σε λογικούς browsers.

[andios]

ψαξε στο google για jquery supersized.