Joomla 1.5 Прикрутить оформление к меню

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем lezerok, 15.09.2009.

  1. Offline

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

    Регистрация:
    15.09.2009
    Сообщения:
    1
    Симпатии:
    0
    Всем привет помогите решить вопрос на сайте используется css и дивы _www.tandem-med.ru нужно создать пункт меню с таким же оформлением как контакты и о компании, вопрос в том где это оформление прикрутить
    intem 67 и есть та самая рамочка оформления
    Код (CODE):
    1. /**
    2.  * @version $Id: position.css 10387 2008-06-03 10:59:16Z pasamio $
    3.  * @author Design & Accessible Team ( Angie Radtke / Robert Deutz )
    4.  * @package Joomla
    5.  * @subpackage Accessible-Template-Beez
    6.  * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
    7.  * @license GNU/GPL, see LICENSE.php
    8.  * Joomla! is free software. This version may have been modified pursuant to the
    9.  * GNU General Public License, and as distributed it includes or is derivative
    10.  * of works licensed under the GNU General Public License or other free or open
    11.  * source software licenses. See COPYRIGHT.php for copyright notices and
    12.  * details.
    13.  */
    14.  
    15. *
    16. {
    17.     margin: 0;
    18.     padding: 0;
    19. }
    20.  
    21. body{
    22.     background: url(../images/sidebar.jpg) repeat-y;
    23.     color: #000000;
    24.     font-family: arial, helvetica, sans-serif;
    25.     font-size: 100.1%;
    26.     padding: 0px;
    27.     text-align: center;
    28.     width:100%;
    29.     height:100%;
    30. }
    31.  
    32. /* ################   Position ################  */
    33. #all{
    34.     color: #000000;
    35.     font-size: 0.8em;
    36. /*  max-width: 100%contentarea;*/
    37.     width:100%;
    38.     position:relative;
    39.     min-height:100%;
    40. /*  margin-bottom:-1000px;
    41.     overflow:hidden;*/
    42.     text-align: left;
    43. }
    44.  
    45. #page { }
    46.  
    47. h2.contentheading {
    48. margin-bottom:20px;
    49. margin-top:12px;
    50. color:#00923F;
    51.  
    52. }
    53.  
    54. .moduletable_menu h3{
    55. visibility:hidden;
    56. }
    57.  
    58. #header
    59. {
    60. /*  background: #fff;*/
    61.     color: #000000;
    62.     margin: 0;
    63.     height:145px;
    64.     position: relative;
    65.     text-align: right;
    66.     border: 0px solid #00f;
    67.  
    68. }
    69.  
    70. #contentarea, #contentarea2
    71. {
    72.     border: solid 0px #000;
    73.     margin: 0;
    74.     padding: 0px 0px 0px 0px;
    75.     position: relative;
    76.     overflow: hidden;
    77. }
    78. #wrapper { margin: 0 0 0 320px;
    79.     border:0px solid #0f0;}
    80. #left{
    81. /*  background: #FFFFFF;*/
    82.     border-right: solid 0px #FFFFFF;
    83.     float: left;
    84.     margin: 0px 0 0 20px;
    85.     width: 260px;
    86.     border:0px solid #f00;
    87.     margin-bottom:80px;
    88. }
    89.  
    90. .item67, .item68{
    91.     background: url(../images/about.jpg) no-repeat;
    92.     height:38px;
    93.     text-align:center;
    94.     margin-bottom:30px;
    95.     padding-top:8px;
    96.     font-weight:bold;
    97.     text-transform:uppercase;
    98.     border:0px solid #000;}
    99.    
    100. .item67, .item68{
    101. /*  font-weight:bold;*/
    102.     font-size:16px;
    103.     font-weight:bold;
    104.     }
    105.  
    106.  
    107. #right
    108. {
    109.     color: #000;
    110.     float:left;
    111.     width: 28%;
    112.     padding-top:10px
    113.  
    114. }
    115.  
    116. #main2
    117. {
    118.     background: #fff;
    119.     width:64%;
    120.     padding: 25px 20px 20px 20px;
    121.     position: relative;
    122.     min-height:520px;
    123.     float:left;
    124.  
    125.  
    126. }
    127.  
    128. #main
    129. {
    130.     background: #fff;
    131.     margin: 0 0px 0 0;
    132.     padding: 25px 20px 20px 20px;
    133.     position: relative;
    134. }
    135.  
    136. /* ###################### generell ###################### */
    137. .unsichtbar,.u2,.invisible , .unseen
    138. {
    139.     display: inline;
    140.     height: 0px;
    141.     left: -3000px;
    142.     position: absolute;
    143.     top: -2000px;
    144.     width: 0px;
    145.     z-index: 200;
    146. }
    147.  
    148. .wrap
    149. {
    150.     border: 0;
    151.     clear: both;
    152.     float: none;
    153.     font-size: 1px;
    154.     height: 0;
    155.     line-height: 1px;
    156.     margin: 0;
    157.     padding: 0;
    158.     visibility: hidden;
    159. }
    160.  
    161. #logo
    162. {
    163.     font-size: 1em !important;
    164.     font-weight: bold !important;
    165.     position: relative;
    166.     text-align: left;
    167.     text-transform: none !important;
    168.     z-index: 0;
    169.     margin-top: 1em;
    170. }
    171.  
    172. #logo  img { display: block; }
    173.  
    174. #logo span
    175. {
    176.     display: block;
    177.     margin: 0px 0 0 100px !important;
    178.     border-bottom: solid 1px #666;
    179. }
    180.  
    181. /* ###############  main * ########################### */
    182. /* position */
    183. .leading
    184. {
    185.     background: #FFFFFF url(.C./images/biene.gif) no-repeat top left;
    186.     border: solid 1px #CCCCC;
    187.     color: #000000;
    188.     margin: 30px 0px 10px 0px;
    189.     padding: 20px 20px 40px 120px;
    190.     position: relative;
    191. }
    192.  
    193. .leading_separator
    194. {
    195.     border-bottom: solid 0px #333333;
    196.     display: block;
    197.     height: 10px;
    198.     margin: 0 0 0px 0;
    199. }
    200.  
    201. .article_separator
    202. {
    203.     border: solid 1px #333333;
    204.     display: none;
    205.     margin: 0px 0 0px 0;
    206. }
    207.  
    208. .blog { padding: 0; }
    209.  
    210. .cols1
    211. {
    212.     display: block;
    213.     float: none !important;
    214.     margin: 0 !important;
    215. }
    216.  
    217. .cols2 { width: 45%; }
    218. .cols3 { width: 30%; }
    219.  
    220. .column1 , .column2
    221. {
    222.     border: solid 0px #D4A7C5;
    223.     margin: 0 5px 0 0;
    224.     position: relative;
    225. }
    226.  
    227. .column2 , .column1
    228. {
    229.     float: left;
    230.     margin: 0;
    231. }
    232.  
    233. .column2
    234. {
    235.     float: right;
    236.     margin: 0;
    237.     width: 45%;
    238. }
    239.  
    240. .article_row
    241. {
    242.     margin: 0px 0 0px 0;
    243.     padding: 0;
    244.     overflow: hidden;
    245. }
    246.  
    247. .article_column
    248. {
    249.     border: solid 0px #ccc;
    250.     padding: 10px 10px 10px 0;
    251. }
    252.  
    253. .row_separator2
    254. {
    255.     display: block;
    256.     clear: both;
    257.     margin: 0;
    258.     border: solid 0px;
    259. }


    а вот код самого шаблона index.php
    Код (CODE):
    1. <?php
    2. /**
    3.  * @copyright   Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
    4.  * @license     GNU/GPL, see LICENSE.php
    5.  * Joomla! is free software. This version may have been modified pursuant
    6.  * to the GNU General Public License, and as distributed it includes or
    7.  * is derivative of works licensed under the GNU General Public License or
    8.  * other free or open source software licenses.
    9.  * See COPYRIGHT.php for copyright notices and details.
    10.  */
    11.  
    12. defined('_JEXEC') or die('Restricted access');
    13.  
    14. $url = clone(JURI::getInstance());
    15. $showRightColumn = $this->countModules('user1 or user2 or right or top');
    16. $showRightColumn &= JRequest::getCmd('layout') != 'form';
    17. $showRightColumn &= JRequest::getCmd('task') != 'edit'
    18. ?>
    19.  
    20.  
    21. <?php echo '<?xml version="1.0" encoding="utf-8"?'.'>'; ?>
    22.  
    23. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
    24. <head>
    25.     <jdoc:include type="head" />
    26.     <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez/css/template.css" type="text/css" />
    27.     <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez/css/position.css" type="text/css" media="screen,projection" />
    28.     <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez/css/layout.css" type="text/css" media="screen,projection" />
    29.     <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez/css/print.css" type="text/css" media="Print" />
    30.     <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez/css/general.css" type="text/css" />
    31.     <?php if($this->direction == 'rtl') : ?>
    32.     <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez/css/template_rtl.css" type="text/css" />
    33.     <?php endif; ?>
    34.     <!--[if lte IE 6]>
    35.         <link href="<?php echo $this->baseurl ?>/templates/beez/css/ieonly.css" rel="stylesheet" type="text/css" />
    36.     <![endif]-->
    37.     <!--[if IE 7]>
    38.         <link href="<?php echo $this->baseurl ?>/templates/beez/css/ie7only.css" rel="stylesheet" type="text/css" />
    39.     <![endif]-->
    40.    
    41. </head>
    42. <body>
    43.     <div id="all">
    44.         <div id="header">
    45.  
    46. <div id="header-left"><a href="index.php" title="<?php echo $siteName; ?>"><img src="<?php echo $this->baseurl ?>/templates/beez/images/header_left.jpg"  border="0"></a></div>
    47.     <div id="header-right"><img src="<?php echo $this->baseurl ?>/templates/beez/images/header_right.jpg"></div>
    48.  
    49.         </div><!-- end header -->
    50.  
    51.  
    52.  
    53.  
    54.         <div id="<?php echo $showRightColumn ? 'contentarea2' : 'contentarea'; ?>">
    55.             <a name="mainmenu"></a>
    56.             <div id="left">
    57.            
    58.             <jdoc:include type="modules" name="left" style="beezDivision" headerLevel="3" />
    59.             </div><!-- left -->
    60.  
    61.             <a name="content"></a>
    62.             <div id="wrapper">
    63.             <div id="<?php echo $showRightColumn ? 'main2' : 'main'; ?>">
    64.                 <?php if ($this->getBuffer('message')) : ?>
    65.                 <div class="error">
    66.                     <h2>
    67.                         <?php echo JText::_('Message'); ?>
    68.                     </h2>
    69.                     <jdoc:include type="message" />
    70.                 </div>
    71.                 <?php endif; ?>
    72.  
    73.                 <jdoc:include type="component" />
    74.             </div><!-- end main or main2 -->
    75.  
    76.             <?php if ($showRightColumn) : ?>
    77.             <div id="right">
    78.  
    79.                 <a name="additional"></a>
    80.                 <h2 class="unseen">
    81.                     <?php echo JText::_('Additional Information'); ?>
    82.                 </h2>
    83.  
    84.                 <jdoc:include type="modules" name="top" style="beezDivision" headerLevel="3" />
    85.                 <jdoc:include type="modules" name="user1" style="beezDivision" headerLevel="3" />
    86.                 <jdoc:include type="modules" name="user2" style="beezDivision" headerLevel="3" />
    87.                 <jdoc:include type="modules" name="right" style="beezDivision" headerLevel="3" />
    88.  
    89.             </div><!-- right -->
    90.             <?php endif; ?>
    91.  
    92.             <div class="wrap"></div>
    93.             </div><!-- wrapper -->
    94.         </div><!-- contentarea -->
    95.     </div><!-- all -->
    96.  
    97.         <div id="footer">
    98.             <div id="studio"><a href="http://www.tatait.ru" target="_blank"><img src="<?php echo $this->baseurl ?>/templates/beez/images/studio.jpg" border="0"></a>&nbsp</div>
    99.     <div id="address">&copy; РћРћРћ "ТАНДЕМ-РњРў" Республика Татарстан, 420073, Рі.Казань, СѓР». Спортивная, 33, РѕС„.4&nbsp;&nbsp;&nbsp;&nbsp;Для писем: 420073, Рі.Казань-73, Р°/СЏ 134<br />Тел./факс: (843) 273-58-36, 25-25-883, 295-80-20&nbsp;&nbsp;&nbsp;&nbsp;E-mail: <a href="mailto:tandem-m@bk.ru">tandem-m@bk.ru</a></div>
    100.         </div><!-- footer -->
    101.  
    102.     <jdoc:include type="modules" name="debug" />
    103.  
    104. </body>
    105. </html>


    Если конкретнее то я создаю в адиминке новый пункт меню например Пункт1 где привязать к нему оформление как у КОНТАКТЫ и О КОМПАНИИ.

    заранее спасибо...
     
  2.  

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

Загрузка...