LESS Tutorial per Joomla! 2.5 e precedenti

[claudiod]

Dopo aver tradotto questo articolo su LESS:

http://www.joomla.it/articoli-community-3x-tab/7041-usa-less-in-joomla-traduzione-di-do-less-in-joomla.html

Mi è venuta voglia di provare e soprattutto di portare LESS anche nelle versioni precedenti alla 3.0

Ne è venuto fuori questo articolo: http://www.joomla.it/articoli-community-16-e-17-tab/7044-less-tutorial-per-joomla-25-e-precedenti.html


Che è un tutorial su come implementare LESS in modo facile e veloce nei propri siti. Ci sono anche i sorgenti con gli esempi riportati in modo da partire a colpo sicuro.

Claudio

[blackeagle]

Ciao, stavo seguendo il tuo articolo e spero continuino :-) ho cercato di fare una piccola modifica per vedere se riuscivo a creare anche gli altri css da less, esempio: oltre a template.css ci sono altri css io ho provato ad inserire nell'index.php oltre alla stringa per la trasformazione del template.less => template .css anche una stringa dove ho sotituito template.less con template-ie.less (ovviamente rinominando il file originale in .less) ma mi restituisce errore less.php riga 3000 etc etc, come posso fare per trasformare anche gli altri css in less (offline.css, template-ie.css templtae-ie7.css etc etc)
Ciao e grazie per l'ottimo lavoro

[claudiod]

Ciao, stavo seguendo il tuo articolo e spero continuino :-) ho cercato di fare una piccola modifica per vedere se riuscivo a creare anche gli altri css da less, esempio: oltre a template.css ci sono altri css io ho provato ad inserire nell'index.php oltre alla stringa per la trasformazione del template.less => template .css anche una stringa dove ho sotituito template.less con template-ie.less (ovviamente rinominando il file originale in .less) ma mi restituisce errore less.php riga 3000 etc etc, come posso fare per trasformare anche gli altri css in less (offline.css, template-ie.css templtae-ie7.css etc etc)
Ciao e grazie per l'ottimo lavoro

E' già una buona cosa che abbia funzionato il primo template . Significa che la cosa funziona.

Detto questo le cose dovrebbero funzionare nel modo che hai detto di aver fatto.

Se così non è, è necessario conoscere esattamente l'errore, vedere il sorgente vero e conoscere la struttura del tuo template. Per isolare il problema potresti provare a fare una compilazione per volta,
anche se non vedo nessun motivo per non fare tutte quelle che ti servono contemporaneamente.

Ciao.

[blackeagle]

Ok Risolto  sbagliavo perchè ricopiavo tutto lo script

require "lessc.inc.php"; $less = new lessc; // $less->checkedCompile( "templates/".$this->template."/test.less", "templates/".$this->template."/test.css"); $less->checkedCompile( "templates/".$this->template."/css/template.less", "templates/".$this->template."/css/template.css");

invece  dopo ; bisogna mettere solo la stringa:"

$less->checkedCompile( "templates/".$this->template."/css/offline.less", "templates/".$this->template."/css/offline.css");

e adesso funziona tutto    
continuo nella sperimentazione
Ciao e grazie

[mau_develop]

bestiale! sono riuscito a dividere 'sto caspita di file template.css di 3000 righe
Protostar è bello e come dici include già molte classi ma è un casino metterci le mani... ora ho capito

Come te scrivo codice php e quando si tratta di css mi spuntano macchioline dappertutto e mi gratto per cui era un perenne approccio.
Attraverso google sono "tornato a casa" .. cercavo qualcosa in php che mi permettesse di interagire con less

maaaa... 1 domanda... ma non esiste l'override?

es se io faccio un template_mio.less prelevando da template less solo ciò che mi interessa sovrascrivere... poi li compilo entrambi... non esiste il modo di far andare in override il _mio?

[claudiod]

maaaa... 1 domanda... ma non esiste l'override?

es se io faccio un template_mio.less prelevando da template less solo ciò che mi interessa sovrascrivere... poi li compilo entrambi... non esiste il modo di far andare in override il _mio?

Mah, la butto li.
Forse potresti provare a fare un include alla fine del template_mio.less alla fine di template less

[mau_develop]

si beh è quello che ho fatto fin'ora
ho diviso il template.less in "parti logiche" ovvero tutto ciò che riguarda la navigazione ora sta in navigation.less etc e ho lasciato nel template.less solo tutte le inclusioni del grid, bottoni etc. e le inclusioni di tutti i files in cui l'ho frammentato

però anche nel caso di "cose minime" sono costretto a ricorrere sempre alla compilazione o all'aggiunta dello stile nell'index template perchè se aggiungi la stessa  regola in un css non viene minimamente presa in considerazione, devi proprio andare a scriverglielo dopo .. come fa protostar

..forse non riesco a spiegarmi... o forse dico caxate... non è improbabile nemmeno questo

[claudiod]

Non è nemmeno improbabile che sia io che non capisco. 

Comunque, non mi posso certo definire esperto di questi temi, però ho notato che se nel file .less principale scrivi semplicemente:

@import "template_mio";

lessc.inc.php esegue l'inclusione e la ricompilazione di template_mio.less, mentre se scrivi

@import "template_mio.css";

devi ricompilare anche template_mio.less.
Naturalmente se fai solo modifiche a template_mio.less, devi forzare la modifica di template.less perché altrimenti la riga:
$less->checkedCompile( templates/".$this->template."/css/template.less", templates/".$this->template."/css/template.css");

non sa che nei templates importati sono state fatte modifiche.

Ciao