Page 1 of 1
Banner σε transparent background
Posted: Tue Jun 05, 2012 6:50 pm
by mixalplir
Καλησπέρα.Θέλω σε ένα blog φτιαγμένο σε wordpress να προσθέσω ένα banner(photo ή flash) στα sidebars.Μπορώ το βάλω με html σε ένα custom hmtl widget αλλά το πρόβλημα μου είναι ότι το background στη σελίδα είναι transparent ενώ στα widgets είναι άσπρο.Εγώ θέλω να εμφανίζεται μόνο η φωτογραφία.Μπορώ με κάποιο τρόπο να φτιάξω ένα ξεχωριστό widget που να έχει transparent background και τα υπόλοιπα να είναι κανονικά με λευκό background;
Ή εναλλακτικά γίνεται να προσθέσω κατευθείαν τον html κώδικα του banner στα αρχεία php των sidebar;
Re: Banner σε transparent background
Posted: Wed Jun 06, 2012 11:10 am
by Zifnab
Δεν ξέρω πολλά από wordpress και widgets αλλά παίζει να πειράξεις πράγματα από css ή javascript? Αν έχουν inline style κατά ανάγκη αν και κακή πρακτική χρησιμοποίησε !important δίπλα στους κανόνες του css για να μπορούν να κάνουν override τους inline κανόνες (σε περίπτωση που υπάρχουν)
Re: Banner σε transparent background
Posted: Wed Jun 06, 2012 2:27 pm
by mixalplir
Ναι μπορώ να πειράζω το css.Συγκεκριμένα το css που έχουν τα widgets στο δεξιό και αριστερό sidebar είναι
Code: Select all
.widget-container {
list-style-type: none;
list-style: none;
margin: 0px 2px 10px 5px;
padding:0px;
color: #0A246A;
font-size: 13px;
background: #ffffff;
Πως μπορώ να κάνω το override που περιγράφεις?
Re: Banner σε transparent background
Posted: Wed Jun 06, 2012 2:29 pm
by cyberpython
mixalplir wrote:Ναι μπορώ να πειράζω το css.Συγκεκριμένα το css που έχουν τα widgets στο δεξιό και αριστερό sidebar είναι
Code: Select all
.widget-container {
list-style-type: none;
list-style: none;
margin: 0px 2px 10px 5px;
padding:0px;
color: #0A246A;
font-size: 13px;
background: #ffffff;
Πως μπορώ να κάνω το override που περιγράφεις?
Αντί για
άλλαξέ το σε:
Re: Banner σε transparent background
Posted: Tue Jul 03, 2012 2:56 pm
by Luke
Αν και καθυστερημένα ας απαντήσω κι εγώ.
Αν κατάλαβα καλά τι θες να κάνεις δοκίμασε αυτό που λέει ο cyberpython για inherited background.
Επίσης καλύτερα να βάλεις καρφωτά τον κώδικα του widget/banner στο sidebar.php και εκεί να ορίσεις να έχει κάποιο ξεχωριστό class (ενδεχομένως και σε συνδυασμό με το !important που λέει ο Zifnab) το οποίο να έχει αυτό τον κανόνα ώστε να εφαρμόζεται μόνο σε αυτό το widget, δηλ. κάπως έτσι:
Code: Select all
.myclass
{
background:inherit !important;
}
Επίσης αν θες κάτω από αυτό το widget να εμφανίζονται και άλλα που τα έχεις όμως προσθέσει μέσα από το admin panel και για να μη χρειάζεται να τα περνάς όλα καρφωτά δες το παρακάτω άρθρο για να δημιουργήσεις 2η sidebar, την οποία θα προσθέσεις κάτω από την ήδη υπάρχουσα. Στο site θα φαίνεται σαν μία ενιαία και απλά θα απρεμβάλλεται το widget σου ενδιάμεσα.
Άρθρο