Необходимо альтернативное оформление для модуля.
Это прочел, осознал, однако к своему шаблону применить не могу...
Собственно вот в чем проблема: все модули в шаблоне оформленны вот так:
[spoiler title=css]
#leftColumn
{
float:left;
width:209px !important;
overflow:hidden;
}
.column div
{
background:url(../images/left_column_bg.jpg) repeat-y left;
padding: 0px;
height: 1%;
}
.column h3
{
color:#ffffff;
margin: 0px;
text-align:left;
width:209px;
position:relative;
padding:8px;
padding-left: 20px;
padding-top: 12px;
font-size: 1.2em;
font-weight:bold;
}
.inner_content
{
padding-top:15px;
padding-right:5px;
padding-left:8px;
padding-bottom:5px;
}
.column div div
{
background:url(../images/left_column_header.jpg) no-repeat left top;
}
.column div div div
{
background: none;
background:url(../images/left_column_bottom.jpg) no-repeat left bottom;
}
.column div div div div
{
background: none;
padding-bottom:20px;
}
.column div div div div h3
{
color:#FFFFFF;
}
.column ul
{
margin: 0px;
padding: 0px;
list-style:none;
border-top: solid 1px #aeaeae;
margin-left: 8px;
margin-right: 11px;
}
.column li
{
margin: 0px;
padding: 0px;
}
.column li a, .column li a:visited
{
display:block;
margin: 0px;
padding: 3px;
border-bottom: solid 1px #aeaeae;
color: #545454;
width:93%;
font-weight:bold;
padding-left: 10px;
text-decoration:none;
}
.module_menu li a:hover
{
background: url(../images/left_nav_bg.jpg) repeat-x;
color: #ffffff;
}
.contentColumn
{
margin-left:220px;
min-width:700px;
}
[/spoiler]
[spoiler title=index.php]
<div class="mainColumn">
<div id="leftColumn" class="column">
<?php if($this->countModules('left')) : ?>
<jdoc:include type="modules" name="left" style="rounded" />
<?php endif; ?>
</div>
<div class="contentColumn">
<div id="rightColumn" class="column">
<div class="module">
<div>
<div>
<div>
<div style="padding-left: 10px; padding-top: 10px; text-align:center background:#f6f6f6;">
<jdoc:include type="modules" name="top" style="rounded">
</div>
</div>
</div>
</div>
</div>
<jdoc:include type="modules" name="right" style="rounded" />
</div>
<div id="inner_contentColumn" class="mc">
<div><div><div><div>
<?php if($this->countModules('user1 or user2')) : ?>
<table class="nopad user1user2">
<tr class="latest" valign="top">
<?php if($this->countModules('user1')) : ?>
<td>
<div class="latest">
<jdoc:include type="modules" name="user1" style="rounded" />
</div>
</td>
<?php endif; ?>
<?php if($this->countModules('user1 and user2')) : ?>
<td class="greyline"> </td>
<?php endif; ?>
<?php if($this->countModules('user2')) : ?>
<td>
<div class="latest">
<jdoc:include type="modules" name="user2" style="rounded" />
</div>
</td>
<?php endif; ?>
</tr>
</table>
<div id="maindivider"></div>
<?php endif; ?>
<table class="nopad">
<tr valign="top">
<td>
<jdoc:include type="component" />
</td>
</tr>
</table>
</div></div></div></div>
</div>
</div>
<div style="clear:both"></div>
</div>
[/spoiler]
Т.е. каждый модуль сверху-снизу обрамлен картинками
.column div div
{
background:url(../images/left_column_header.jpg) no-repeat left top;
}
.column div div div
{
background: none;
background:url(../images/left_column_bottom.jpg) no-repeat left bottom;
}
Однако для модуля поиска нужно это обрамление убрать. В mod_search/tmpl/default.php указан класс search, собственно для него же и будет идти суффикс класса модуля. Указываю суффикс, добавляю в CSS описание и оформление модуля меняется внутри блока с картинками (кто бы сомневался
). Вообщем запутался, наверное...
Буду крайне благодарен за пинок в нужную сторону.
04.12.2015, 20:50:35