Помогите отрдактировать шаблон

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

  1. Offline

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

    Регистрация:
    01.10.2008
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Мужской
    Добрый... Такой вопрос. Шаблон ja_purity

    В шапке две картинки. Хочется сделать 3 картинки и чтоб 2ая (по середине которая) была резиновой.

    Код (CODE):
    1. <?php
    2. /*------------------------------------------------------------------------
    3. # JA Cooper Business for Joomla 1.5 - Version 1.0 - Licence Owner JA148390
    4. # ------------------------------------------------------------------------
    5. # Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
    6. # @license - Copyrighted Commercial Software
    7. # Author: J.O.O.M Solutions Co., Ltd
    8. # Websites:  http://www.joomlart.com -  http://www.joomlancers.com
    9. # This file may not be redistributed in whole or significant part.
    10. -------------------------------------------------------------------------*/
    11.  
    12. // no direct access
    13. defined( '_JEXEC' ) or die( 'Restricted access' );
    14.  
    15. include_once (dirname(__FILE__).DS.'ja_vars_1.5.php');
    16.  
    17. ?>
    18.  
    19. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    20.  
    21. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>">
    22.  
    23. <head>
    24. <jdoc:include type="head" />
    25. <?php JHTML::_('behavior.mootools'); ?>
    26.  
    27. <link rel="stylesheet" href="<?php echo $tmpTools->baseurl(); ?>templates/system/css/system.css" type="text/css" />
    28. <link rel="stylesheet" href="<?php echo $tmpTools->baseurl(); ?>templates/system/css/general.css" type="text/css" />
    29. <link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/template.css" type="text/css" />
    30. <link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/typo.css" type="text/css" />
    31.  
    32. <script language="javascript" type="text/javascript">
    33.     var siteurl = '<?php echo $tmpTools->baseurl();?>';
    34.     var tmplurl = '<?php echo $tmpTools->templateurl();?>';
    35. </script>
    36.  
    37. <script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl(); ?>/js/ja.script.js"></script>
    38. <!-- js for dragdrop -->
    39.  
    40. <!-- Menu head -->
    41. <?php if ($jamenu) $jamenu->genMenuHead(); ?>
    42. <link href="<?php echo $tmpTools->templateurl(); ?>/css/colors/<?php echo strtolower ($tmpTools->getParam(JA_TOOL_COLOR)); ?>.css" rel="stylesheet" type="text/css" />
    43.  
    44. <!--[if lte IE 6]>
    45. <style type="text/css">
    46. .clearfix {height: 1%;}
    47. img {border: none;}
    48. </style>
    49. <![endif]-->
    50.  
    51. <!--[if gte IE 7.0]>
    52. <style type="text/css">
    53. .clearfix {display: inline-block;}
    54. </style>
    55. <![endif]-->
    56.  
    57. <?php if ($tmpTools->isIE()) { ?>
    58. <link href="<?php echo $tmpTools->templateurl(); ?>/css/ie.php" rel="stylesheet" type="text/css" />
    59. <link href="<?php echo $tmpTools->templateurl(); ?>/css/colors/<?php echo strtolower ($tmpTools->getParam(JA_TOOL_COLOR)); ?>-ie.php" rel="stylesheet" type="text/css" />
    60. <!--[if lte IE 6]>
    61. <link href="<?php echo $tmpTools->templateurl(); ?>/css/ie6.php" rel="stylesheet" type="text/css" />
    62. <link href="<?php echo $tmpTools->templateurl(); ?>/css/colors/<?php echo strtolower ($tmpTools->getParam(JA_TOOL_COLOR)); ?>-ie6.php" rel="stylesheet" type="text/css" />
    63. <script type="text/javascript">
    64. window.addEvent ('load', makeTransBG);
    65. function makeTransBG() {
    66. makeTransBg($$('img'));
    67. }
    68. </script>
    69. <![endif]-->
    70. <?php } ?>
    71.  
    72. <?php if ($tmpTools->isSafari()) { ?>
    73. <link href="<?php echo $tmpTools->templateurl(); ?>/css/safari.css" rel="stylesheet" type="text/css" />
    74. <?php } ?>
    75.  
    76. <?php if ($tmpTools->isOP()) { ?>
    77. <link href="<?php echo $tmpTools->templateurl(); ?>/css/op.css" rel="stylesheet" type="text/css" />
    78. <?php } ?>
    79. <!--[if gt IE 7]>
    80. <link href="<?php echo $tmpTools->templateurl(); ?>/css/colors/<?php echo strtolower ($tmpTools->getParam(JA_TOOL_COLOR)); ?>-ie6.php" rel="stylesheet" type="text/css" />
    81. <![endif]-->
    82.  
    83. </head>
    84.  
    85. <body id="bd" class="<?php echo $tmpTools->getParam(JA_TOOL_LAYOUT);?> <?php echo $tmpTools->getParam(JA_TOOL_SCREEN);?> fs<?php echo $tmpTools->getParam(JA_TOOL_FONT);?>" >
    86. <a name="Top" id="Top"></a>
    87. <!-- BEGIN: HEADER -->
    88. <div id="ja-headerwrap"><div id="ja-headerwrap2">
    89. <div id="ja-header">  <div id="ja-header-innerpad" class="clearfix">
    90.  
    91.  
    92.  
    93.  
    94.         <!-- BEGIN: PATHWAY -->
    95.         <div id="ja-pathway">
    96.           <jdoc:include type="module" name="breadcrumbs" />
    97.         </div>
    98.         <!-- END: PATHWAY -->  
    99.  
    100.     <?php
    101.     $siteName = $tmpTools->sitename();
    102.     if ($tmpTools->getParam('logoType')=='image') { ?>
    103.     <h1 class="logo">
    104.         <a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
    105.     </h1>
    106.     <?php } else {
    107.     $logoText = (trim($tmpTools->getParam('logoText'))=='') ? $config->sitename : $tmpTools->getParam('logoText');
    108.     $sloganText = (trim($tmpTools->getParam('sloganText'))=='') ? JText::_('SITE SLOGAN') : $tmpTools->getParam('sloganText');  ?>
    109.     <div class="logo-text">
    110.         <p class="site-slogan"><?php echo $sloganText;?></p>
    111.         <h1>
    112.             <a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $logoText; ?></span></a> 
    113.         </h1>
    114.     </div>
    115.     <?php } ?>
    116.    
    117.       <!-- BEGIN: HEADER TOOLS -->
    118.         <div id="ja-headtools" class="ja-headtool">
    119.             <div class="ja-day">
    120.             <?php
    121.                 echo "<span>".date ('l')."</span>";
    122.                 echo " <div>".date ('M')." ".date ('d').date ('S')."</div>";
    123.             ?>
    124.             </div>
    125.    
    126.             <ul>
    127.                 <jdoc:include type="modules" name="ja-login" />    
    128.                 <!--module search-->           
    129.                 <?php if($this->countModules('user4')) : ?>
    130.                 <jdoc:include type="modules" name="user4" />
    131.                 <?php endif; ?>
    132.             </ul>
    133.    
    134.           <?php if ($tmpTools->getParam(JA_TOOL_USER)) { ?>
    135.           <div id="ja-usertools">
    136.             <strong>Text size</strong><?php $tmpTools->genToolMenu($tmpTools->getParam(JA_TOOL_USER)); ?>
    137.           </div>
    138.           <?php } ?>
    139.      </div>
    140.     <!-- END: HEADER TOOLS -->
    141.    
    142.   </div></div>
    143. </div>
    144. <!-- END: HEADER -->
    145.  
    146. <!-- BEGIN: MAIN NAVIGATION -->
    147. <?php if ($tmpTools->getParam('ja_menu') != 'none') : ?>
    148. <div id="ja-mainnavwrap">
    149. <div id="ja-mainnav" class="clearfix">
    150.     <?php if ($jamenu) $jamenu->genMenu (0); ?>
    151. </div>
    152. <ul style="display:none;">
    153.     <li><a href="<?php echo $tmpTools->getCurrentURL();?>#ja-content" title="<?php echo JText::_("Skip to content");?>"><?php echo JText::_("Skip to content");?></a></li>
    154. </ul>
    155. </div>
    156. <?php endif; ?>
    157. <!-- END: MAIN NAVIGATION -->
    158.  
    159. <?php if ( $this->countModules('ja-slideshow') ) { ?>
    160. <!-- BEGIN: TOP SPOTLIGHT -->
    161. <div id="ja-topslwrap" class="clearfix">
    162.   <div id="ja-topsl" class="clearfix"><div id="ja-topsl-innerpad">
    163.     <jdoc:include type="modules" name="ja-slideshow" style="raw" />
    164.   </div>
    165.     </div>
    166. </div>
    167. <!-- END: TOP SPOTLIGHT -->
    168. <?php } ?>
    169.  
    170. <?php if ( $this->countModules('content-slide') ) { ?>
    171. <div id="ja-cs-wrap" class="clearfix">
    172. <div id="ja-cs"><div class="ja-innerpad clearfix">
    173.   <jdoc:include type="modules" name="content-slide" style="raw" />
    174. </div></div></div>
    175. <?php } ?>
    176.  
    177. <div id="ja-containerwrap<?php echo $divid; ?>" class="clearfix">
    178. <div id="ja-container"><div id="ja-container-innerpad" class="clearfix">
    179.  
    180.     <!-- BEGIN: CONTENT -->
    181.     <div id="ja-contentwrap" class="clearfix">
    182.  
    183.         <div id="ja-content">
    184.  
    185.             <jdoc:include type="message" />
    186.        
    187.         <div id="ja-current-content" class="clearfix"><div id="ja-wrap1">
    188.             <jdoc:include type="component" />
    189.         </div></div>
    190.            
    191.         <!-- BEGIN: JAZIN -->
    192.       <div id="jazin-fp">
    193.         <jdoc:include type="modules" name="ja-news" style="raw" />
    194.       </div>
    195.       <!-- END: JAZIN -->
    196.            
    197.             <?php if($this->countModules('user6')) : ?>
    198.             <!-- BEGIN: BANNER -->
    199.             <div id="ja-tabwrap">
    200.                 <jdoc:include type="modules" name="user6" style="raw" />
    201.             </div>
    202.             <!-- END: BANNER -->
    203.             <?php endif; ?>
    204.  
    205.             <?php if($this->countModules('banner')) : ?>
    206.             <!-- BEGIN: BANNER -->
    207.             <div id="ja-banner">
    208.                 <jdoc:include type="modules" name="banner" />
    209.             </div>
    210.             <!-- END: BANNER -->
    211.             <?php endif; ?>
    212.            
    213.         </div>
    214.     </div>
    215.     <!-- END: CONTENT -->
    216.    
    217.     <?php if ($ja_left || $ja_right || $ja_masscol)  { ?>  
    218.     <div id="ja-colwrap">
    219.    
    220.         <?php if ($ja_masscol) { ?>
    221.         <!-- BEGIN: MASSCOL -->
    222.         <div id="ja-colmass" class="clearfix">
    223.         <div class="ja-innerpad">
    224.             <jdoc:include type="modules" name="user5" style="jamodule" />
    225.       </div>
    226.     </div>
    227.     <?php } ?>
    228.  
    229.     <?php if ($ja_left) { ?>
    230.       <!-- BEGIN: LEFT COLUMN -->
    231.         <div id="ja-col1">
    232.         <div class="ja-innerpad">
    233.  
    234.             <?php if ($hasSubnav) : ?>
    235.             <div id="ja-subnav" class="moduletable_menu">
    236.                 <h3>On this page</h3>
    237.                 <div class="ja-boxct-wrap"><div class="ja-boxct">
    238.                   <?php if ($jamenu) $jamenu->genMenu (1,1);    ?>
    239.                 </div></div>
    240.             </div>
    241.             <?php endif; ?>
    242.        
    243.             <jdoc:include type="modules" name="left" style="jamodule" />
    244.  
    245.         </div>
    246.         </div>
    247.         <!-- END: LEFT COLUMN -->
    248.         <?php } ?>
    249.  
    250.   <?php if ($ja_right) { ?>
    251.     <!-- BEGIN: RIGHT COLUMN -->
    252.     <div id="ja-col2">
    253.     <div class="ja-innerpad">
    254.         <jdoc:include type="modules" name="right" style="jamodule" />
    255.     </div></div><br />
    256.     <!-- END: RIGHT COLUMN -->
    257.     <?php } ?>
    258.        
    259.     </div>
    260.     <?php } ?>
    261.  
    262. </div></div></div>
    263.  
    264. <?php
    265.     $spotlight1 = array ('user7','user8','user9');
    266.     $botsl1 = $tmpTools->calSpotlight ($spotlight1,$tmpTools->isOP()?100:99.9);
    267.     if( $botsl1 ) {
    268. ?>
    269.     <!-- BEGIN: BOTTOM SPOTLIGHT 1 -->
    270.     <div id="ja-botslwrap1">
    271.   <div id="ja-botsl1" class="clearfix">
    272.    
    273.       <?php if( $this->countModules('user7') ) {?>
    274.       <div class="ja-box<?php echo $botsl1['user7']['class']; ?>" style="width: <?php echo $botsl1['user7']['width']; ?>;">
    275.             <jdoc:include type="modules" name="user7" style="jamodule" />
    276.       </div>
    277.       <?php } ?>
    278.      
    279.       <?php if( $this->countModules('user8') ) {?>
    280.       <div class="ja-box<?php echo $botsl1['user8']['class']; ?>" style="width: <?php echo $botsl1['user8']['width']; ?>;">
    281.             <jdoc:include type="modules" name="user8" style="jamodule" />
    282.       </div>
    283.       <?php } ?>
    284.      
    285.       <?php if( $this->countModules('user9') ) {?>
    286.       <div class="ja-box<?php echo $botsl1['user9']['class']; ?>" style="width: <?php echo $botsl1['user9']['width']; ?>;">
    287.             <jdoc:include type="modules" name="user9" style="jamodule" />
    288.       </div>
    289.       <?php } ?>
    290.    
    291.     </div></div>
    292.     <!-- END: BOTTOM SPOTLIGHT 1 -->
    293. <?php } ?>
    294.  
    295. <?php
    296.     $spotlight2 = array ('user1','user2','user10');
    297.     $botsl2 = $tmpTools->calSpotlight ($spotlight2,$tmpTools->isOP()?100:99.9);
    298.     if( $botsl2 ) {
    299. ?>
    300.     <!-- BEGIN: BOTTOM SPOTLIGHT 2 -->
    301.     <div id="ja-botslwrap2">
    302.   <div id="ja-botsl2" class="clearfix">
    303.    
    304.       <?php if( $this->countModules('user1') ) {?>
    305.       <div class="ja-box<?php echo $botsl2['user1']['class']; ?>" style="width: <?php echo $botsl2['user1']['width']; ?>;">
    306.             <jdoc:include type="modules" name="user1" style="xhtml" />
    307.       </div>
    308.       <?php } ?>
    309.      
    310.       <?php if( $this->countModules('user2') ) {?>
    311.       <div class="ja-box<?php echo $botsl2['user2']['class']; ?>" style="width: <?php echo $botsl2['user2']['width']; ?>;">
    312.             <jdoc:include type="modules" name="user2" style="xhtml" />
    313.       </div>
    314.       <?php } ?>
    315.      
    316.       <?php if( $this->countModules('user10') ) {?>
    317.       <div class="ja-box<?php echo $botsl2['user10']['class']; ?>" style="width: <?php echo $botsl2['user10']['width']; ?>;">
    318.             <jdoc:include type="modules" name="user10" style="xhtml" />
    319.       </div>
    320.       <?php } ?>
    321.    
    322.     </div></div>
    323.     <!-- END: BOTTOM SPOTLIGHT 2 -->
    324. <?php } ?>
    325.  
    326. <!-- BEGIN: FOOTER -->
    327. <div id="ja-footerwrap">
    328. <div id="ja-footer" class="clearfix">
    329.     <jdoc:include type="modules" name="user3" />
    330.     <jdoc:include type="modules" name="footer" />
    331. </div></div>
    332. <!-- END: FOOTER -->
    333.  
    334. <jdoc:include type="modules" name="debug" />
    335. <script type="text/javascript">
    336.     ja_topsl_button();
    337.     addSpanToTitle3();
    338. </script>
    339.  
    340. </body>
    341.  
    342. </html>

    т.е. я добавил <div id="ja-headerwrap2">, все 3 картинки выстроились в ряд, но насколько я понимаю, они все 3 стали резиновыми и похоже что поделились на 3 равных части. Из-за этого там где первая картинка, там где она заканчивается идет пустое место, далее 2-ая картинка тоже самое и 3-ая. Как сделать, чтоб у 1 ой и 3ей картинки, были обсолютная ширина, а у 2-ой процентная? Спасибо!
     
    Последнее редактирование: 19.08.2011
  2.  
  3. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    Не нашел у вас в коде где <div id="ja-headerwrap2">
     
  4. Offline

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

    Регистрация:
    01.10.2008
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Мужской
    Прошу прощения. Исправил в посте
     
  5. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    По коду не совсем понял где и как прописаны картинки, чтоб картинка тянулась пропишите ей width="100%"
     
  6. Offline

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

    Регистрация:
    01.10.2008
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Мужской
    картинки прописаны в teamplate.css. Ширина прописана

    Код (CODE):
    1. /* HEADER
    2. --------------------------------------------------------- */
    3. #ja-headerwrap {
    4.     background: url(../../images/grey/1lh.gif) no-repeat left top;
    5.  
    6. }
    7.  
    8. #ja-headerwrap2{
    9.     background: url(../../images/grey/1rh.gif) no-repeat right bottom;
    10.  
    11. }
    12.  
    13. #ja-header {
    14.     position: relative;
    15.     z-index: 999;
    16. }
    17.  
    18. #ja-header-innerpad {
    19.     background: url(../images/2rezc.gif) repeat-x center top;
    20.     height: 120px;
    21. width: 100%;
    22.     padding: 0 0px;
    23.     line-height: normal;
    24. }
     
  7. umbabaraumba
    Offline

    umbabaraumba специалист

    Регистрация:
    25.09.2009
    Сообщения:
    624
    Симпатии:
    58
    Пол:
    Мужской
    Среднюю картинку пропишите прямо в коде а не через css, типа того

    <img src="1rh.gif" width="100%" height="100px">
     

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

Загрузка...