Εμφάνιση εικόνας ως background στο footer

Μια περιοχή για το WordPress, αυτή την δημοφιλή δωρεάν πλατφόρμα για blogging

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

Απάντηση
Άβαταρ μέλους
Aflex
Δημοσιεύσεις: 1769
Εγγραφή: 16 Δεκ 2007 16:40

Εμφάνιση εικόνας ως background στο footer

Δημοσίευση από Aflex » 13 Μάιος 2009 03:16

Ωραία, ας υποθέσουμε πως έχω μια εικόνα που θέλω να βάλω στο footer μου, την εξής: http://www.aflets.com/blog/wp-content/t ... footer.jpg .

Δοκίμασα να την βάλω μέσω κώδικα στο footnotes του style.css. Έπειτα δοκίμασα στο footer.php με αντίστοιχο του κώδικα. Η φωτό όμως δεν φαίνεται.

Κάθε βοήθεια θα μου ήταν υπέρ-χρήσιμη. Ευχαριστώ. :)

Υπενθυμίζω, θέλω να βάλω την εικόνα στο background της σελίδας (του footer ουσιαστικά)

Άβαταρ μέλους
vassilism
Δημοσιεύσεις: 1950
Εγγραφή: 17 Μαρ 2007 14:47
Επικοινωνία:

Εμφάνιση εικόνας ως background στο footer

Δημοσίευση από vassilism » 13 Μάιος 2009 03:41

Καλύτερα να το βάλεις στο style.css.
Έπειτα τσεκάρισε αν το path της εικόνας που δίνεις είναι σωστό.
Ίσως το θέλει ολόκληρο wp-content/themes/modern-clix/images/bg_footer.jpg, δεν ξέρω από πού το καλεί.
Αν δεν σου εμφανιστεί δοκίμασε να καθαρίσεις την cashe και να κάνεις ανανέωση την σελίδα.

Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8574
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

Εμφάνιση εικόνας ως background στο footer

Δημοσίευση από Basilakis » 13 Μάιος 2009 08:36

Κώδικας: Επιλογή όλων

#footer {
	clear: both;
	margin: 0; padding: 25px 0;
	font: normal 13 'Trebuchet MS', Tahoma, sans-serif;
	text-align: left;	
	background: url(images/footer2.png);
	color: #000000;
	height: 150px;
}
Τσέκαρε το footer του Jailbait.gr είναι το παραπάνω CSS όσο αναφορά το background. Μετά έχω βάλει μέσα 2 στήλες, αλλα δεν νομίζω πως το χρειάζεσαι αυτό ;)

Άβαταρ μέλους
Aflex
Δημοσιεύσεις: 1769
Εγγραφή: 16 Δεκ 2007 16:40

Εμφάνιση εικόνας ως background στο footer

Δημοσίευση από Aflex » 13 Μάιος 2009 15:01

Δεν προ-υπήρχε κώδικας για το footer, παρά μόνον για τα footnotes. Βλέποντας ένα άλλο blog με το ίδιο theme, το παλικάρι πείραξε μόνο το footnotes κώδικα, και έτσι έκανα και εγώ στην αρχή. Δεν έγινε τίποτα όμως.

Έπειτα προσέθεσα τον κώδικα που μου έστειλες Bill, αλλά δεν γίνεται κάτι. Ακόμα να φανεί η εικόνα στο footer

Άβαταρ μέλους
ThyClub
Honorary Member
Δημοσιεύσεις: 5312
Εγγραφή: 17 Νοέμ 2003 00:21
Τοποθεσία: Hell's Kitchen
Επικοινωνία:

Εμφάνιση εικόνας ως background στο footer

Δημοσίευση από ThyClub » 13 Μάιος 2009 15:10

Aflex έγραψε:Ωραία, ας υποθέσουμε πως έχω μια εικόνα που θέλω να βάλω στο footer μου, την εξής: http://www.aflets.com/blog/wp-content/t ... footer.jpg .
Η εξής μου βγάζει not found error :wink:

Άβαταρ μέλους
Aflex
Δημοσιεύσεις: 1769
Εγγραφή: 16 Δεκ 2007 16:40

Εμφάνιση εικόνας ως background στο footer

Δημοσίευση από Aflex » 13 Μάιος 2009 15:26

Ναι. Την άλλαξα πριν δύο λεπτά ThyClub σε bg-footer.jpg και όχι bg_footer, μπας και το _ έκανε την διαφορά! Ευχαριστώ για την παρατήρηση. Είμουν αρκετά προσεκτικός όμως, δεν φταίει το λινκ της εικόνας!

Αnyways, το βρήκα το πρόβλημα. Είχα ξεχάσει ένα % στον ακόλουθο κώδικα. Τώρα φαίνεται η εικόνα.

Κώδικας: Επιλογή όλων

#footnotes {
        background: url(/blog/wp-content/themes/modern-clix/images/bg-footer.jpg) no-repeat scroll 0% 60%;
	border-top: 1px solid #333333;
	overflow: hidden;
	clear: both;
        padding: 1em 0 4em;
}
Όμως έχω άλλο πρόβλημα τώρα. Πώς μπορώ να κάνω resize την εικόνα μέσω κώδικα, για να γίνει μεν πιο μικρή, αλλά να φαίνεται καλύτερη από ότι τώρα? :P

edit: Αποφάσισα να ακολουθήσω τελίως minimalistic στυλ. Εν ολίγης, καμία εικόνα στο design του blog (άντε μια, ίσως στο header, αργότερα όμως). Οπότε εν μέρη είναι solved το θέμα με το footer :pint:

Απάντηση

Επιστροφή στο “WordPress γενικά”

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

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