Стиль модулей и не только! - Joomla 1.5: Шаблоны, разметка и макеты вывода

#block {         
       width:900px; 
       height: 500px;
       background-color:#ffffff;
     
} 
#block2 {   
      padding: 10px;   
} 
#block_text {
      padding: 5px;
}
/* левый блок */
#left_bl {        
      width:150px; 
      float:left;
}

/* новостной */
#center_bl {   
      float:none;           
      border-left:160px solid #ffffff; 
}
/* кромка блоков */
#styl_blog {
      background-color: #ffffff;
      border: 1px solid #d3d3d3;
}
#styl_blog div {
      background: url(blog1.jpg) top left no-repeat; 
      position: relative;
      margin: -1px;
}
#styl_blog div div {
      background: url(blog2.jpg) top right no-repeat; 
      margin: 0px;
}
#styl_blog div div div {
      background: url(blog4.jpg) bottom right no-repeat; 
}
#styl_blog div div div div {
      background: url(blog3.jpg) bottom left no-repeat; 
}

<div id=block>  

            <div id=block2>
              <div id=left_bl>
                  <div id=styl_blog><div><div><div><div>
                  <div id=block_text>
левый
                   </div> 
         </div></div></div></div></div>
    </div>
   
             <div id=center_bl>
                   <div id=styl_blog><div><div><div><div>
                   <div id=block_text>
новостной
                   </div> 
                   </div></div></div></div></div>
              </div>
       </div>
</div>

<jdoc:include type="modules" name="left" style="blokii" headerLevel="3" />

<?php

defined('_JEXEC') or die('Restricted access');

function modChrome_blokii($module, &$params, &$attribs)
{ ?>
      <div id=styl_blog<?php echo $params->get('moduleclass_sfx'); ?>><div><div><div><div>    
                 <div id=block_text>
                 <?php if ($module->showtitle != 0) : ?>
                    <?php echo $module->title; ?>
                    <?php endif; ?>
                    <?php echo $module->content; ?>
        </div> 
         </div></div></div></div></div>
   <?php
}
?>

#block_text {
      padding: 5px;
}
#styl_blog {
      background-color: #ffffff;
      border: 1px solid #d3d3d3;
}
#styl_blog div {
      background: url(blog1.jpg) top left no-repeat; 
      position: relative;
      margin: -1px;
}
#styl_blog div div {
      background: url(blog2.jpg) top right no-repeat; 
      margin: 0px;
}
#styl_blog div div div {
      background: url(blog4.jpg) bottom right no-repeat; 
}
#styl_blog div div div div {
      background: url(blog3.jpg) bottom left no-repeat; 
}