Aiuto CSS.

Andrea Marucci · 8 Agosto 2014

Ciao a tutti, ho provato a scrivere su XF.com ma per ora nessuno mi ha risposto. Ci provo anche qui per un piccolo problema estetico che mi assilla da tempo. Forse qualcuno qui dentro aveva cercato di darmi una mano tempo fa ma non ricordo bene...

Il mio forum è qui

http://forum.kog.it

e ho implementato un sistema che mi permette di avere l'header fisso e la parte inferiore scorrevole. Se provate capite cosa intendo.

il problema è che se io entro, vedo i nuovi messaggi e clicco su di un thread, lui mi porta al primo nuovo messaggio ma me lo mostra così

invece che così come dovrebbe essere

Non sono in grado di risolverlo da solo ma sono certo che sia solo un semplice pezzo di CSS che dovrebbe avere un valore differente invece di quello standard che, ovviamente, non tiene conto che c'è il pezzo in alto che rimane sempre fisso e visibile.

C'è qualcuno così gentile che potrebbe aiutarmi?

netkingZ · 8 Agosto 2014

A me al caricamento della pagina non succede quello che succede a te , mi succede solo dal momento che faccio <-- Indietro ( tornando alla pagina precedente ).
Io ho provato con Chrome.

netkingZ · 8 Agosto 2014

Forse una soluzione elegante potrebbe essere JQuery con questo script:

Codice:

<script>
$(document).ready(function() {
                setTimeout(function() {
                        $('HTML body').animate({
                               scrollTop: 0
                         }, 'fast');
        }, 100);
});
</script>

Cosi dovresti essere certo che non appena carica la pagina l'Header è posizionato correttamente e questo avverrebbe in nel giro di 1 sec.

Se vuoi inserire questo codice puoi inserirlo nel PAGE_CONTAINER nei template.

P.S.: Non so se vale anche se clicck su <-- Indietro , ma ti consiglio di provarlo.

Kintaro · 12 Agosto 2014

tramite CSS in teoria dovrebbe funzionare usando li.message:before

guarda qui:
http://css-tricks.com/examples/HashLinksWithPadding/pseudo.php
e qui:
http://stackoverflow.com/questions/10732690/offsetting-an-HTML-anchor-to-adjust-for-fixed-header

dacci un occhio

altrimenti come dice @netkingZ in jquery. Per esempio penso che anche digitalpoint usi jquery perché ci mette un po' a sistemarsi, ma non ho controllato

Andrea Marucci · 15 Agosto 2014

Grazie a tutti e scusate il ritardo della mia risposta. Proverò appena possibile il suggerimento di netkingZ, non perché quello di kintaro non vada bene ma semplicemente perché non sono in grado di implementarlo, mentre l'altro sembra più alla mia portata.

Forse @netkingZ a te non funziona come dico, ma solo tramite il back, perché non sei un utente registrato. Al limite provo il tuo suggerimento e poi ti creo un accesso, se ti va, così puoi vedere in real time come funziona.

Grazie ancora...

Andrea Marucci · 15 Agosto 2014

netkingZ ha scritto:
puoi inserirlo nel PAGE_CONTAINER nei template.

Provato a metterlo appena prima di </head> in PAGE_CONTAINER ma non succede assolutamente nulla. L'ho posizionato correttamente o devo metterlo altrove?

Grazie

netkingZ · 15 Agosto 2014

Nel file PAGE_CONTAINER appena dopo <head> inserisci:

Codice:

<script src="http://code.jquery.com/jquery-latest.min.JavaScript" type="text/JavaScript"></script>

<script>
   $(document).ready(function() {
             setTimeout(function() {
                         $('HTML body').animate({
                                         scrollTop: 0
                          }, 'fast');
             }, 100);
});
</script>

Andrea Marucci · 16 Agosto 2014

Grazie e scusa per l'incompetenza. Ho provato ma si comporta esattamente come prima nel senso che il primo post non letto viene tagliato...

netkingZ · 16 Agosto 2014

Andrea Marucci ha scritto:
Grazie e scusa per l'incompetenza. Ho provato ma si comporta esattamente come prima nel senso che il primo post non letto viene tagliato..

Molto probabilmente sbagli qualcosa , il codice funziona.

Andrea Marucci · 16 Agosto 2014

Sicuramente. Ho fatto una prova veloce copiando e incollando e ho controllato nel codice della pagina che fosse presente il tuo codice, però non sono riuscito a vedere alcuna differenza. Riproverò quando ho un filo più di tempo e ti farò sapere...

Andrea Marucci · 9 Settembre 2014

ho trovato su xenforo un Add-on che lo fa automaticamente così forse risolvo tutti i problemi...

Aiuto CSS.

Andrea Marucci

Admin XenForo

netkingZ

Admin XenForo

netkingZ

Admin XenForo

Kintaro

Custode del Forum

Andrea Marucci

Admin XenForo

Andrea Marucci

Admin XenForo

netkingZ

Admin XenForo

Andrea Marucci

Admin XenForo

netkingZ

Admin XenForo

Andrea Marucci

Admin XenForo

Andrea Marucci

Admin XenForo

Perchè dovresti Registrarti?

Discussioni simili a questa

Membri Iscritti online

Nuove Discussioni

Ultimi Messaggi sui Profili

Condividi questa Pagina

Discussioni Simili