Шапка для сайта

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

  1. Offline

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

    Регистрация:
    08.05.2012
    Сообщения:
    2
    Симпатии:
    0
    Пол:
    Мужской
    Я только недавно начал пользоваться джумлой и вообще делать сайт, так что без вашей помощи не обойтись, так как в интернете не смог найти то что мне нужно. Мне нада сделать шапку для сайта состоящую из 3 элементов: логотип, фон который будет растягиваться в зависимости от ширины монитора и картинка. Я никак не могу понять куда и что прописывать в шаблоне, которым я пользуюсь ( JB Pure). Напишите пожалуйста что нада прописать и куда, извините за тафталогию. Сайт пока тока на локалхосте, это как щас http://my.jetscreenshot.com/12271/20120512-ojfg-76kb
    Это как я хочу сделать http://my.jetscreenshot.com/4710/20120508-wkpf-281kb.jpg
    Themplate.css
    Код (CODE):
    1. /* Header and Logo Row - For when logo is in the header row and for header1 to header4 positions
    2. -----------------------------------------------------------------------------*/
    3. .logoRow
    4. {
    5.     position:relative;
    6.     z-index:1;
    7.     padding:20px 0
    8. }
    9.  
    10. .logoRow .containerBG {
    11.     padding:20px 0 0
    12. }
    13.  
    14. #header4
    15. {
    16.     margin-right:15px;
    17.     margin-top:16px;
    18.     color: #fff;
    19. }
    20.  
    21. #header4 .moduletable
    22. {
    23.     text-align:right;
    24.     float:right;
    25.     clear:both;
    26.     margin-bottom:8px
    27. }
    28. .logoRow h1, .logoRow h3, .logoRow h4,.logoRow h5,.logoRow h6,.logoRow p {color: #fff;}
    29. .logoRow h2
    30. {
    31.     color:#fff;
    32.     font-size:1.2em;
    33.     line-height:1;
    34.     padding:0
    35. }
    36.  
    37. .logoRow h2 a
    38. {
    39.     line-height:1
    40. }
    41.  
    42. .logoRow ul li
    43. {
    44.     list-style-type:none;
    45.     float:left;
    46.     border-left:1px solid;
    47.     line-height:1.3;
    48.     font-size:90%;
    49.     letter-spacing:2px;
    50.     padding:0 0 0 10px;
    51.     margin-left: 10px;
    52. }
    53.  
    54. /* Logo Div and Tagline
    55. -----------------------------------------------------------------------------*/
    56. #logo a
    57. {
    58.     color:#fff;
    59.     padding:0
    60. }
    61.  
    62. #tagline span
    63. {
    64.     font-style:italic;
    65.     font-size:90%;
    66.     letter-spacing:2px
    67. }

    Index.php
    Код (CODE):
    1. <?php
    2.  
    3. /**
    4. *** Zen Grid 2.0 Joomla Template Framework is a commercial Joomla template from Joomla Bamboo
    5. *** @author    Joomlabamboo
    6. *** @copyright (C) 2010 by Joomlabamboo
    7. *** @license   Commercial
    8. **/
    9.  
    10. // no direct access
    11. defined( '_JEXEC' ) or die( 'Restricted index access' );
    12. define('ZEN_DOCUMENT_ROOT',     isset($_SERVER['DOCUMENT_ROOT'])? $_SERVER['DOCUMENT_ROOT'] : '');
    13. define('ZEN_SCRIPT_FILENAME',   isset($_SERVER['SCRIPT_FILENAME'])? $_SERVER['SCRIPT_FILENAME'] : '');
    14. define('ZEN_SCRIPT_NAME',   isset($_SERVER['SCRIPT_NAME'])? $_SERVER['SCRIPT_NAME'] : '');
    15.  
    16. $rootCheck = $this->params->get("rootCheck", "1");
    17.  
    18. $zenDocRoot = preg_replace('/\/$/', '', ZEN_DOCUMENT_ROOT);
    19. $zenBaseUrl = preg_replace('/\/~(\w+)/','',JURI::root(true));
    20.  
    21.  
    22. if ($rootCheck) {
    23.         if(!(file_exists( $zenDocRoot.$zenBaseUrl."/templates/zengridframework/index.php")))
    24.         {
    25.             // Remove '~path/' if exists
    26.             $scriptName = preg_replace('/~(\w+)\//','',ZEN_SCRIPT_NAME);
    27.             // Build doc root from other server variables
    28.             $zenDocRoot = str_replace($scriptName,'',ZEN_SCRIPT_FILENAME);
    29.             // Strip possible trailing slash
    30.             $zenDocRoot = preg_replace('/\/$/', '', $zenDocRoot);
    31.         }
    32.        
    33.         if(file_exists( $zenDocRoot.$zenBaseUrl."/templates/zengridframework/index.php")) :
    34.             require("templates/zengridframework/index.php");
    35.  
    36.        
    37.         // otherwise get to work
    38.         else :
    39.        
    40.         ?>
    41.         <body style="background:#f9f9f9">
    42.         <div style="width:500px;margin:140px auto;height:70px;background:#fffbcc;padding:20px;border:1px solid #ddd;color:#444;line-height:2em"><p>The template you are attempting to use requires the Zen Grid2 Framework.<br /> Please refer to the Zen Grid2 framework documentation for more information.</p>
    43.         <p>Please note that if you have uploaded the framework manually then you need to make sure that the framework files are located in a folder named <em>zengridframework</em>.</p>
    44.         <p>Also depending on your server configuration you may need to select the docroot check that can be found on the overview page in the <?php echo $this->template ?> template admin.</p></div>
    45.         </body>
    46.         <?php
    47.         endif;
    48. }
    49.  
    50. else {
    51.     require("templates/zengridframework/index.php");
    52.     }
    53. ?>

    Только напишите как ребёнку, заранее огромное спасибо!
     
    ATRemains, 12.05.2012
    #1

  2. Наши спонсоры

     
< Ошибка отображения шаблона в Опере | Можно ли сделать в главном меню название кнопки в 2 строчки? >

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

Загрузка...