как связать Div c component

Тема в разделе "Создание шаблона", создана пользователем FofonRed, 27.07.2009.

  1. FofonRed
    Offline

    FofonRed Недавно здесь

    Регистрация:
    22.04.2009
    Сообщения:
    39
    Симпатии:
    1
    Пол:
    Мужской
    Извини те если создал дублирующую тему,но я не нашел куда отписаться((((Вопрос состоит в том,вот мой код index.php
    Код (CODE):
    1. <jdoc:include type="head" />
    2. <link rel="stylesheet" href="/templates/<?php echo $this->template ?>/css/template_css.css" type="text/css" />
    3. <link rel="icon" href="/favicon.ico" type="image/x-icon">
    4. <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    5. </head>
    6. <meta name="description" content="###" />  
    7. <meta name="generator" content="####" />  
    8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    9. <meta name="robots" content="#####" />  
    10. <meta name="keywords" content="######" />
    11. <center>
    12. <body>
    13.  
    14.  
    15. <div id="wrap">
    16.  
    17. <!--header-->
    18.   <div id="header" >
    19.   <div class="inside">
    20.  
    21.    <div id="logo"></div>
    22.    <div id="headc">
    23.     <div id="namesite"></div>
    24.          <div id="menu" >
    25.           <ul id="navbar">
    26.  <li class="company">
    27.  <a href="http://www.localhost/index.php?option=com_content&view=article&id=47&Itemid=27&lang=ru" title="Компания" >КОМПАНИЯ<span>&nbsp;</span></a> </li>
    28.  <li class="press">
    29.  <a href="#" title="Пресс-Центр">ПРЕСС-ЦЕНТР<span>&nbsp;</span></a>
    30.  </li>
    31.  <li class="product">
    32.  <a href="#" title="Продукция">ПРОДУКЦИЯ<span>&nbsp;</span></a>
    33.  </li>
    34.  <li class="distrib">
    35.  <a href="#" title="Дистрибьюторам">ДИСТРИБЬЮТОРАМ<span>&nbsp;</span></a>
    36.  </li>
    37.  <li class="doctor">
    38.  <a href="#" title="Врачам">ВРАЧАМ<span>&nbsp;</span></a>
    39.  </li>
    40.  <li class="proekt">
    41.  <a href="#" title="Проекты">ПРОЕКТЫ<span>&nbsp;</span></a>
    42.  </li>
    43.  </ul>
    44.  
    45.         </div>
    46.        </div>  
    47.           <div id="headr">
    48.            <div id="head1">
    49.        
    50.         </div>
    51.               <div id="head2">
    52.               <jdoc:include type="modules" name="head1" />
    53.               </div>
    54.         </div>
    55.      </div>
    56.   </div>
    57.  
    58. <!--header end-->
    59. <div id="bar">
    60. <div id="Breadcrumbs">
    61. <jdoc:include type="modules" name="Breadcrumbs" /></div>
    62. <div id="sercher">
    63. <jdoc:include type="modules" name="sercher" /></div>
    64.  
    65. </div>
    66. <!--content-->
    67.  
    68. <div id="component" >
    69. <jdoc:include type="component" />
    70.   <div id="left">
    71.   <div id="catalog">
    72.    <div id="cath1"><b>Каталог продукции</b></div>
    73.   <ul id="catbar">
    74.       <li><a href="#">Тыквеол</a></li>
    75.       <li><a href="#">Югланекс</a></li>
    76.       <li><a href="#">Джакол </a></li>
    77.       <li><a href="#">Простамен</a></li>
    78.       <li><a href="#">Простабин</a></li>
    79.       <li><a href="#">Тыквиол и К</a></li>
    80.       <li><a href="#">Кальцимин</a></li>
    81.       <li><a href="#">Эмул</a></li>
    82.       <li><a href="#">Лакрин </a></li>
    83.       <li><a href="#">Царский Желудь</a></li>
    84.       <li><a href="#">Биол</a></li>
    85.       <li><a href="#">Пищевые масла</a></li>
    86.       <li><a href="#">Космитические средства</a></li>
    87.       <li><a href="#">Мука из тыквы</a></li>
    88.       <li><a href="#">Концентрат из нута</a></li>
    89.       <li><a href="#"><div id="cath3"><b>НОВИНКИ</b></div></a></li>
    90. </ul>
    91.  
    92.   </div>
    93.   <div id="dir">
    94.   тексттекст
    95. тексттекст
    96. тексттекст
    97. тексттекст
    98. тексттекст
    99. тексттекст
    100. тексттекст
    101. тексттекст
    102. тексттекст
    103. тексттекст
    104. тексттекст
    105. тексттекст
    106.   </div>
    107.   <div id="struktura">
    108.   </div>
    109.   <div id="adress">
    110.   </div>
    111.  
    112.     </div>
    113.  
    114.  
    115. <div id="center">
    116. <div id="lider">
    117. <div id="lider1"></div>
    118. <div id="lider2"></div>
    119. </div>
    120. <div id="prod">
    121. <div id="prod1">
    122. <div id="prod1-1">Югланекс</div>
    123. <div id="prod1-2"></div>
    124. <div id="prod1-3">Краткое описание производимого продукта Краткое описание производимого продукта</div>
    125. <div id="prod1-4"></div>
    126. </div>
    127. <div id="prod2">
    128. <div id="prod2-1">Биокорректоры</div>
    129. <div id="prod2-2"></div>
    130. <div id="prod2-3">Краткое описание производимого продукта Краткое описание производимого продукта</div>
    131. <div id="prod2-4"></div>
    132. </div>
    133. <div id="prod3">
    134. <div id="prod2-1">Косметика</div>
    135. <div id="prod2-2"></div>
    136. <div id="prod2-3">Краткое описание производимого продукта Краткое описание производимого продукта</div>
    137. <div id="prod2-4"></div>
    138. </div>
    139. </div>
    140. <div id="newzag">
    141. <div id="newh1"><b>НОВИНКИ</b></div>
    142. </div>
    143. <div id="new">
    144. <div id="new1"></div>
    145. <div id="new2"></div>
    146. <div id="new3"></div>
    147. </div>
    148.  
    149.  
    150.  <div id="raznoe">
    151.   <div id="company2">
    152.   <div id="company2zag">О компании</div>
    153.   <div id="company2-1">
    154.      <div id="company2t"></div>
    155.      <div id="company2tx">История предприятия компании  с 90-х годов
    156.      по праву я вляется.....</div>
    157.      </div>
    158.    </div>
    159.    <div id="iso"> </div>
    160.   </div>
    161.  </div>
    162. <div id="right">
    163. <div id="news">
    164. <jdoc:include type="modules" name="news" />
    165. </div>
    166. <div id="proekt">
    167. <jdoc:include type="modules" name="proekt"  />
    168. </div>
    169. <div id="vopros"></div>
    170. </div>
    171.  
    172.  
    173. <!--content end-->
    174.  
    175. <div id="menun" >
    176.   <div class="inside">
    177.  
    178. <div id="lm"></div>
    179. <div id="cm">
    180.  
    181.        <ul id="nizbar">
    182.  <li class="company">
    183.  <a href="#" title="Компания">Компания<span>&nbsp;</span></a>
    184.  </li>
    185.  <li class="press">
    186.  <a href="#" title="Пресс-Центр">Пресс-Центр<span>&nbsp;</span></a>
    187.  </li>
    188.  <li class="product">
    189.  <a href="#" title="Продукция">Продукция<span>&nbsp;</span></a>
    190.  </li>
    191.  <li class="distrib">
    192.  <a href="#" title="Дистрибьюторам">Дистрибьюторам<span>&nbsp;</span></a>
    193.  </li>
    194.  <li class="doctor">
    195.  <a href="#" title="Врачам">Врачам<span>&nbsp;</span></a>
    196.  </li>
    197.  <li class="proekt">
    198.  <a href="#" title="Проекты">Проекты<span>&nbsp;</span></a>
    199.  </li>
    200.  </ul>
    201.  </div>
    202. <div id="rm"></div>
    203.         </div>
    204.  
    205.  </div>
    206.  
    207.  
    208.  
    209.  
    210.  
    211.  
    212. </div>
    213. </div>
    214. </body>
    215. </center>
    216. </html>


    Я хочу чтобы в блоке component выводилось содержимое материалом, но у меня не получается....выводиться только те блоки которые на главаной странице сползают вниз а хотелось бы что бы они пропадали....может я не правильно построил шаблон?просто такой дизайн заказчик дал и у меня так получилось построить....Может кто поможет советом?:'(:'(:'(:'(
     
  2.  
  3. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 094
    Симпатии:
    158
    Пол:
    Мужской
    FofonRed, ничего не понял, сформулируйте заново, лучше не кодом, а скриншотами
     
  4. FofonRed
    Offline

    FofonRed Недавно здесь

    Регистрация:
    22.04.2009
    Сообщения:
    39
    Симпатии:
    1
    Пол:
    Мужской
    Сделал скриншот страницы как бы в нормальном состоянии(1), после нажимаю на пункт меню и вся индексная страница спускается вниз, а поверх открывается страница (2).Вы скажите что я вставил component по верх всех DIV.Вот я и хотел узнать можно сделать так что бы при нажатие на пункт меню открывалась только запрашиваемая страница, а весь материал на индексной странице скрывался!!!Надеюсь сформулировал более понятно!!!:):):):)
     

    Вложения:

    • 1.jpg
      1.jpg
      Размер файла:
      149.9 КБ
      Просмотров:
      14
    • 2.GIF
      2.GIF
      Размер файла:
      40.1 КБ
      Просмотров:
      11
  5. Offline

    AlexMaxy Недавно здесь

    Регистрация:
    17.06.2009
    Сообщения:
    12
    Симпатии:
    0
    Пол:
    Мужской
    Вы в шаблоне всю главную страницу нарисовали с контентом? Тогда...
     
  6. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 094
    Симпатии:
    158
    Пол:
    Мужской
    FofonRed, ясно, вот
     

Поделиться этой страницей

Загрузка...