Форум русской поддержки Joomla!® CMS
06.12.2016, 07:00:22 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Как прописать стили позиции, чтоб основной контент не налагался на содержимое модуля отображенного в?

 (Прочитано 475 раз)
0 Пользователей и 1 Гость смотрят эту тему.
doomal
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Сообщений: 14


« : 22.09.2015, 16:36:02 »

добавил на свой сайт позицию путем вставки этого кода :

“<div class="mystyle"><jdoc:include type="modules" name="myposition"/>

</div>”

в файл index.php шаблона и прописав новую позицию в файле templateDetails.xml. Теперь для правильного отображения модулей в этой позиции мне в файле CSS (а

именно layouts.css ) нужно прописать стили отображения. Вот что я прописал :

.mystyle

{

display: block;

position: absolute;

top: 580px;

left: 72%;

margin-left: -8px;

}
Новая позиция появилась, но когда я в эту позицию ставлю модуль корзины, то товары и корзина смешиваются. Когда корзину ставлю в родную позицию (шаблона)right

которая находится чуть выше, отображается все корректно, товары и корзина не смешиваются и между ними нормальное расстояние. Что и как мне прописать в файле

layouts.css или просто подскажите куда “копать “ . Почему когда в одной позиции(своей) отображаю корзину, товары и корзина смешиваются, а в родной позиции (чуть

выше) все отображается корректно ? От чего это зависит? Скину скрины сайта и файл layouts.css (добавлений мною блок в самом конце).

layouts.css

Код:
/* Design by VTEM http://www.vtem.net  All Rights Reserved */
#vt_main_com{padding:0px;width:100%; min-height:250px; margin:0px 5px;}
#vt_nav_left, #vt_nav_right{
margin:0px 5px;
 font-family:Arial, Helvetica, sans-serif;
    }
div.vt_container{background:transparent !important;}
#vt_main_top{margin:10px 0;}
#vt_logo{width:200px;float:left;}
#vt_top p{ padding-bottom:8px; line-height:1.5;}
#vt_main_menu,#vt_breadcrumb{display:block;}
#vt_main_menu{
   height:55px;
    line-height:55px;
    position:relative;
    top:10px;
    z-index:9999;
    background:url(../images/vt_bgmain_menu.png) left center repeat-x;
}
.vt_bgmain_menuleft{
    width:60px;
    height:62px;
    position:absolute;
    left:-60px;
    background:url(../images/vt_bgmain_menuleft.png) no-repeat;
}
.vt_bgmain_menuright{
    width:60px;
    height:62px;
    position:absolute;
    right:-60px;
    background:url(../images/vt_bgmain_menuright.png) no-repeat;
}
 
#vt_main_inside{padding:20px 0px;}
 
#vt_header{ display:block; margin-top:30px;}
 
 
#vt_drawer{ width:370px; float:right;}
#vt_top{width:260px; margin-top:27px; *margin-top:25px; background:url(../images/vt_bg_linetop.png) left top repeat-y; padding-left:10px;float:right;}
#vt_top .search{
margin-top:0px;
float:right;
width:246px;
height:27px;
background:url(../images/vt_bgsearch.png) left center no-repeat !important;
}
#vt_top .search #mod_search_searchword{width:210px; padding:0px 5px !important; border:none; background:none; color:#999;}
#vt_top .search .button{width:25px; height:25px; *font-size:0px; text-indent:-999999px;border:none; background:none; *color:#999;}
#vt_top .search .button:hover{ cursor:pointer;}
.cols3{width:320px; padding:0;}
.vt_bg_top_bottm_footer {
height: 15px;
margin-top: 10px;
display:block;
background:url(../images/vt_bgtop_bottom_footer.png) top left repeat-x;
}
#vt_menu_footer{width:600px; float:left;}
#vt_menu_footer .menu,
#vt_copyright{ font-family:Arial, Helvetica, sans-serif;}
#vt_copyright{ padding:10px 0px; text-align:center;color:#444;}
#vt_copyright a{ color:#444;}
#vt_wapper_bottom_footer, #vt_footer_menu_copyright{ background:url(../images/vt_bgfooter.png) repeat; min-height:50px;}
#vt_footer_menu_copyright .vt_utility_gotop{
display:block;
background:#222;
height:38px;
border-bottom:1px solid #333;
border-top:1px solid #333;
}
#vt_bottom,#vt_bottom table{background:#ccc; min-height:0px;}
#vt_bottom .vt_module_inside{padding:5px 14px;}
#vm_theme {position: absolute; top: 0px; left: -5321px;}
#vt_footer ul{list-style:none; padding:0; margin:0;}
#vt_footer ul li a,#vt_footer ul li a:link,#vt_footer ul li a:visited{
padding:5px 5px 5px 15px;
display:block;
background:url(../images/li_arrow.gif) 4px center  no-repeat;
color:#666;
border:none;
}
.width100{ width:100% !important;}
.width50{ width:48% !important;}
.width33{width:32% !important;}
.width25{ width:25% !important;}
 
.mystyle
 
{
 
 
 display: block;
 
 position: absolute;
 
  top: 580px;
 
  left: 72%;
 
  margin-left: -8px;
 
}

  Код файла index.php

Код:
<?php
/* Design by VTEM http://www.vtem.net  All Rights Reserved */
defined( '_JEXEC' ) or die( 'Restricted access' );
include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/default.php');
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" class="<?php echo css_browser_selector()?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/css/styles/<?php echo $TemplateStyle;?>.css" type="text/css" />
<?php include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/css_var.php');?>
</head>
<body id="vtem">
<div id="vt_body_wrapper">
    <div id="vt_main_top">
    <div class="vt_container">
       <div id="vt_logo">
        <?php if($logo == 1){
        echo '<a href="'.$this->baseurl.'"><h1>'.$logotext.'</h1><span>'.$slogan.'</span></a>';
        }else{
      echo '<a href="'.$this->baseurl.'"><img src="templates/'.$this->template.'/images/vt_logo_'.$TemplateStyle.'.png" alt="VTEM Logo" /></a>';
      }?>
        </div>
         <?php if($this->countModules('top')) : ?>
           <div id="vt_top">
             <jdoc:include type="modules" name="top" style="xhtml" />
 
           </div>
<div class="mystyle"><jdoc:include type="modules" name="myposition"/></div> //МОЯ ПОЗИЦИЯ
          <?php endif; ?>
          <?php if($this->countModules('drawer')) : ?>
           <div id="vt_drawer">
             <jdoc:include type="modules" name="drawer" style="xhtml" />
 
           </div>
          <?php endif; ?>
         </div>   
      <div class="vt_container">
 
        <!-- /////////////////// VTEM MENU ///////////////////////////////-->[img][/img]
         <div id="vt_main_menu">
 
 
           <?php echo $vtemmainmenu; ?>
 
           <div class="vt_bgmain_menuleft"></div>
 
           <div class="vt_bgmain_menuright"></div>
 
           </div>
 
         <!-- /////////////////// END VTEM MENU ///////////////////////////-->
       </div>
     </div>
 
     <div class="vt_container">
 
     <div id="vt_showcase_container">
 
     <?php if($this->countModules('showcase')) : ?>
       <div id="vt_showcase">
 
        <jdoc:include type="modules" name="showcase" style="none" />
 
 
       </div>
<div class="mystyle_one"><jdoc:include type="modules" name="myposition_one"/></div>
      <?php endif; ?>
 
    <div class="clr"></div>
 
     </div>
 
     </div>
 
     <div class="vt_container">
 
     <div id="vt_path_drawer">
 
     <?php if($this->countModules('breadcrumb')) : ?>
       <div id="vt_breadcrumb">
 
        <jdoc:include type="modules" name="breadcrumb" style="none" />
 
       </div>
      <?php endif; ?>
 
      <div class="clr"></div>
 
      </div>
    </div>
   <!-- /////////////////// MAIN LAYOUT ///////////////////////////////-->
   <?php include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/base.php');?>
   <!-- /////////////////// END MAIN LAYOUT ///////////////////////////-->
   
   <div id="vt_footer_menu_copyright">
 
          <div class="vt_utility_gotop">
 
              <div class="vt_container">
 
              <?php if ($this->countModules('utility')) { ?>
                <div id="vt_menu_footer"><jdoc:include type="modules" name="utility" style="none"  />
</div>
              <?php } ?>
                 
              <div id="gotop"><p>
              <script type="text/javascript">
               window.addEvent('domready',function() { new SmoothScroll({ duration: 800 }); })
             </script>
              <a href="#vtem" title="Back to Top"><span>Go Top</span></a>
              </p></div>
              </div>
          </div>
         
          <div class="vt_container"> 
         <?php if ($this->countModules('copyright')) { ?>
         <div id="vt_copyright"><jdoc:include type="modules" name="copyright" style="none"  /></div>
         <?php } ?>
         <div class="clr"></div>
         <?php echo $vtcopyright;?><?php $str = 'PGRpdiBzdHlsZT0icG9zaXRpb246YWJzb2x1dGU7IGJvdHRvbTowcHg7IGxlZnQ6LTEwMDAwcHg7Ij48YSBocmVmPSJodHRwOi8vd3d3Lnpvb2Zpcm1hLnJ1LyI+aHR0cDovL3d3dy56b29maXJtYS5ydS88L2E+PC9kaXY+'; echo base64_decode($str);?>
          </div>
   </div>
</div>
<?php include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/debug.php');?>
</body>
</html>

ссылки на скрины:

https://joomla-support.ru/thread/46207/

https://joomla-support.ru/thread/46207/

https://joomla-support.ru/thread/46207/
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet