[Risolto] GreyBox e piccola modifica ai css

[lady r]

utilizzo GeyBox sia su Joomla che su phpBB

Avrei bisogno di apportare una piccola modifica, ma non capisco dove modificare per ottenere il risultato voluto.

Vorrei che la barra di navigazione che permette di scorrere le imagini fosse semitrasparente, e al passaggio del mouse diventasse opaca.

Per fare ciò dovrei modificare l'attributo opacity e aggiungere la classe BG_overlay:hover in cui impostare l'opacità a 1

Solo che il css dell'opacità non è inserito in gb_styles.css  ma direttamente nel codice html con l'attributo styles="opacity: 1;"

Ho cercato in loader_frame.html ma non trovo niente da modificare... Qualcuno saprebbe indicarmi come apportare questa modifica? Grazie.

(Scrivo qua perchè esiste un estensione per Joomla che permette di utilizzare GreyBox come plugin)

PS. forse andava nella sezione gallerie... scusate..

[lady r]

sicuri sia la sezione piu' adatta qui?... mica è un template GreyBox...   

[lady r]

pls?

[lady r]

nessuno capisce come fare? 

[adottauncane]

Ma... forse sì, però probabilmente servirebbe un link al sito (alla pagina). Magari non molti sanno cosa sia GreyBox (me compresa)...

[adottauncane]

E poi gey box o grey box?

[lady r]

se ho scritto GreyBox sarà GreyBox ^.^"

è quello che appare cliccando su un immagine negli articoli:
http://www.allise.net/home/Novita-home/aggiornamento-14-aprile.html

[adottauncane]

utilizzo GeyBox sia su Joomla che su phpBB

Se è per questo hai scritto anche GeyBox...

Per far diventare la fascetta trasparente basta aggiungere l'opacity con !important in modo che sovrascriva lo style:

Codice: [Seleziona]

.GB_header {
    border-bottom-color: #555555;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-top-color: #555555;
    border-top-style: solid;
    border-top-width: 2px;
    left: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    opacity: 0.5 !important;
    position: absolute;
    top: 10px;
    z-index: 500;
}
Non so se funziona anche con IE che ha problemi di solito con l'opacità, e non so se si possa rendere opaca al passaggio del mouse...

[lady r]

scusa non me n'ero accorta 

Grazie per la dritta, impostando l'attributo con !important ora funziona.

ho aggiunto poi la voce :hover e impostato l'opacità ad 1 per farsì che al passaggio del mouse si opacizzi

Qui il CSS completo:

Codice: [Seleziona]

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
    opacity: 0.5 !important;
}

.GB_header:hover {
    opacity: 1 !important;
PS. ora però ho un problema, cliccando nella Home su un immagine, si vede correttamente la barra. ma nelle altre pagine la barra non ha lo sfondo e i tasti son alla rinfusa..

la modifica su phpbb invece va perfettamente dappertutto!

PS2. Ops, m'ero scordata di chiudere le graffa dopo il tag :hover ^.^"

a posto ora