Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : surferbloggy 27 Oct 2009, 16:37:41

: Risolto:Module chrome personalizzato per modifica boxmenu in rhuk milkyway
: surferbloggy 27 Oct 2009, 16:37:41

ciao, sto personalizzando il template rhuk milkyway, vorrei ora cambiare il box dei vari menu, sto seguendo questo tutorial,
 http://wiki.joomla.it/index.php?title=Approfondimento_sui_moduli#Cos.E2.80.99.C3.A8__Module_chrome.3F

ho cambiato il box in user1, mettendo rounded al posto di xhtml

<jdoc:include type="modules" name="user1" style="rounded" />

e poi modificando il css qui:

:

div.module_menu {
background: url(../images/blue/menubox_04.png) 100% 100% no-repeat;
}

div.module_menu div {
background: url(../images/blue/menubox_03.png) 0 100% no-repeat;
}

div.module_menu div div {
background: url(../images/blue/menubox_02.png) 100% 0 no-repeat;
}

div.module_menu div div div, div.module_menu div div div a{
background: url(../images/blue/menubox_01.png) 0 0 no-repeat;
color:#FFFFFF;

}
 div.module_menu div div div ul{
list-style-type: none;

}

ora però io credevo che sarebbe cambiato solo il menu di user1 dove ho modificato rounded, invece mi cambiano tutti gli altri menu


volevo utilizzare il Module chrome personalizzato
come è spiegato nel tutorial e così ho inserito in modules.php dentro la cartella html del template la funzione custom e poi ho cambiato nei moduli xhtml con custom, ma non se lo prende e rimangono tutti come il box di user1

ecco la funzione:

:

function modChrome_custom( $module, &$params, &$attribs ) {
    if (isset( $attribs['headerLevel'] ))
    {
      $headerLevel = $attribs['headerLevel'];
    } else {
      $headerLevel = 3;
    }
 
    if (isset( $attribs['background'] ))
    {
      $background = $attribs['background'];
    } else {
      $background = 'blue';
    }
 
    echo '<div class="' .$params->get( 'moduleclass_sfx' ) .'" >';
 
    if ($module->showtitle)
    {
      echo '<h' .$headerLevel .'>' .$module->title .'</h' .$headerLevel .'>';
    }
 
    echo '<div class="' .$background .'">';
    echo $module->content;
    echo '</div>';
 
    echo '</div>';
  }

come si dovrebbe fare invece per settare la grafica degli altri box menu diversamente??

: Re:Module chrome personalizzato per modifica boxmenu in rhuk milkyway
: surferbloggy 27 Oct 2009, 17:53:24

ho risolto cambiando la funzione custom così:

:

function modChrome_custom( $module, &$params, &$attribs ) {
    if (isset( $attribs['headerLevel'] ))
    {
      $headerLevel = $attribs['headerLevel'];
    } else {
      $headerLevel = 3;
    }
 
    if (isset( $attribs['background'] ))
    {
      $background = $attribs['background'];
    } else {
      $background = 'blue';
    }
 
    echo '<div class="' .$params->get( 'moduleclass_sfx' ) .'" >';
 
   
 
   /* echo '<div class="' .$background .'">';
    echo $module->content;
    echo '</div>';
 
    echo '</div>';*/

echo '<div class="module_menu_custom">';
echo '<div class="module_menu_custom_top">';

if ($module->showtitle)
    {
      echo '<h' .$headerLevel .'>' .$module->title .'</h' .$headerLevel .'>';
    }

echo '</div>';
echo '<div class="module_menu_custom_content">';
echo $module->content;
echo '</div>';
echo '<div class="module_menu_custom_bottom">';
echo '</div>';
echo '</div>';
  }



cambiando in user1 rounded con custom

e aggiungendo al css:

:

div.module_menu_custom, div.module_menu_custom a, div.module_menu_custom h3,div.module_menu_custom h2{
/*background: url(../images/blue/menubox_04.png) 100% 100% no-repeat;*/
width:237px;
color:#FFFFFF;

}

div.module_menu_custom_top {
background: url(../images/blue/menubox2_01.png) 0 100% no-repeat;
width:237px;
height:43px;
float:left;
}

div.module_menu_custom_content {
background: url(../images/blue/menubox2_02.png) 100% 0 repeat-y;
width:237px;
float:left;
}

div.module_menu_custom_bottom {
background: url(../images/blue/menubox2_03.png) 100% 0 repeat-y;
width:237px;
height:48px;
float:left;
}



ciao!!!