Joomla 1.5 Изменение ширины шаблона

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

  1. Offline

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

    Регистрация:
    23.11.2009
    Сообщения:
    8
    Симпатии:
    0
    Пол:
    Мужской
    Всем привет, никак не могу найти вывод ширины шаблона бьюсь уже 2-й день, шаблон с относительной шириной столбцов, левый и правый могу менять, но за счет общей ширины, в "wrap { width: 120%; clear: both; }" поставил 120% сайт смещается вправо без изменения ширины:(
    Где общую ширину поменять в голову не лезит...

    layout.css


    Код (PHP):
    1. /* MAIN LAYOUT DIVS
    2. --------------------------------------------------------- */
    3. .wrap { width: 120%; clear: both; }
    4. .main { width: 900px; max-width: 1200px; margin: 0 auto; position: relative;}
    5.  
    6. .column { overflow: hidden; float: left; }
    7.  
    8. .ja-mass { clear: both; }
    9.  
    10. /* Gutter ---*/
    11. .main .inner {
    12. /* We use liquid layout, so we need to insert a div which will create margin if need */
    13.    padding-left: 5px;
    14.    padding-right: 5px;
    15. }
    16.  
    17. #ja-main .inner { padding: 0 !important; margin-left: 5px; margin-right:  5px; }
    18.  
    19. #ja-mainnav .inner { padding: 0 !important; margin-left: 5px; margin-right:  5px; }
    20.  
    21. .column div.ja-moduletable, .column div.moduletable, .column div.ja-module, .column div.module {
    22. /* for side columns and spotlight, we only need to add margin or padding to Module */
    23.    margin-left: 5px;
    24.    margin-right: 5px;
    25. }
    26.  
    27. .ja-inset2 div.ja-moduletable, .ja-inset2 .div.moduletable, .ja-inset2 div.ja-module, .ja-inset2 div.module {
    28.    margin-right: 0;
    29.    margin-left: 10px;
    30. }
    31.  
    32. .ja-inset1 div.ja-moduletable, .ja-inset1 .div.moduletable, .ja-inset1 div.ja-module, .ja-inset1 div.module {
    33.    margin-right: 10px;
    34.    margin-left: 0;
    35. }
    36.  
    37. .article_column .contentpaneopen {
    38. /* for article columns, we only need to add margin or padding to this div  */
    39.    padding-left: 5px;
    40.    padding-right: 5px;
    41. }
    42.  
    43. .leading { }
    44.  
    45. .article_row {
    46. /* minus the spacing of the article row to macth with the Gutter & global grid */
    47.    margin-left: -5px;
    48.    margin-right: -5px;
    49. }
    50.  
    51. /* MAIN COLUMN
    52. --------------------------------------------------------- */
    53. #ja-mainbody { float: left; }
    54. #ja-current-content, #ja-main { float: right; }
    55.  
    56. /* SIDE COLUMNS
    57. --------------------------------------------------------- */
    58. .ja-colswrap {}
    59. .ja-col {}
    60.  
    61. /* Left Column ---*/
    62. #ja-left .ja-l2 .ja-left1, #ja-left .ja-l2 .ja-left2 { width: 70%; }
    63. #ja-left .ja-l1 .ja-col { width: 100%; }
    64.  
    65. /* Right Column ---*/
    66. #ja-right { float: right; }
    67. #ja-right .ja-r2 .ja-right1, #ja-right .ja-r2 .ja-right2 { width: 70%; }
    68. #ja-right .ja-r1 .ja-col { width: 100%; }
    69.  
    70. /* HEADER
    71. --------------------------------------------------------- */
    72. #ja-header {}
    73.  
    74. /* FOOTER
    75. --------------------------------------------------------- */
    76. #ja-footer { clear: both; }
    77.  
    78. /* CONTENT'S GRIDS
    79. --------------------------------------------------------- */
    80. .article_column { float: left; position: relative; }
    81.  
    82. .cols1 .article_column { width: 100%; }
    83. .cols2 .article_column { width: 50%; }
    84. .cols3 .article_column { width: 33.33%; }
    85. .cols4 .article_column { width: 25%; }
    86. .cols5 .article_column { width: 30%; }
    87.  
    88. /* SPOTLIGHT
    89. --------------------------------------------------------- */
    90. #ja-topsl {}
    91. #ja-botsl {}
    92.  
    93. .ja-box { float: left; overflow: hidden; }


    и вот еще defoult.php

    Код (PHP):
    1. // no direct access
    2. defined( '_JEXEC' ) or die( 'Restricted access' );
    3. $this->_basewidth = 20;
    4. $this->customwidth('left1', 20);
    5. $this->customwidth('right1', 20);
    6. $this->customwidth('left-mass-top', 30);
    7. $positions = array (
    8.    'left1'               =>'left',
    9.    'left2'               =>'',
    10.    'left-mass-top'         =>'main',
    11.    'left-mass-bottom'      =>'',
    12.    'right1'            =>'right',
    13.    'right2'            =>'',
    14.    'right-mass-top'      =>'',
    15.    'right-mass-bottom'      =>'',
    16.    'content-mass-top'      =>'',
    17.    'content-mass-bottom'   =>'',
    18.    'content-top'         =>'',
    19.    'content-bottom'      =>'',
    20.    'inset1'            =>'',
    21.    'inset2'            =>''
    22. );
    23.  
    24. $this->definePosition ($positions);
    25. ?>
    26.  
    27. <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    28.  
    29. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>">
    30.  
    31. <head>
    32. <?php $this->loadBlock('head')?>
    33. </head>
    34.  
    35. <body id="bd" class="fs<?php echo $this->getParam(JA_TOOL_FONT);?> <?php echo $this->browser();?>">
    36.  
    37. <div id="ja-wrapper">
    38.    <a name="Top" id="Top"></a>
    39.  
    40.    <!-- HEADER -->
    41.    <?php $this->loadBlock('header')?>
    42.    <!-- //HEADER -->
    43.  
    44.    <!-- MAIN NAVIGATION -->
    45.    <?php $this->loadBlock('mainnav')?>
    46.    <!-- //MAIN NAVIGATION -->
    47.    
    48.    <?php $this->loadBlock('topsl')?>
    49.  
    50.    <!-- MAIN CONTAINER -->
    51.    <div id="ja-container" class="wrap <?php echo $this->getColumnWidth('cls_w'); ?>">
    52.    <div class="main clearfix">
    53.  
    54.       <div id="ja-mainbody" style="width:<?php echo $this->getColumnWidth('mw')?>%">
    55.          <div class="ja-box1"><div class="ja-box2">
    56.             <?php $this->loadBlock('main')?>
    57.             <?php $this->loadBlock('left')?>
    58.          </div></div>
    59.       </div>
    60.  
    61.       <?php $this->loadBlock('right')?>
    62.  
    63.    </div>
    64.    </div>
    65.    <!-- //MAIN CONTAINER -->
    66.  
    67.    <?php $this->loadBlock('botsl')?>
    68.  
    69.    <!-- FOOTER -->
    70.    <?php $this->loadBlock('footer')?>
    71.    <!-- //FOOTER -->
    72.  
    73. </div>
    74.  
    75. <jdoc:include type="modules" name="debug" />
    76.  
    77. <?php if ($this->isIE6()) : ?>
    78.    <?php $this->loadBlock('ie6/ie6warning')?>
    79. <?php endif; ?>
    80.  
    81. </body>
    82.  
    83. </html>
     
    Последнее редактирование: 10.03.2012
  2.  
  3. Offline

    TroL Недавно здесь => Cпециалист <=

    Регистрация:
    01.03.2011
    Сообщения:
    501
    Симпатии:
    34
    Пол:
    Мужской
    ну вот это вот
    .main { width: 900px; max-width: 1200px; margin: 0 auto; position: relative;}
    первые два параметра
     
  4. Offline

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

    Регистрация:
    23.11.2009
    Сообщения:
    8
    Симпатии:
    0
    Пол:
    Мужской
    При их изменении ничего не меняется, проверял уже, на разных браузерах с чистым кешем
     

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

Загрузка...