Rotating banner και transparent πλαίσιο κειμένου

Εικόνα: Telumetar
Εκτός σύνδεσης
Εγγράφηκε: 25 Νοε 2011

Αγαπητοί φίλοι ,
Το συγκεκριμένο μόντουλο εκτός απο slider προσφέρει και δυνατότητα προσθήκης κειμένου στις εικόνες που θα εμφανίζονται στον slider. Επειδή όμως ορισμένες εικόνες είναι αρκετά φωτεινές θα ήθελα να μου πει όποιος γνωρίζει πως μπορώ να δημιουργήσω ένα κάθετο layout συγκεκριμένων διαστάσεων που θα διατρέχει την εικόνα και πάνω εκεί θα εμφανίζεται το κείμενο που θέλω, το οποίο θα έχει συγκεκριμένο transparency
Όπως προανέφερα το μόντουλο έχει δυνατότητα κειμένου ήδη ,οπότε ,το πως να το δημιουργήσω δεν ειναι πρόβλημα μου.

Εικόνα: Telumetar
Εκτός σύνδεσης
Εγγράφηκε: 25 Νοε 2011

Γνωρίζω ότι πρέπει να τροποποιήσω το 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;
}

Εικόνα: kostask
Εκτός σύνδεσης
Εγγράφηκε: 10 Φεβ 2010

Δεν είναι τελείως ξεκάθαρο το τι θέλεις να πετύχεις οπότε οι συμβουλές που σου δίνω είναι λίγο γενικές:

το 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/

Εικόνα: Telumetar
Εκτός σύνδεσης
Εγγράφηκε: 25 Νοε 2011

Ίσως να μην το έθεσα καλά. Αυτό το πλαίσιο το οποίο αναφέρω είναι όπως εδώ στο rotating banner αυτης της σελίδας

http://www.epp.teicrete.gr/

Εικόνα: kostask
Εκτός σύνδεσης
Εγγράφηκε: 10 Φεβ 2010

πολύ πιο κατανοητό τώρα :)

Αυτά που γράφω περί postition είναι για να τοποθετήσεις το στοιχείο στη θέση του.

Αυτό που βλέπω στο link που στέλνεις είναι ένα div που έχει ένα transparent png και μέσα σε αυτό βρίσκεται ένα άσπρο κείμενο και ένα link που μέσω css μοιάζει με κουμπί. Δεν υπάρχει ανάγκη για opacity.

Εικόνα: Telumetar
Εκτός σύνδεσης
Εγγράφηκε: 25 Νοε 2011

υπαρχει κάποιο μόντουλο λοιπόν που να παραμετροποιείται ώστε να γίνει σαν αυτό ίσως;

Υποβολή νέου σχολίου

  • Επιτρεπόμενες ετικέτες HTML: <a> <p> <span> <div> <h1> <h2> <h3> <h4> <h5> <h6> <img> <map> <area> <hr> <br> <br /> <ul> <ol> <li> <dl> <dt> <dd> <table> <tr> <td> <em> <b> <u> <i> <strong> <font> <del> <ins> <sub> <sup> <quote> <blockquote> <pre> <address> <code> <cite> <embed>
  • Μπορειτε να παραθέσετε άλλες δημοσιεύσεις με τα [quote] .
  • Αυτόματες αλλαγές γραμμών και παραγράφων.
  • Διευθύνσεις ιστού και e-mail μετατρέπονται αυτόματα σε παραπομπές.

Περισσότερες πληροφορίες για τις επιλογές μορφοποίησης

CAPTCHA
Αυτή είναι μια ερώτηση για την αποφυγή σπαμ εγγραφών και μηνυμάτων.