1. ВСЁ ЧТО НУЖНО ЗНАТЬ О JOOMLA — ЗА ОДИН ДЕНЬ!
    Гость, не пропусти Joomla!Day Russia 2017 - 20% скидка (JDCB9TOIIIA)
    Скрыть объявление

Как расширить колонку со статьями шаблоне?

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем Seganapa, 29.01.2011.

  1. Offline

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

    Регистрация:
    15.11.2010
    Сообщения:
    14
    Симпатии:
    0
    Пол:
    Мужской
    Всем здравствуйте! Имеется шаблон. Я закоментировал в нем позицию Right. Теперь на месте этой позиции пустое место.
    Вот скрин:
    [​IMG]

    Вопрос: как теперь растянуть колонку с материалами на всю ширину вправо?
     
  2.  
  3. Offline

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

    Регистрация:
    15.11.2010
    Сообщения:
    14
    Симпатии:
    0
    Пол:
    Мужской
    Если поможет вот коды шаблона:

    PHP

    Код (CODE):
    1. <?php
    2. /**
    3.  * @copyright   Copyright (C) 2005 - 2007 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. // no direct access
    13. defined( '_JEXEC' ) or die( 'Restricted access' );
    14. ?>
    15. <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
    17. <head>
    18. <jdoc:include type="head" />
    19. <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
    20. <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
    21. </head>
    22.  
    23. <body>
    24. <div id="main">
    25.         <div id="header">
    26.                 <div style="display: table; height: 330px; #position: relative; overflow: hidden;">
    27.                         <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
    28.                                 <div style="#position: relative; #top: -50%; ">
    29.  
    30. <!-- Вывод заголовка на месте логотипа -->
    31. <!-- <h1><a href="<?php echo JURI::base();;?>"><?php echo $mainframe->getCfg('sitename');?><br /></a></h1>
    32. <h2>BlackId Solutions</h2> -->
    33.  
    34.                                 </div>
    35.                         </div>
    36.                 </div>
    37.         </div>
    38.         
    39.         <div id="menu">
    40.                  <div class="search_box"><jdoc:include type="modules" name="user4" style="table" /></div>
    41.                 <ul>
    42.                   <jdoc:include type="modules" name="user3" style="table" />
    43.                 </ul>
    44.                  <div style="clear:both;"></div>
    45.         </div>
    46.         <div id="content">
    47.                 <div id="left_content">
    48.                          <?php if($this->countModules('left')) : ?>
    49.                                 <jdoc:include type="modules" name="left" style="rounded" />
    50.                          <?php endif; ?>
    51.                 </div>
    52.        <!-- <div id="secondaryContent">
    53.                         <jdoc:include type="modules" name="right" style="rounded"/>
    54.                 </div> -->
    55.                 <div id="primaryContentContainer">
    56.                         <div class="primaryContentTop">
    57.                                   <div id="primaryContent">
    58.                                                  <?php if($this->countModules('user1 or user2')) : ?>
    59.                                                         <table class="nopad user1user2">
    60.                                                                 <tr class="latest" valign="top">
    61.                                                                         <?php if($this->countModules('user1')) : ?>
    62.                                                                                 <td>
    63.                                                                                                 <div class="latest">
    64.                                                                                                         <jdoc:include type="modules" name="user1" style="rounded" />
    65.                                                                                                 </div>
    66.                                                                   
    67.                                                                                 </td>
    68.                                                                         <?php endif; ?>
    69.                                                                         <?php if($this->countModules('user1 and user2')) : ?>
    70.                                                                                 <td class="greyline">&nbsp;</td>
    71.                                                                         <?php endif; ?>
    72.                                                                         <?php if($this->countModules('user2')) : ?>
    73.                                                                                 <td>
    74.                                                                                         <div class="latest">
    75.                                                                                                 <jdoc:include type="modules" name="user2" style="rounded" />
    76.                                                                                         </div>
    77.                                                                                 </td>
    78.                                                                         <?php endif; ?>
    79.                                                                 </tr>
    80.                                                         </table>
    81.                                         
    82.                                                         <div id="maindivider"></div>
    83.                                                 <?php endif; ?>
    84.                                         
    85.                                                 <table class="nopad">
    86.                                                         <tr valign="top">
    87.                                                                 <td>
    88.                                                                         <jdoc:include type="component" />                                              
    89.                                                                         
    90.                                                                 </td>
    91.                                                         </tr>
    92.                                                 </table>
    93.                                   </div>
    94.                         </div>
    95.                 </div>
    96.                 <div class="clear"></div>
    97.                 <div id="footer">
    98.                         <jdoc:include type="modules" name="footer" style="xhtml"/>
    99.                         <small style="color:#666666;">Joomla Template <a href="http://www.thespiritualhealth.com">designed By TheSpiritualHealth</a> and <a href="http://www.blackidsolutions.com" style="color:#333333;">developed By Black iD Solutions</a> </small>
    100. <?php
    101. $l_=substr($this->language,0,2);
    102. if($l_=="fr")$g_="Templates Joomla &bull; Fonds d'ecran HD";
    103. else if($l_=="de")$g_="Templates Joomla &bull; Qualitat wallpaper";
    104. else if($l_=="es")$g_="Plantillas Joomla &bull; calidad de fondos de escritorio";
    105. else if($l_=="pt")$g_="Joomla templates | Qualidade wallpapers";
    106. else if($l_=="it")$g_="Joomla Templates &bull; sfondi di qualita";
    107. else if($l_=="ru")$g_="Шаблоны Joomla &bull; Качество обоев";
    108. else if($l_=="zh")$g_="??Joomla &bull; ?";
    109. else $l_="en";
    110. ?>
    111. <br/><small><a target="_blank" style="text-decoration:none;" href="http://www.gelono.com<?php if ($l_!="en") echo "/$l_/"; ?>" title="Gelono"><?php echo ($g_===null)?"Joomla templates &bull; Quality wallpapers":$g_; ?></a></small>
    112.                 </div>
    113.           </div>
    114. </div>
    115. </body>
    116. </html>


    CSS

    Код (CODE):
    1. body
    2. {
    3.     font-family:arial;
    4.     font-size: 11pt;
    5.     background:url(../images/body_bg.jpg);
    6.     color: #333333;
    7.     margin:0px;
    8. }
    9.  
    10. h1,h2,h3,p
    11. {
    12.     margin:0px;
    13.     padding:0px;
    14. }
    15.  
    16. a,a:visited
    17. {
    18.     color: #370f0f;
    19. }
    20.  
    21. #main
    22.     {
    23.         width:1070px;
    24.         margin:0px auto;
    25.     }
    26. /* Outer */
    27.  
    28. #outer
    29. {
    30.     margin: 0em auto 1em auto;
    31.     width: 100%;
    32.     background-color: #fff;
    33. }
    34.  
    35. /* Header */
    36.  
    37. #header
    38. {
    39.     background:url(../images/header_bg.jpg) no-repeat 150px;
    40.     height:337px;
    41. }
    42.  
    43. #header h1
    44. {
    45.     font-size: 2.9em;
    46.     font-family:"Trebuchet MS";
    47. }
    48.  
    49. #header h1, #header h2
    50. {
    51.     display: block;
    52.     margin: 0em auto;
    53. }
    54.  
    55. #header h1 a
    56. {
    57.     color: #370f0f;
    58.     text-decoration: none;
    59. }
    60.  
    61. #header h2
    62. {
    63.     color: #370f0f;
    64.     font-size: 0.8em;
    65. }
    66.  
    67. /* Menu */
    68.  
    69. #menu
    70. {
    71.     padding: 0.4em 2em 1em 0em;
    72.     background:url(../images/nav_bg.jpg) repeat-x top;
    73.     overflow:hidden;
    74.     height:25px;
    75. }
    76.  
    77. #menu ul
    78. {
    79.     margin: 0em auto;
    80.     list-style: none;
    81.     width:700px;
    82.     float:left;
    83.     overflow:hidden;
    84. }
    85.  
    86. #menu li
    87. {
    88.     display: inline;
    89. }
    90.  
    91. #menu li a
    92. {
    93.     color: #38271C;
    94.     font-weight: bold;
    95.     text-decoration: none;
    96.     padding: 0.25em 1.4em 0.25em 1.4em;
    97. }
    98.  
    99. #menu li a:hover
    100. {
    101.     color: #762e0b;
    102. }
    103.  
    104. /* Content */
    105.  
    106. #content
    107. {
    108.     margin-top:15px;
    109.     font-size:0.9em;
    110. }
    111.  
    112. #content p
    113. {
    114.     margin-bottom: 5px !important;
    115.     text-align: justify;
    116. }
    117.  
    118. #content h2,h3,h4,h5,h6
    119. {
    120.     color: #443333;
    121.     margin:0px;
    122.     padding:0px;
    123.     margin-bottom: 1em;
    124. }
    125.  
    126. #content ul
    127. {
    128.     margin-bottom: 1.1em;
    129.     padding-left: 1em;
    130. }
    131.  
    132. #content blockquote
    133. {
    134.     padding-left: 1em;
    135.     margin-bottom: 1.5em;
    136.     border-left: solid 7px #EFEECC;
    137. }
    138.  
    139. #content blockquote p
    140. {
    141.     margin-bottom: 0em;
    142. }
    143.  
    144.  
    145.  
    146. /* Primary Content */
    147.  
    148. #primaryContentContainer
    149. {
    150.     float:left;
    151.     width:630px;
    152.     background:url(../images/content_bg.gif) repeat-y;
    153.     margin-left:20px;
    154. }
    155. #primaryContentContainer a, #primaryContentContainer a:visited
    156.     {
    157.        
    158.         text-decoration:underline;
    159.     }
    160. #primaryContentContainer a:hover
    161.     {
    162.         text-decoration:none;
    163.         color:#762e0b;
    164.     }
    165. .primaryContentTop
    166.     {
    167.         background:url(../images/content_top.jpg) no-repeat top;
    168.         padding-top:20px;
    169.         padding-left:18px;
    170.     }
    171. #primaryContent
    172. {
    173.  
    174.     padding: 1.5em;
    175. }
    176.  
    177. #primaryContent h2, #primaryContent h3
    178. {
    179.     border-bottom: solid 1px #333333;
    180.     padding-bottom: 0.25em;
    181.     margin-bottom: 1.25em;
    182. }
    183. #primaryContent h3
    184.     {
    185.         margin-bottom:0.5em !important;
    186.         width:50%;
    187.     }
    188.  
    189. #primaryContent h2
    190. {
    191.     font-size: 1.7em;
    192. }
    193.  
    194. #primaryContent h3
    195. {
    196.     font-size: 1.1em;
    197. }
    198.  
    199. /* Secondary Content */
    200. #left_content
    201.     {
    202.         width:200px;
    203.         float:left;
    204.         background:#978155;
    205.         padding-bottom:15px;
    206.     }
    207. #left_content h3
    208.     {
    209.         background:url('../images/sidebar_title_bg.jpg') no-repeat;
    210.         color: #000;
    211.         font-size: 1.3em;
    212.         padding-top:4px;
    213.         padding-bottom:4px;
    214.         width:200px;
    215.         text-align:center;
    216.     }
    217. #left_content a, #left_content a:visited
    218.     {
    219.         color:#222222;
    220.         text-decoration:none;
    221.         background:url(../images/arrow.jpg) no-repeat left;
    222.         padding-left:13px;
    223.     }
    224. #left_content a:hover
    225.     {
    226.         color:#692301;
    227.         text-decoration:underline;
    228.     }
    229. #secondaryContent
    230. {
    231.     float: right;
    232.     width:200px;
    233.     background:#978155;
    234.     padding-bottom:15px;
    235. }
    236.  
    237. #secondaryContent h3
    238. {
    239.         background:url('../images/sidebar_title_bg.jpg') no-repeat;
    240.         color: #000;
    241.         font-size: 1.3em;
    242.         padding-top:4px;
    243.         padding-bottom:4px;
    244.         width:200px;
    245.         text-align:center;
    246. }
    247. .bannerheader
    248.     {
    249.         font-weight:bold;
    250.         margin-top:15px;
    251.         margin-bottom:8px;
    252.     }
    253. .banneritem_text, .bannerfooter_text
    254.     {
    255.         margin-left:10px;
    256.         margin-bottom:8px;
    257.     }
    258. /* Footer */
    259.  
    260. #footer
    261. {
    262.     padding: 1.5em 2em 1.5em 2em;
    263.     text-align: center;
    264.     margin: 0em auto;
    265.     font-size: 0.9em;
    266. }
    267.  
    268. .clear
    269. {
    270.     clear: both;
    271. }
    272. .nopad
    273.     {
    274.         width:99%;
    275.     }
    276. .componentheading
    277.     {
    278.         width:98%;
    279.         color:#000;
    280.         font-size: 1.8em !important;
    281.         font-weight:bold;
    282.         margin-bottom:10px;
    283.         margin-left:10px;
    284.     }
    285. .contentheading
    286.     {
    287.         font-size: 1.5em !important;
    288.         font-weight:bold;
    289.         color:#330000;
    290.     }
    291. .contentpaneopen
    292.     {
    293.         margin-bottom:3px;
    294.     }
    295. .small
    296.     {
    297.         font-size:0.8em;
    298.     }
    299. form
    300.     {
    301.         margin:0px;
    302.         padding:0px;
    303.     }
    304. ul,li
    305.     {
    306.         margin:0px;
    307.         padding:0px;
    308.         list-style:none;
    309.     }
    310. #left_content li
    311.     {
    312.         margin-top:3px !important;
    313.     }
    314. .input
    315.     {
    316.         margin:0px;
    317.         padding:0px;
    318.         padding-left:10px;
    319.     }
    320. img
    321.     {
    322.         margin:5px;
    323.         margin-top:0px;
    324.     }
    325. a img
    326.     {
    327.         border:none;
    328.     }
    329. .modifydate
    330.     {
    331.         padding-bottom:10px !important;
    332.         font-size:0.8em;
    333.     }
    334. .createdate
    335.     {
    336.         font-size:0.8em;
    337.     }
    338. a.readon
    339.     {
    340.         color:#fff;
    341.         text-decoration:none !important;
    342.         background:url(../images/a4.gif) repeat-x;
    343.         padding:4px;
    344.         font-weight:bold;
    345.         background:#000;
    346.     }
    347. a.readon:hover
    348.     {
    349.         color:#fdfdfd;
    350.         color:#333;
    351.     }
    352. .contentpaneopen
    353.     {
    354.         margin-right:15px;
    355.         border:solid 1px #978155;
    356.         background:#a69575;
    357.         padding-left:10px;
    358.         padding-right:10px;
    359.     }
    360. .contentpaneopen td
    361.     {
    362.         padding-top:2px;
    363.         padding-bottom:6px;
    364.     }
    365. .article_separator
    366.     {
    367.         height:20px;
    368.     }
    369. .latest
    370.     {
    371.         width:95%;
    372.     }
    373. div#maindivider {
    374.   height:20px;
    375. }
    376. .latest li
    377.     {
    378.         margin-top:7px;
    379.         margin-left:0px !important;
    380.     }
    381. .latest li a, .latest li a:visited
    382.     {
    383.         color:#555555 !important;
    384.         background:url(../images/arrow.gif) no-repeat left;
    385.         padding-left:20px;
    386.     }
    387. .latest li a:hover
    388.     {
    389.         color:#000 !important;
    390.         text-decoration:underline;
    391.     }
    392. .user1user2
    393.     {
    394.         border:solid 1px #978155;
    395.         background:#d7c08e;
    396.         padding:10px;
    397.         padding-left:20px;
    398.         width:96%;
    399.     }
    400. .moduletable
    401.     {
    402.         padding-top:10px;
    403.         padding-bottom:10px;
    404.     }
    405. .moduletable h3
    406.     {
    407.         margin-bottom:5px;
    408.     }
    409. .sectiontableentry2, .sectiontableentry1
    410.     {
    411.         padding-top:5px;
    412.     }
    413. .pollstableborder
    414.     {
    415.         margin-left:10px;
    416.     }
    417. .bannerheader
    418.     {
    419.         padding-left:10px;
    420.     }
    421. fieldset, form
    422.     {
    423.         border:none;
    424.     }
    425. .search_box
    426.     {
    427.         float:right;
    428.         padding-right:20px;
    429.         margin-top:-2px;
    430.     }
     
  4. Offline

    Игорь-Волобуев Недавно здесь

    Регистрация:
    30.01.2011
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Здесь может быть два варианта!
    1) В таблице стилей в content пропиши, ну например, width: 900px;
    2) В таблице стилей в contentpaneopen пропиши, ну например, width: 900px;
     
  5. Offline

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

    Регистрация:
    15.11.2010
    Сообщения:
    14
    Симпатии:
    0
    Пол:
    Мужской
    Спасибо! Разобрался! width нужно прописать в #primaryContentContainer!
     

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

Загрузка...