[lucaeffe]

Dal sito ufficiale ho scaricato GB
http://orangoo.com/labs/GreyBox/

Ho modificato alcune cose nella grafica.
Vorrei appicare tre sfondi diversi a seconda del link con cui lancio greybox.
Per sfondo intendo solo la parte superiore celeste dove sono presenti i bottoni NEXT, PREV, CLOSE.
Ecco l'immagine

http://img687.imageshack.us/img687/2177 ... olo1tg.png


Questa è la parte di css dove ho inserito uno sfondo.
Presente nel pacchetto scaricabile dal sito nel file css.

Codice: Seleziona tutto

.GB_header table{
    background-image:url(bg.png);
    margin: 0;
    width: 100%;
    border-collapse: collapse;
    height:75px;
}


Queste sono tre voci del menu a cui vorrei applicare tre sfondi differenti

Codice: Seleziona tutto

<li class="home"><a href="#"></a></li>
           
<li class="work"><a href="#"  onclick="return GB_showFullScreenSet(page_set, 1)"></a></li>
           
<li class="contact"><a href="#"  onclick="return GB_showFullScreenSet(page_set2,1)"></a></li>
           
<li class="curriculum"><a href="#"  onclick="return GB_showFullScreenSet(page_set3,1)"></a></li>

[......]

<script>
var page_set = [{'caption': 'Google', 'url': 'http://localhost/portfolio/gallery/burn_after.html'},
var page_set2 = [{'caption': 'Google', 'url': 'http://localhost/portfolio/form.html'}];
var page_set3 = [{'caption': 'Google', 'url': 'http://localhost/portfolio/pdf/CURRICULUM.pdf'}];
</script>


Ho provato in questo modo ma non ha funzionato

Codice: Seleziona tutto

.work .GB_header table .work{
    background-image:url(bg.png);
    margin: 0;
    width: 100%;
    border-collapse: collapse;
    height:75px;
}


li.contact .GB_header table .contact{
    background-image:url(bg2.png);
    margin: 0;
    width: 100%;
    border-collapse: collapse;
    height:75px;
}


Codice: Seleziona tutto

.GB_header2 table{
    background-image:url(bg2.png);
    margin: 0;
    width: 100%;
    border-collapse: collapse;
    height:75px;
}


<ul class="navigation_quick">



            <li class="home"><a href="#"></a></li>
            <li class="work"><a href="#"  onclick="return GB_showFullScreenSet(page_set, 1)"></a></li>
            <li class="contact"><a href="#"  onclick="return GB_showFullScreenSet(page_set2, 1)"></a></li>
            <li class="curriculum" class="GB_header2 table"><a href="#" onclick="return GB_showFullScreenSet(page_set3, 1)"></a></li>
           
           

</ul>



Mi sapreste consigliare una direzione in cui procedere?

[nicolas]

Ciao lucaeffe ,
da quanto vedo nel codice postato, l'ul non è all'interno di una tabella, di conseguenza non viene applicato il css.

Sintassi: css [ Scarica ] [ Nascondi ]

Sintassi: css [ Scarica ] [ Mostra ]

1. .navigation_quick .work {
2.     background-image:url(bg.png);
3.     margin: 0;
4.     width: 100%;
5.     border-collapse: collapse;
6.     height:75px;
7. }
8.  

In teoria, così dovresti impostare il tuo bg al li che ha la classe work.

Spero di esserti stato utile,
Saluti