Come si può replicare l'effetto in mobile di phpbbitalia?

[Zeus]

Mi riferisco alla barra in alto nel tema art_mobile di phpbbitalia: ?style=9
Mi piacerebbe ricreare un effetto simile, come posso fare? "Ispezionando l'elemento" vedo che è stato utilizzato un codice Javascript, si riuscirebbe con la stessa tecnica a far comparire o scomparire un'ombra nella barra a seconda della posizione della stessa? Mi spiego meglio, nel mio tema c'è una barra in alto visibile agli ospiti. Mi piacerebbe fare in modo che quando la stessa è ferma in alto, l'ombra non sia presente, ma appena questa inizia a muoversi farla comparire. Sostanzialmente sostituire l'effetto dell'opacità diminuita con un'ombra esterna in movimento, è fattibile? Ringrazio chiunque potrà darmi delucidazioni/dritte! Buona giornata!

[Zeus]

Ho chiesto al creatore dello stile, e mi ha detto di inserire questo codice nel CSS:

Codice: Seleziona tutto

#header-login.shadow {
-moz-box-shadow: 0px 1px 4px 1px #000;
-webkit-box-shadow: 0px 1px 4px 1px #000;
box-shadow: 0px 1px 4px 1px #000;
 }

E questo nel Javascript.

Codice: Seleziona tutto

$(document).ready(function() { $(window).scroll(function() { $('#header-login').toggleClass($(window).scrollTop() > 0) }); });

Ora, non capisco perché mi dica di metterci il "#", anche le altre volte mi aveva detto di metterci quello, ma non funzionava, mentre con il "." sì. Quindi non so se si sia sbagliato, non credo, ma non capisco nemmeno perché mi dica di fare così, forse intendo un altro procedimento?

Comunque non sono riuscito a risolvere la situazione, ho provato entrambi i metodi, sia con il cancelletto che con il punto, sia mettendoci ".phpbb" davanti, ecc. Ho provato a mettere il Javascript nel theme.js sotto ad /* un commento */ in alto. Ho guardato un po' come era l'impaginazione generale e l'ho piazzato lì. Ho svuotate cache, cookie, ecc. Refreshato il tema, ma niente. Che cosa sbaglio?