Elxis CMS Forum

Ελληνικό Forum => Πρόσθετα => Topic started by: nikos on December 02, 2014, 23:04:56

Title: Τίτλος εικόνας σε εμφάνιση lightbox
Post by: nikos on December 02, 2014, 23:04:56

Προσπαθώ να βρω μια λύση στο θέμα της εμφάνισης τίτλου εικόνας σε lightbox ειδικά όταν ο τίτλος είναι ολίγον μακρύς, διότι η δεύτερη αναδιπλούμενη γραμμή ωθεί την πρώτη εντός της εικόνας και γίνεται δυσδιάκριτη για να διαβασθεί.

Η εμφάνιση όπως είδα έχει να κάνει με τα αρχεία colorbox.css και colorbox_abs.css τα οποία δεν θα ήθελα να πειράξω διότι ανήκουν στο κύριο μέρος της elxis 4x εγκατάστασης, για αυτό ήθελα να ρωτήσω αν γίνεται κάπου άλλου να ορίσω μια css κλάσση ώστε να αλλάξω την εμφάνιση. Επίσης είδα ότι το λευκό border της εικόνας είναι image (border1.png). Σκέπτομαι αν το αλλάξω με μια css3 γραμμή προκειμένου να βγει το ίδιο οπτικό αποτέλεσμα, αν αυτό θα βοηθούσε ώστε ο τίτλος της εικόνας να εμφανίζεται πάντα εντός του λευκού border.

Καμμια ιδέα;

Title: Re: Τίτλος εικόνας σε εμφάνιση lightbox
Post by: nikos on December 03, 2014, 07:42:42

OK το βρήκα και είναι απλό

H γραμμή 33 #cboxLoadedContent{margin-bottom:20px;} στο αρχείο colorbox.css ρυθμίζει την απόσταση του τίτλου από την εικόνα εντός του λευκού border.

Και την γραμμή αυτή την όρισα εκ νέου όπως ήθελα στο template.css αρχείο του template μου χωρίς να πειράξω το αρχείο colorbox.css

/* custom colorbox display */
#cboxLoadedContent{margin-bottom:50px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:88%; color:#999;}

Στην δεύτερη γραμμή (#cboxTitle) τo width από 100% που ήταν το έκανα 88% για να μην πέφτει ο τίτλος πάνω στο button close