Αγαπητοί φίλοι ,
Το συγκεκριμένο μόντουλο εκτός απο slider προσφέρει και δυνατότητα προσθήκης κειμένου στις εικόνες που θα εμφανίζονται στον slider. Επειδή όμως ορισμένες εικόνες είναι αρκετά φωτεινές θα ήθελα να μου πει όποιος γνωρίζει πως μπορώ να δημιουργήσω ένα κάθετο layout συγκεκριμένων διαστάσεων που θα διατρέχει την εικόνα και πάνω εκεί θα εμφανίζεται το κείμενο που θέλω, το οποίο θα έχει συγκεκριμένο transparency
Όπως προανέφερα το μόντουλο έχει δυνατότητα κειμένου ήδη ,οπότε ,το πως να το δημιουργήσω δεν ειναι πρόβλημα μου.
Γνωρίζω ότι πρέπει να τροποποιήσω το css του rotating banner Και πχ εκει που λεει
rb-textbox-type-header {
font-size: 16px;
font-weight: bold;
}
Και πράγματι στη περιοχή του κειμένου αλλάζει . Το πρόβλημα μου ειναι οτι το opacity επειράζει και τα γράμματα αλλά και το backround
.rb-textbox-type-header {
font-size: 16px;
font-weight: bold;
background: #666;
opacity: 0.5;
}
Δεν είναι τελείως ξεκάθαρο το τι θέλεις να πετύχεις οπότε οι συμβουλές που σου δίνω είναι λίγο γενικές:
το transparency όντως εφαρμόζεται σε όλο το στοιχείο επηρεάζοντας τόσο γράμματα όσο και background. Οπότε αν θέλεις transparency μόνο background καλύτερα να το κάνεις με ένα transparent png.
Επίσης για αυτό που θέλεις ίσως να σε βοηθήσει το position:relative του css. Αυτό που κάνει είναι να τοποθετεί το στοιχείο στη θέση του και μετά να το κουνάει με βάση τα offset (top, left/ bottom, right) που του δίνεις.
Αντίστοιχα το position:absolute το βγάζει τελείως από το flow της σελίδας και το τοποθετεί με βάση τα offset που του δίνεις ως το πρώτο γονικό του στοιχείο που το position του δεν είναι static.
Αν σε ενδιαφέρει η παραπάνω προσέγγιση (με το position) ένα πολύ καλό tutorial είναι το: http://www.brainjar.com/css/positioning/
Ίσως να μην το έθεσα καλά. Αυτό το πλαίσιο το οποίο αναφέρω είναι όπως εδώ στο rotating banner αυτης της σελίδας
πολύ πιο κατανοητό τώρα :)
Αυτά που γράφω περί postition είναι για να τοποθετήσεις το στοιχείο στη θέση του.
Αυτό που βλέπω στο link που στέλνεις είναι ένα div που έχει ένα transparent png και μέσα σε αυτό βρίσκεται ένα άσπρο κείμενο και ένα link που μέσω css μοιάζει με κουμπί. Δεν υπάρχει ανάγκη για opacity.
υπαρχει κάποιο μόντουλο λοιπόν που να παραμετροποιείται ώστε να γίνει σαν αυτό ίσως;