- Postagens: 11
- Obrigados Recebidos: 0
sidebar right rounded
- agnushallard
-
Autor do Tópico
- Offline
- JCB! Estagiário
-
Menos
Mais
13 anos 2 meses atrás #76266
por agnushallard
agnushallard created the topic: sidebar right rounded
Bom dia
estou fazendo um template para o joomla 1.5
Na lateral direita gostaria de envolver o menu com uma caixa(sou novato, não sei qual o nome que se dá para isso)
Consegui um site que constroi esta caixa juntamente com o codigo css e html e todas as figuras necessarias.
O problema é que a caixa esta envolvendo toda a lateral direita e não cada modulo(individualmente) que esta setado para a lateral direita.
HTML
CSS
estou fazendo um template para o joomla 1.5
Na lateral direita gostaria de envolver o menu com uma caixa(sou novato, não sei qual o nome que se dá para isso)
Consegui um site que constroi esta caixa juntamente com o codigo css e html e todas as figuras necessarias.
O problema é que a caixa esta envolvendo toda a lateral direita e não cada modulo(individualmente) que esta setado para a lateral direita.
HTML
<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
<div id="sidebar">
<div class="roundedcornr_box_599551">
<div class="roundedcornr_top_599551">
<div>
</div>
</div>
<div class="roundedcornr_content_599551">
<jdoc:include type="modules" name="right" style="rounded"/>
</div>
<div class="roundedcornr_bottom_599551">
<div>
</div>
</div>
</div>
</div>
<?php endif; ?>
<!-- end #sidebar -->CSS
.roundedcornr_box_599551 {
background: #dddddd url(../images/round/roundedcornr_599551_grad.gif) repeat-x top left;
}
.roundedcornr_top_599551 div {
background: url(../images/round/roundedcornr_599551_tl.gif) no-repeat top left;
}
.roundedcornr_top_599551 {
background: transparent url(../images/round/roundedcornr_599551_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_599551 div {
background: url(../images/round/roundedcornr_599551_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_599551 {
background: transparent url(../images/round/roundedcornr_599551_br.gif) no-repeat bottom right;
}
.roundedcornr_top_599551 div, .roundedcornr_top_599551,
.roundedcornr_bottom_599551 div, .roundedcornr_bottom_599551 {
width: 100%;
height: 30px;
font-size: 1px;
}
.roundedcornr_content_599551 {
margin: 0 30px;
}Please Entrar ou Registrar to join the conversation.
- masinfox
-
- Offline
- JCB! Master
-
13 anos 2 meses atrás #76888
por masinfox
[url=http://www.masinfox.com:59pl1xnr][b:59pl1xnr][color=#0040BF:59pl1xnr]www.masinfox.com[/color:59pl1xnr][/b:59pl1xnr][/url:59pl1xnr]
masinfox replied the topic: Re: sidebar right rounded
para estilizar cada modulo faça assim:
crie um diretorio chamado html no templates/seutemplate/
crie um arquivo chamado modules.php dentro da pasta html
edite o arquivo modules.php e cole dentro este conteudo:
<?php
defined('_JEXEC') or die;
function modChrome_slider($module, &$params, &$attribs) {
echo JHtml::_('sliders.panel',JText::_($module->title),'module'.$module->id);
echo $module->content;
}
function modChrome_seuestilo($module, &$params, &$attribs) { ?>
<div class="moduletable <?php echo htmlspecialchars($params->get('moduleclass_sfx')); ?>">
<div class="titulodemodulo"><h3 class="tit"><?php echo JText::_( $module->title ); ?></h3></div>
<div class="conteudodomodulo"><?php echo $module->content; ?></div>
<?php
}
?>
em negrito vc pode alterar, criar o nome que preferir,
apos fazer isso para aplicar o estilo va na pagina inicial do seu template no index.php e selecione a posição do modulo Ex. veja onde colocar o nome do seu estilo (em negrito)
<jdoc:include type="modules" name="posicaodomodulo" style="seuestilo"/>
crie um diretorio chamado html no templates/seutemplate/
crie um arquivo chamado modules.php dentro da pasta html
edite o arquivo modules.php e cole dentro este conteudo:
<?php
defined('_JEXEC') or die;
function modChrome_slider($module, &$params, &$attribs) {
echo JHtml::_('sliders.panel',JText::_($module->title),'module'.$module->id);
echo $module->content;
}
function modChrome_seuestilo($module, &$params, &$attribs) { ?>
<div class="moduletable <?php echo htmlspecialchars($params->get('moduleclass_sfx')); ?>">
<div class="titulodemodulo"><h3 class="tit"><?php echo JText::_( $module->title ); ?></h3></div>
<div class="conteudodomodulo"><?php echo $module->content; ?></div>
<?php
}
?>
em negrito vc pode alterar, criar o nome que preferir,
apos fazer isso para aplicar o estilo va na pagina inicial do seu template no index.php e selecione a posição do modulo Ex. veja onde colocar o nome do seu estilo (em negrito)
<jdoc:include type="modules" name="posicaodomodulo" style="seuestilo"/>
[url=http://www.masinfox.com:59pl1xnr][b:59pl1xnr][color=#0040BF:59pl1xnr]www.masinfox.com[/color:59pl1xnr][/b:59pl1xnr][/url:59pl1xnr]
Please Entrar ou Registrar to join the conversation.