Шапка в шаблоне JA_Purity

[fedoroff]

Хочу поменять полностью шапку в стандартном шаблоне JA_Purity, вот что получается:

а нужно чтобы полностью в ней было:


помогите пожалуйста ,не знаю что делать...

[Messir]

Измените в CSS шаблона размеры и положение слоя по размерам Вашей картинки.
Менять надо параметры, связанные с ja-header.

[fedoroff]

/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
   background: #333333;
   color: #CCCCCC;
   line-height: normal;
   height: 80px;
}

#ja-header {
   position: relative;
   height: 80px;
}

.ja-headermask {
   width: 602px;
   display: block;
   background: url(../images/header-mask.png) no-repeat top right;
   height: 80px;
   position: absolute;
   top: 0;
   right: -1px;
}

#ja-header a {
   color: #CCCCCC;
}

это? а что именно поменять?

[fedoroff]

знает кто нибдуь? или нет..

[Messir]

в секции ja-headerwrap меняем:

Код:

background: #333333;

на

Код:

background: url(../images/название_фоновой_картинки) no-repeat top center;

в параметре height: 80px; указываем высоту фоновой картинки
комментируем или удаляем следующий кусок:

Код:

#ja-header {
position: relative;
height: 80px;
}

.ja-headermask {
width: 602px;
display: block;
background: url(../images/header-mask.png) no-repeat top right;
height: 80px;
position: absolute;
top: 0;
right: -1px;
}

#ja-header a {
color: #CCCCCC;
}

h1.logo, h1.logo-text {
margin: 0 0 0 5px;
padding: 0;
font-size: 180%;
text-transform: uppercase;
}

h1.logo a {
width: 208px;
display: block;
background: url(../images/logo.png) no-repeat;
height: 80px;
position: relative;
z-index: 100;
}

h1.logo a span {
position: absolute;
top: -1000px;
}

h1.logo-text a {
color: #CCCCCC !important;
text-decoration: none;
outline: none;
position: absolute;
bottom: 40px;
left: 5px;
}

p.site-slogan {
margin: 0;
padding: 0;
padding: 2px 5px;
color: #FFFFFF;
background: #444444;
font-size: 92%;
position: absolute;
bottom: 20px;
left: 0;
}

Затем открываем файл index.php шаблона и удаляем кусок:

Код:

<div id="ja-header" class="clearfix" style="background: url(<?php echo $tmpTools->templateurl(); ?>/images/header/<?php echo $tmpTools->getRandomImage(dirname(__FILE__).DS.'images/header'); ?>) no-repeat top <?php if($this->direction == 'rtl') echo 'left'; else echo 'right';?>;">

<div class="ja-headermask">&nbsp;</div>

<?php
$siteName = $tmpTools->sitename();
if ($tmpTools->getParam('logoType')=='image'): ?>
<h1 class="logo">
<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
</h1>
<?php else:
$logoText = (trim($tmpTools->getParam('logoText'))=='')? $config->sitename : $tmpTools->getParam('logoText');
$sloganText = (trim($tmpTools->getParam('sloganText'))=='')? JText::_('SITE SLOGAN') : $tmpTools->getParam('sloganText'); ?>
<h1 class="logo-text">
<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $logoText; ?></span></a>
</h1>
<p class="site-slogan"><?php echo $sloganText;?></p>
<?php endif; ?>

<?php $tmpTools->genToolMenu(JA_TOOL_FONT, 'png'); ?>

<?php if($this->countModules('user4')) : ?>
<div id="ja-search">
<jdoc:include type="modules" name="user4" />
</div>
<?php endif; ?>

</div>

Предупреждение!
Операции указаны, исходя из визуализации на скрине. При этом удаляется секция лого и одна из позиций модуля.

[gravizapa]

Спасибо,как раз то что нужно

[lecharton]

Выполнила все действия указанные выше, но шапка не появляется. Этот блок исчез вообще. Подскажите где напортачила.

[Oxlamon]

lecharton, готового рецепта по каждому случаю нет. Но вам будет полезно знать, что ja purity основан на фреймворке ja t3 и на сайте джyмларта есть пример модификации этого шаблона.
Включая, кстати, изменение шапки.
Переводную статью (почти полностью) о фреймворке я встречал на сайте vjoomla.ru. И один из форумчан здесь создал соответствующий топик.
Поизучайте вышеупомянутые посты более пристально, и вопросы, в большинстве своём, снимутся...

[lecharton]

Я понимаю, что готового рецепта нет. Форумы просматриваю уже не первый раз.
И все же вопрос открыт. Поняла, что если в index.php оставить:

Код:

<div id="ja-header" class="clearfix" style="background: url(<?php echo $tmpTools->templateurl(); ?>/images/header/<?php echo $tmpTools->getRandomImage(dirname(__FILE__).DS.'images/header'); ?>) no-repeat top <?php if($this->direction == 'rtl') echo 'left'; else echo 'right';?>;">

А все остальное удалить, то рисунок шапки появляется. Но ширина при этом остается 80, хотя в CSS изменена на нужную.

[lecharton]

Нашла в чем проблема. Почему-то когда я в FireBug меняю ширину в строчке

Код:

    #ja-header {
        position: relative;
        height: 332px;
    }

Новое значение не сохраняется. Стоит закрыть страницу и стоит стандартное 80.
Если меняю не через FireBug тот же результат. Файл доступен для записи.

[Mihanja80]

>Если меняю не через FireBug тот же результат. Файл доступен для записи.
А с помощью чего ещё меняете?
Фаербаг меняет стили отображения в самом браузере а не на хостинге!
 Стили нужно править в файлах на хостинге.

[lecharton]

Открываю CSS через административную панель на сайте. Там стоит нужное мне значение height: 332px, но в FireBug height: 80px. Открывала и смотрела просто блокнотом, тоже 332.
Сайт пока лежит на локалке.

[Messir]

Открываю CSS через административную панель на сайте. Там стоит нужное мне значение height: 332px, но в FireBug height: 80px. Открывала и смотрела просто блокнотом, тоже 332.
Сайт пока лежит на локалке.

А высоту родительского слоя изменили?

Код:

#ja-headerwrap {
   background: #333333;
   color: #CCCCCC;
   line-height: normal;
   height: 80px;
}

Да и не совсем понятно, чего хотите добиться.... если вставить картинку, то см. мой пост выше, при этом удаляется вложенный слой. Если задача другая, то и решение будет соответственно другое.

[lecharton]

Высоту родительского слоя изменила.
Добиться хочу того, чего и автор этой темы. Следовала вашим указаниям выше и у меня возникла вот такая проблема. Сначала вернула строчку:

Код:

<div id="ja-header" class="clearfix" style="background: url(<?php echo $tmpTools->templateurl(); ?>/images/header/<?php echo $tmpTools->getRandomImage(dirname(__FILE__).DS.'images/header'); ?>) no-repeat top <?php if($this->direction == 'rtl') echo 'left'; else echo 'right';?>;">

Так как без нее картинка вообще не отображалась. Пропадал блок с шапкой, сразу сверху страницы шла надпись: "Главная страница" и отображались материалы.
Потом добавила

Код:

#ja-header {
        position: relative;
        height: 332px;
    }

Уже скорее от безысходности и в поисках решения, чем с каким-то умыслом.
Теперь когда в FireBug меняю в этом месте height на 332, шапка встает как надо. В файле CSS тоже стоит 332. Меняла из административной панели (и открывала файл блокнотом). Но когда открываю страницу высота у шапки 80. Снова открываю FireBug, и там тоже 80.
Почему так и можно вообще это исправить?

[ELLE]

Почисти кэш в Joomla и в браузере (или зайди с другого). Если в template.css точно 332px.

[lecharton]

Спасибо большое! Чистка хэша помогла :-)

[ELLE]

Ну слава богу! А то прям полтергейст какой-то!

[Mihanja80]

lecharton, Хеш и Кеш это разные вещи

[snegirev]

После замены шапки, как сделать горизонтальное меню в позиции hornav размером под шапку?
Напишите пожалуйста как для дятла:)

[dimon5991]

А как логотип туда вставить?

[ELLE]

А как логотип туда вставить?

самый простой способ - /templates/ja_purity/images/logo.png эту картинку заменить на свою с тем же именем

[dimon5991]

Если поменял шапку как выше указано, то оно его не найдет
Увожу код в index php

Код:

<div style ="padding-left: 500px; padding-top: 150px "><a href="http://www.vzakachke.com"><img alt="" src="images/logo.png" width="300" height="78" /></a></div>

А логотипа не видет:

[ELLE]

dimon5991, ну понятное дело - значит не удаляйте секцию лого как указано выше и тогда подмена сработает.