Back to top

Autore Topic: Modulo e CSS del Template!  (Letto 6517 volte)

Offline Jam_nc

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
Modulo e CSS del Template!
« il: 17 Mar 2010, 13:05:07 »
Salve a tutti gente, un ringraziamento per tutte le volte che ho trovato risposta ai miei dubbi su questo forum semplicemente usando il tasto Cerca.

Mi trovo davanti ad un grosso problema, spero abbiate tempo e voglia di aiutarmi.

Sto costruendo un Modulo per Joomla, non tramite HTML Personalizzato naturalmente, da zero.

Il problema è che il modulo essendo inserito nella LeftColumn del template ed in quanto modulo assume delle proprietà CSS dettate dal Foglio Di Stile del template, e NON le proprietà che io ho impostato nel modulo in fase di progettazione.

Come posso agirare il problema? Da considerare anche che  questo modulo dovrà essere compatibile con ogni Template e non solo su quello dove lo sto testando.

Un grazie a tutti!

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #1 il: 17 Mar 2010, 17:56:09 »
Sposto in sviluppo....
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline gagarin77

  • Appassionato
  • ***
  • Post: 469
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #2 il: 17 Mar 2010, 20:10:08 »
ciao,

non capisco cosa intendi con
"non tramite HTML Personalizzato"

il tuo modulo genererà comunque un output html giusto?
quindi opzione + semplice il  contenuto del tuo modulo   sarà visualizzato dentro una tabella, div o altro "contenitore" html e definirai per quella tabella o  div ecc  una classe specifica.

es:

<div class=tuomodulo">
....
.. output tuo modulo
</div>
quindi tutto lo "stile" del tuo modulo sarà legata alla classe padre tuomodulo
naturalmente puoi aggiungere un suffisso  al modulo tramite i parametri dello stesso (da definire nel file XML)

link
http://wiki.joomla.it/index.php?title=Creazione_di_un_modulo_per_joomla_15
oppure...
http://www.joomlashow.it/guide/sviluppo-estensioni/sviluppare-un-modulo-joomla-1.5-seguendo-il-pattern-mvc/




E' meglio sbagliarsi in fretta che aver ragione troppo tardi

Offline mmleoni

  • Global Moderator
  • Instancabile
  • *****
  • Post: 5547
  • Sesso: Maschio
  • Just another *nix coder/sysadmin...
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #3 il: 18 Mar 2010, 08:17:53 »
ciao,
  non ho capito un granché... ma che c'entra il modulo con le proprietà css? nel modulo metti solo le classi e gli id, nel foglio css le definizioni.
al più inserisci nella configurazione (in xml e poi $params->get('XXX') ) un suffisso in più da aggiungere al nome delle classi/id in modo da poter usare più moduli con differenti layouts.

ciao,
marco
mmleoni web consulting - creazione siti web aziendali ed e-commerce avanzati - sviluppo moduli e componenti Joomla

Offline Franceschino

  • Appassionato
  • ***
  • Post: 429
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #4 il: 03 Mar 2011, 16:19:54 »
scusate se mi intrometto..io ho un problema credo simile a Jam_nc. Io vorrei assegnare una classe css a dei moduli (di virtuemart) in modo da posizionarmeli dove e come voglio ma non ci riesco. Ho letto la guida di tonicopi ma non ho capito granchè...
Io credevo bastasse assegnare un suffisso css nell'area apposita e poi definirlo nella classe.. Potete aiutarmi?

Grazie mille

Francesco

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo

Offline Franceschino

  • Appassionato
  • ***
  • Post: 429
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #6 il: 03 Mar 2011, 16:34:16 »
grazie mille era proprio quello che cercavo  :)

Offline Franceschino

  • Appassionato
  • ***
  • Post: 429
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #7 il: 03 Mar 2011, 17:15:59 »
scusami forse sono di coccio io ma non mi funziona. O meglio se lo visualizzo con firebug non vedo nè il file layout.css(non è proprio tra i css inclusi) nè la classe moduletable... Sto usando un template diverso da beez ma credo sia una cosa universale. Anche le posizioni left, right, sono equivalenti immagino...ho provato con entrambe ma niente. uffa  :-[

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #8 il: 03 Mar 2011, 18:11:23 »
Più che di coccio mi sembri piuttosto pigro Franceschino  ;D
Perchè non fai esattamente quello che è scritto nella guida e usi effettivamente il template indicato?
Da dove evinci che si tratta di regole universali?
Ci sono diversi modi di far apparire i moduli e di intrecciare le regole css con gli stili e dipendono appunto dal costruttore del template  ;)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline Franceschino

  • Appassionato
  • ***
  • Post: 429
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #9 il: 03 Mar 2011, 18:32:43 »
Hai ragione ma ho paura di pedere una giornata senza venire a capo di nulla come mi è successo più volte e visto che ho il capo alle costole che dice sempre di sbrigarmi preferivo evitare..
Che sia una regola universale lo spero altrimenti chi non usa beez non potrebbe impostare una suffisso css per un modulo ma mi sembra assurdo. Dato che io uso un altro tempate mi sembra inutile (oltre a provocare un macello nella grafica del sito) provarlo sul beez.
Però che sono pigro è vero  :P
nonostante ciò m'impegnerò a cercare qualcos'altro allora  ;D

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #10 il: 03 Mar 2011, 18:37:55 »
puoi linkare il sito?

Offline Franceschino

  • Appassionato
  • ***
  • Post: 429
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #11 il: 03 Mar 2011, 18:45:42 »
certo  :)
http://www.asteconsulting.com/index.php?option=com_virtuemart&Itemid=337
questa è la pagina con il modulo che voglio spostare.

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #12 il: 03 Mar 2011, 18:59:24 »
uhmm.... questi template mi fanno venire gli incubi ;D

comunque credo (sottolineo "credo") che la classe sia "art-block"
quindi nel css dovrai mettere una regola

.art-block + il suffisso che dai al modulo

es: se nel suffisso classe modulo scrivi "_miosuffix" nel css dovrai creare una regola

.art-block_miosuffix {
.........
.........
}

Offline Franceschino

  • Appassionato
  • ***
  • Post: 429
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #13 il: 03 Mar 2011, 19:19:07 »
capito..sì hai ragione non credo sia fatto molto bene questo template ma siamo alle prime armi  :)
Non so se stasera faccio in tempo a provare, al massimo domattina comunque verifico e ti faccio sapere.

Grazie mille per la disponibilità e buona serata.  :-*

Francesco

Offline Franceschino

  • Appassionato
  • ***
  • Post: 429
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #14 il: 07 Mar 2011, 11:46:24 »
Buongiorno,
 allora ho provato sia con artblock_miosuffix, sia con art-blockcontent_miosuffix sia con art_blockcontent-body_miosuffix ma non mi sembra che cambi nulla  :-[

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #15 il: 07 Mar 2011, 16:55:05 »
hai dato il suffisso al modulo? perchè non mi sembra di vederlo....

Offline Franceschino

  • Appassionato
  • ***
  • Post: 429
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #16 il: 07 Mar 2011, 17:00:15 »
sì..quale modulo stai guardando?
http://www.asteconsulting.com/index.php?option=com_virtuemart&Itemid=337
nel modulo a sinistra in questa pagina sì...l'ho chiamato _personale ma con firebug non lo vedo

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #17 il: 07 Mar 2011, 17:05:40 »
controlla se all'interno del template hai una cartella chiamata 'html' con all'interno il file 'modules.php'. se c'è toglilo o rinominalo.

Offline Franceschino

  • Appassionato
  • ***
  • Post: 429
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #18 il: 07 Mar 2011, 17:09:07 »
sì c'è..ma sicuro che posso toglierlo/rinominarlo?non creo altri problemi poi?  ::)

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #19 il: 07 Mar 2011, 17:19:39 »
prova... semmai lo rimetti

Offline Franceschino

  • Appassionato
  • ***
  • Post: 429
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #20 il: 07 Mar 2011, 17:29:48 »
fatto..sono scomparsi i vari art-block, art-blockcontent ecc ma mi spagina anche gli altri menù in questo modo

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #21 il: 07 Mar 2011, 17:37:45 »
fossi in te valuterei bene la possibiltà di cambiare template.
andando così per tentativi perdi più tempo che a rifarlo da capo partendo con una base di template un pò più decente. lascia perdere questi template con art, block e compagnia, e se non da subito almeno per il futuro.

se proprio non puoi, posta il modules.php che avevi, provo a dargli un'occhiata.

Offline Franceschino

  • Appassionato
  • ***
  • Post: 429
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #22 il: 07 Mar 2011, 17:42:15 »
Capito..no non posso..non ho ancora l'autorità per farlo e poi andiamo un pò di fretta. Se dico al capo che bisogna cambiare template ora che abbiamo quasi finito mi spara  ;D
Ti posto il file.. grazie mille per la disponibilità  :)

Codice: [Seleziona]
<?php
defined
('_JEXEC') or die('Restricted access'); // no direct access

if (!defined('_ARTX_FUNCTIONS'))
  require_once 
dirname(__FILE__) . str_replace('/'DIRECTORY_SEPARATOR'/../functions.php');

function 
modChrome_artstyle($module, &$params, &$attribs)
{
  
$style = isset($attribs['artstyle']) ? $attribs['artstyle'] : 'art-nostyle';
  
$styles = array(
    
'art-nostyle' => 'modChrome_artnostyle',
    
'art-block' => 'modChrome_artblock',
    
'art-article' => 'modChrome_artarticle',
    
'art-vmenu' => 'modChrome_artvmenu'
  
);
  
$sfx $params->get('moduleclass_sfx');
  if (
in_array($sfxarray_keys($styles)))
    
$style $sfx;
  
call_user_func($styles[$style], $module$params$attribs);
}

function 
modChrome_artnostyle($module, &$params, &$attribs)
{
if (!empty (
$module->content)) : ?>

<div class="art-nostyle">
<?php if ($module->showtitle != 0) : ?>
<h3><?php echo $module->title?></h3>
<?php endif; ?>
<?php echo $module->content?>
</div>
<?php endif;
}

function 
modChrome_artblock($module, &$params, &$attribs)
{
  if (!empty (
$module->content))
    echo 
artxBlock(($module->showtitle != 0) ? $module->title ''$module->content);
}

function 
modChrome_artvmenu($module, &$params, &$attribs)
{
  if (!empty (
$module->content)) {
    if (
function_exists('artxVMenuBlock'))
      echo 
artxVMenuBlock(($module->showtitle != 0) ? $module->title ''$module->content);
    else
      echo 
artxBlock(($module->showtitle != 0) ? $module->title ''$module->content);
  }
}

function 
modChrome_artarticle($module, &$params, &$attribs)
{
  if (!empty (
$module->content))
    echo 
artxPost(($module->showtitle != 0) ? $module->title ''$module->content);
}


Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #23 il: 07 Mar 2011, 18:56:29 »
ho guardato il file ma non credo sia lì il problema.
mi dispiace ma non so che altro consigliarti....

Offline Franceschino

  • Appassionato
  • ***
  • Post: 429
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #24 il: 07 Mar 2011, 18:57:56 »
va bene  :(
Grazie lo stesso e buona serata

Francesco

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #25 il: 07 Mar 2011, 21:57:19 »
Nei moduli di tipo chrome Joomla! non stampa il suffisso.
Trova il codice dove nel template è richiamato il modulo tipo:
<jdoc:include type="modules" name="left" style="art-blok" /> e subito sotto o sopra ci metti questo:
<jdoc:include type="modules" name="leftbis" style="rounded" /> o questo
<jdoc:include type="modules" name="leftbis" style="xhtml" /> a seconda se vuoi un modulo fatto con i div o con la tabella. Poi pubblichi un modulo in quella posizione e  ci applichi il suffisso che vuoi e lo formatti come vuoi  ;)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline ariess

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4056
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #26 il: 07 Mar 2011, 22:26:32 »
giustissima ossevazione tonicopi, non ci avevo pensato...

però per utilizzare quegli stili dovrebbe fare anche l'override con il modules.php, che se non sbaglio, è quello del ruck.... dico bene?

comunque la cosa mi rimane un pò strana, perchè l'override che ha postato Franceschino ce l'ha il codice per stampare il suffisso  ???

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #27 il: 07 Mar 2011, 23:56:33 »
Direi che non è corretto parlare di override del modulo.
Si tratta proprio della possibilità di personalizzare lo stile:
http://wiki.joomla.it/index.php?title=Approfondimento_sui_moduli#Cos.E2.80.99.C3.A8__Module_chrome.3F
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline Franceschino

  • Appassionato
  • ***
  • Post: 429
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #28 il: 08 Mar 2011, 11:03:40 »
Mi dispiace rovinare sempre tutto ma non ho neanche quel codice nel template  :(
Ho queste :
<jdoc:include type="modules" name="user3" />
<jdoc:include type="modules" name="banner1" style="artstyle" artstyle="art-nostyle" />

questo si riferisce alla posizione left ma è un div :
<?php if (artxCountModules($document, 'left')) : ?>
<div class="art-layout-cell art-sidebar1"><?php echo artxModules($document, 'left', 'art-block'); ?>

Dei vostri discorsi purtroppo ho capito molto poco perchè di template non ne ho mai fatti ma visto quello che dite mi sa che mi ci dovrò dedicare a breve  ;D

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #29 il: 08 Mar 2011, 14:34:48 »
Franceschino, il codice da me postato era solo a titolo di esempio.
Sta  a te interpretare ed adattare il codice al tuo caso.
Ci sarà ben una posizione dove pubblichi il modulo che vuoi formattare.
Ecco, devi duplicare quella e metterci xhtml al posto artstyle o quello che è.
E dare un nome univoco alla posizione....  ;)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere è essa stessa... piacere!

Offline Franceschino

  • Appassionato
  • ***
  • Post: 429
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #30 il: 08 Mar 2011, 14:38:04 »
ah ok..va bene sarà fatto  :)
grazie mille

Offline Franceschino

  • Appassionato
  • ***
  • Post: 429
  • Sesso: Maschio
    • Mostra profilo
Re:Modulo e CSS del Template!
« Risposta #31 il: 09 Mar 2011, 18:43:23 »
Ce l'ho fatta ma ho un pò aggirato l'ostacolo credo..non ho duplicato la posizione ma ne ho usata una che non era stata definita nel template ma che comunque ad esempio nell'assegnamento di una posizione ad un modulo mo compariva. Non so spiegare bene questa cosa sinceramente comunque per evitare di creare problemi su quanto già fatto ho preferito utilizzarne una non utilizzata appunto.. Appena avrò un pò più di tempo mi rimetterò a fare il template  :)

 



Web Design Bolzano Kreatif