Mini-guida alla personalizzazione del template SPORT DIGGA!

[adottauncane]

Ciao a tutti,
ho scritto una piccola guida alla personalizzazione del template SPORT DIGGA! Il template è carino, quasi del tutto personalizzabile da backend, adatto a chi vuole una grande slideshow come sfondo ai moduli, magari per la home page.
C'è anche una piccola parte sull'uso della Classe e del Suffisso Classe Modulo.

Link all'articolo: http://www.joomla.it/articoli-community-3x-tab/7368-mini-guida-alla-personalizzazione-del-template-sport-digga.html

[matty80]

Grandissima..... ottimo lavoro e per di più template responsive!!!
COMPLIMENTONI!!!

[adottauncane]

Grassie. 

[BelinBelan]

Chiaro, esaustivo, un ottimo regalo di fine anno..

[adottauncane]

Allora Buon Anno! 

[joepattume]

Buonasera,
intanto grazie per tutte le utili informazioni sul template.
Mi sono messo a lavorarci un  po' su e ci sono alcune cose su cui, se possibile, vorrei avere un chiarimento.
La prima è che la modifica con il css custom funziona, ma porta con se l'indesiderabile conseguenza che
lo spazio in pixel impostato viene riportato anche alla seconda riga dei moduli in posizione showcase. Succede quindi che i vari moduli risultano molto distanti già con uno schermo normale (browser Crome); stringendo poi la finestra del browser e sfruttando l'adattività del template le cose peggiorano di molto. Credo che il risultato su di uno smartphone sia altrettanto disgraziato.
Ho provato quindi a usare le posizioni più alte, ma rompono vigorosamente le balle al menu che cessa di funzionare.
Grato per ogni genere di suggerimento

[adottauncane]

Ciao joepattume,
benvenuto nel forum 
serve un link al sito e la spiegazione di cosa vuoi fare e dove.

[joepattume]

Grazie adottauncane.
Il sito è crossailing.it. Ora i moduli sono ben compatti con una buona visualizzazione su smartphone, ma troppo alti.
Ciò che vorrei è farli scendere, magari adottando anche un breve testo, così come si vede nella presentazione ufficiale su http://www.crosstec.de/templatedemos9/.
Non ci riesco.
Grazie ancora.

[adottauncane]

Pubblica un file HTML personalizzato con la frase che vuoi nella posizione top-a. Nel modulo metti un Suffisso classe CSS modulo e scegli xhtml nello Stile del modulo.

Poi scrivi il css personalizzato per quel modulo con quel suffisso. Se hai bisogno di una mano, dopo averlo pubblicato, riposta qui.

[joepattume]

Grazie.
Mi sopravvaluti.
Ora ci studio un poco.
Ma con entusiasmi contenuti.

[adottauncane]

Un entusiasmo contenuto è l'approccio che preferisco. Evita di rimanere delusi.
Metti un link al sito con il modulo pubblicato e il Suffisso come ho scritto prima (vedi anche una spiegazione più dettagliata nell'articolo o qui solo per la parte modulo, il template lì descritto è diverso, magari il css che serve a te non è quello che ho scritto lì).
Eventualmente il css te lo scrivo io... vedrai che è semplice una volta capito il trucco.

[joepattume]

Adottauncane buongiorno.
Modulo html fatto, ma non riesco a capire come si possa attribuire lo stile xhtml.
Nel tuo dettaglio vedo l'applicazione di un modulo menu.
Il link al sito è www.crossailing.it
Ancora grazie e buona domenica


Non ho mai adottato un cane, ho sempre avuto figlie naturali.

[adottauncane]

Dove hai messo il Suffisso _min, l'ultima voce in fondo alla pagina, Stile modulo, c'è una tendina. Di lì scegli xhtml.

Sì possono avere figlie naturali e adottare un cane... Le figli naturali ne sarebbero lietissime.

[adottauncane]

In realtà andrebbe bene anche solo con il suffisso...

Come è adesso il css da aggiungere sarebbe:

Codice: [Seleziona]

.custom_min {margin-top:180px !important;}
Però, come avevo scritto nell'articolo, se non usi una posizione slide show viene quella fascia nera sotto la slide, che si può cambiare in bianco, ma rimane comunque uno spazio.

Perciò suggerivo di usare solo posizioni slideshow.

Puoi anche mettere due riquadri nello stesso modulo e usare la prima delle posizioni slideshow per la frase.

[joepattume]

OK
provo
ty

[joepattume]

Adottauncane buondì.
Il tedesco di sportdigga, che è di precisione, ha indicato la seguente strada:
- creare un modulo html (con o senza contenuti) in posizione showcase-a aggiungendo al modulo stesso il suffisso

ct-first-showcase
In seguito occorre spostare le posizioni dei moduli presenti in modo che  “showcase-a” diventi “showcase-b” e così via.


La cosa funziona, ma il layout del template ha bisogno di essere impostato su 4 posizioni e non più su 3. Questo sbilancia il tutto verso sinistra.
www.crossailing.it
Che ne pensi?

[adottauncane]

Farei questa prova. In showcase-a metti solo la frase e la pubblichi.
In showcase-b due moduli, in showcase-c altri due e in showcase-d uno o due come ti serve.
Fissi a tre la posizioni, come prima, ma metti un suffisso nel modulo che pubblichi in showcase-a. Prova così e poi vediamo se si aggiusta. Non mettere css aggiuntivi, li mettiamo dopo.

[adottauncane]

No, non va. E come dice il tedesco hai provato?

[adottauncane]

Allora fai come dice il tedesco, metti il suffisso: ct-first-showcase nel modulo della frase.
Fissa le posizioni a 3 e non a 4.

Poi aggiungi questo css al file costum

Codice: [Seleziona]

.rt-block.ct-first-showcase .module-surround {
    margin-top: 0px;
padding-top:200px;
}


[adottauncane]

Però devi pubblicare due moduli nella stessa posizione se vuoi l'imapaginazione a tre, come ho fatto qui:
http://www.piccoliwebmaster.com/mini_guida/sportdigga-home.html