GDRCD 5.1 e custom scrollbar

GDRCD 5.1 e custom scrollbar postato il 09/10/2012 22:30:01 nel forum programmazione, gdrcd, open source, hosting

Salve ragazzi!

Ribadendo il concetto di essere piuttosto ignorante in materia (sono poco più che uno smanettone con molta pazienza), sto cercando di applicare delle custom scrollbar nel mio GDRCD 5.1, il tutto senza troppo successo, a dirla tutta.

Questa è la demo delle scrollbar che voglio applicare sono queste:
http://manos.malihu.gr/tuts/custom-scrollbar-plugin/multiple_scrollbars_example.html ↗
E qui c'è il paccetto per il download:
http://manos.malihu.gr/jquery-custom-content-scroller ↗

Seguendo le istruzioni, ho richiamato il css nell'head di header.inc.php, piazzando poi le tag di script prima alla fine del body, come dicevano le istruzioni e senza successo, per poi piazzarle nell'head: same result.

Non si vede semplicemente niente. Non appaiono. Nulla D: Cosa/Dove sto sbagliando?

War Thunder ↗
Aviazione, veicoli corazzati e flotte militari della seconda guerra mondiale. Parteciperai a tutte le principali battaglie!

quota

Pagine → 1

sorensen

SCRIVI

10/10/2012 02:25:21 e modificato da sorensen il 10/10/2012 02:25:47

Ok, Verdux, questa è una bella domanda =D

Pensavo fosse necessario, per poterlo applicare praticamente a tutte le scroll del sito, doverlo inserire solamente in header.inc.php.

Quindi a quanto ho capito dovrei, in teoria, richiamare le scrollbar in main-php, per esempio?

Intanto grazie per la risposta =)

Sea of Conquest ↗
Vivi un'avventura tra i mari! Dal cuore del Mare del Diavolo, un paradiso piratesco brulicante di magia, tesori e avventure, salperai verso l'ignoto!

quota

dyrr

SCRIVI

10/10/2012 09:22:48

Attenzione che le librerie di jquery vanno in conflitto con il javascript nativo di gdrcd 5.1 in quanto è stato usato il $ come variabile e devi attivare la modalità noconflict() di jquery per usarlo sul gdrcd:

http://api.jquery.com/jQuery.noConflict/ ↗

War Thunder ↗
Aviazione, veicoli corazzati e flotte militari della seconda guerra mondiale. Parteciperai a tutte le principali battaglie!

quota

sorensen

SCRIVI

10/10/2012 10:24:58

Qui l'affare si ingrossa.

Grazie mille Dyrr, appena avrò capito dove devo effettivamente mettere le mani ci farò attenzione.

Ho continuato a litigare per lungo tempo questa notte, senza raggiungere alcun risultato, e ammettendo i miei limiti sinceramente non so dove sto sbagliando.

Ho tentato di modificare sia header.inc.php che ref_header.inc.php (credo che il secondo sia quello corretto, a naso) inserendo jquery, jquery UI, jquery.mousewheel.min.js e jquery.mCustomScrollbar.js all'interno del tag <head>

Sono andato quindi a richiamare, prima nell'head poi nel body, mCustomScrollbar utilizzando il codice preso direttamente dalle istruzioni

Ho provato a smanettare su main.php, ma ancora non riesco ad applicare queste maledette custom scrollbar a tutto il sito. Anzi, diciamo che non si vedono proprio da nessuna parte. Nella mia ignoranza, dove sto sbagliando?

Sponsorizzati con noi! ↗
Sponsorizza il tuo gioco su GDR-online! Trova nuovi giocatori fra i migliaia di appassionati che ogni giorno visitano il portale!

quota

nucanplaythis

SCRIVI

10/10/2012 11:36:24 e modificato da nucanplaythis il 10/10/2012 12:00:23

Io sto già usando con successo queste scrollbar, proprio queste che hai segnalato ;) anche se non su gdrcd 5.1 ma su roba mia varia. In realtà sono molto semplici da usare...all'inizio qualche mese fa ho dovuto smanettarci un pò per capire come rigirarmele a piacimento, ti consiglio infatti di provare tutto su un unico file per comprenderle innanzitutto, prima di applicarle a tutto il sito che può essere un pò dispersivo. Fatti un file solo, includici librerie e css, smanettaci e vedi cosa ne cavi fuori. Ricordo che anche a me stranamente in un posto non apparivano e in altri si, si è trattato perlopiù di semplici regolazioni del css una volta che hai incluso script e librerie per bene ;)

Ti dico per esperienza che la cosa più stupida in cui si può incappare è fare il div che contiene il testo troppo largo da nascondere quello che contiene la scrollbar xD essendo di base un overflow:hidden. Non puoi applicarlo globalmente a tutte le scroll del sito perchè queste sono attribuite a div di diversa larghezza tra loro, mentre proprio la larghezza è un elemento fondamentale perchè si vedano ste cose, te lo dico per esperienza, ce la devi buttare singolarmente in ogni posto in cui la vuoi e devi andare a modificare il div già presente cambiandogli id nome e attributi, non si tratta solo di aggiungere la scrollbar, cambia proprio la concezione dell'intera situazione. Se lo applichi una sola volta a tutto il sito non funzionerà mai, perchè dubito fortemente che tutti i tuoi div del gioco abbiano gli stessi identici attributi.

Gli stessi realizzatori dello script consigliano qualora si volesse applicare la scroll a più elementi di allargare il css, sicchè si ha mcs_customscrollbox (mi pare, na roba del genere), mcs2_customscrollbox, mcs3_customscrollbox eccetera eccetera per tutte le voci, in modo da poter dare diverse impostazioni ai singoli div che ne necessitano, proprio perchè non li avrai mai tutti uguali. Inoltre la strada che stai percorrendo tu di mettere la scroll globalmente a tutto ti porterebbe (se funzionassero eh) al simpatico risultato che scrollando un box ti scrollano tutti quanti insieme anche se tu non li stai toccando, perchè in quel momento hai dato a tutti lo stesso id xD invece no, meglio sarebbe elaborare un pò più intelligentemente e opportunamente il css per espandere le classi e darne ognuna al suo div con le esigenze che quest'ultimo ha, ripetendo poi per tutti quelli nuovi lo script in fondo alla pagina, ovviamente, quello in cui determini la classe a cui applicare lo script. Lo ripeti per tutte le altre classi che hai creato e attribuito ai singoli div che devono scrollare...non puoi farli tutti sotto un unico id.

Poi come ti hanno suggerito è probabile che la cosa si complichi dovendo applicare lo script in GDRCD 5.1 che è già tutto pensato e stabilito, io troverei difficile applicarcele, mentre è facilissimo quando il file lo crei da solo "già pensato per queste scroll"

Dark Genesis ↗
Ascendi al cielo in Dark Genesis! Raduna potenti semidei, costruisci il tuo impero volante e scontrati in battaglie divine!

quota

sorensen

SCRIVI

10/10/2012 13:28:20

Nucan, grazie davvero di cuore! =D Col tuo commento ho capito molti degli errori che stavo commettendo, primo tra tutti il sottovalutare enormemente il casino in cui mi sono cacciato xD

Continuo a sperimentare, nel caso qualcuno avesse qualche suggerimento o un metodo meno casinistico per applicare delle custom scrollbar crossbrowser, gli sarei terribilmente grato se lo condividesse con me =D

Enlisted ↗
Guida la tua squadra di soldati in combattimenti su larga scala, con fanteria, veicoli corazzati e aerei della IIa Guerra Mondiale!

quota

nucanplaythis

SCRIVI

10/10/2012 14:16:03

sorensen ha scritto: Nucan, grazie davvero di cuore! =D Col tuo commento ho capito molti degli errori che stavo commettendo, primo tra tutti il sottovalutare enormemente il casino in cui mi sono cacciato xD

Continuo a sperimentare, nel caso qualcuno avesse qualche suggerimento o un metodo meno casinistico per applicare delle custom scrollbar crossbrowser, gli sarei terribilmente grato se lo condividesse con me =D

Non c'è di che xD Mi sono reso conto che stavi valutando male la cosa e che probabilmente non hai capito bene come funziona questa cosa...lui non aggiunge semplicemente le scroll, modifica i div perchè le abbiano, quindi è ciò che tu devi fare ai tuoi div, non basta aggiungere quello che trovi nel tutorial. Purtroppo è un pò complessa come scrollbar eh, si sa che per le cose "fighe" occorrono dei piccoli sforzi ma tutto sommato è abbordabile. Nel caso ti fosse proprio antipatica arrivato ad un certo punto puoi provare Jscrollpane, un altro script che aggiunge sempre scrollbar customizzate, non l'ho provato ma dicono sia più semplice.