[Решено]Позиция выше header, как правильно реализовать?

reg-ad-site

Захожу иногда
410
14 / 3
Если помог, ставь +

[Решено]Позиция выше header, как правильно реализовать?

« : 01.10.2010, 20:05:04 »

Прописываю новую позицию для шаблона, планирую в ней размещать рекламные баннеры. Позиция находиться выше header (тоесть основной части шаблона) вот ссылка на сайт: http://jamozg.ru/
В файле index.php сразу посли тега <body> пишу:

Код


<div class="up-apper">
<jdoc:include type="modules" name="apper" />
</div>

В файле template.css прописываю:

Код


.up-apper{
        position:absolute;
        top:10px;
        left:0px;
}

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

« Последнее редактирование: 10.10.2010, 20:15:42 от reg-ad-site »

Записан

dynamit

Завсегдатай
1744
265 / 0
Winter Is Coming

Re: Позиция выше header, как правильно реализовать?

« Ответ #1 : 01.10.2010, 20:07:58 »

а "apper" в templateDetails.xml дописали?

Записан

ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
_{Сайты на Joomla!. Верстка. Консультации.} _|| _{Яндекс уже не ищет, он уже продает (с)} _|| _{Создание шаблона для Joomla 2.5}

reg-ad-site

Захожу иногда
410
14 / 3
Если помог, ставь +

Re: Позиция выше header, как правильно реализовать?

« Ответ #2 : 01.10.2010, 20:12:03 »

:'(да, позиция доступна для выбора, и модуль опубликован в этой позиции!

Записан

dynamit

Завсегдатай
1744
265 / 0
Winter Is Coming

Re: Позиция выше header, как правильно реализовать?

« Ответ #3 : 01.10.2010, 20:14:57 »

попробуйте жестко задать высоту height:XXpx; и посмотрите результат.

Записан

ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
_{Сайты на Joomla!. Верстка. Консультации.} _|| _{Яндекс уже не ищет, он уже продает (с)} _|| _{Создание шаблона для Joomla 2.5}

reg-ad-site

Захожу иногда
410
14 / 3
Если помог, ставь +

Re: Позиция выше header, как правильно реализовать?

« Ответ #4 : 01.10.2010, 20:21:05 »

нет, результата при задании жесткой высоты!
попробовал так же в index.php по совету из темы http://joomlaforum.ru/index.php/topic,131719.0.html вставить код:

Код


<div class="up-apper">
<?php if($this->countModules('apper')) : ?>
<jdoc:include type="modules" name="apper" style="xhtml" />     
<?php endif; ?>
</div>

Но результат по прежнему не достигнут
Проблема как мне кажется в CSS файле, а конкретнее с зданием жестких позиций. Подскажите как исправить!

« Последнее редактирование: 01.10.2010, 20:30:57 от reg-ad-site »

Записан

dynamit

Завсегдатай
1744
265 / 0
Winter Is Coming

Re: Позиция выше header, как правильно реализовать?

« Ответ #5 : 01.10.2010, 20:42:22 »

попробуй опустить его внутрь "art-main" и задать relative

Записан

ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
_{Сайты на Joomla!. Верстка. Консультации.} _|| _{Яндекс уже не ищет, он уже продает (с)} _|| _{Создание шаблона для Joomla 2.5}

reg-ad-site

Захожу иногда
410
14 / 3
Если помог, ставь +

Re: Позиция выше header, как правильно реализовать?

« Ответ #6 : 01.10.2010, 20:48:20 »

это как ?
Дело в том что модуль там появляется при обновлении страницы, но потом тут же пропадает!

« Последнее редактирование: 01.10.2010, 20:53:56 от reg-ad-site »

Записан

ValeryB

Захожу иногда
384
31 / 2

Re: Позиция выше header, как правильно реализовать?

« Ответ #7 : 01.10.2010, 21:01:26 »

А где у вас выше хедера место для баннера?
Проще в шапке на место надписи

Цитировать

Jamozg.ru
сайт для студентов и преподавателей
E-mail: support@jamozg.ru
ICQ: 639353160

(чуть выше) вставить, а надпись опустить ниже.

« Последнее редактирование: 01.10.2010, 21:28:36 от ValeryB »

Записан

ValeryB

Захожу иногда
384
31 / 2

Re: Позиция выше header, как правильно реализовать?

« Ответ #8 : 01.10.2010, 21:02:27 »

У вас скорее проблема с z-index

Записан

dynamit

Завсегдатай
1744
265 / 0
Winter Is Coming

Re: Позиция выше header, как правильно реализовать?

« Ответ #9 : 01.10.2010, 21:04:08 »

пробуй так - добавь:

Код


# art-main {
top: 50px; //или больше смотри по дизайну у меня на мониторе хватило
}

.up-apper {
z-index:10; // в общем больше чем у других элементов в template.css 
}

Записан

ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
_{Сайты на Joomla!. Верстка. Консультации.} _|| _{Яндекс уже не ищет, он уже продает (с)} _|| _{Создание шаблона для Joomla 2.5}

reg-ad-site

Захожу иногда
410
14 / 3
Если помог, ставь +

Re: Позиция выше header, как правильно реализовать?

« Ответ #10 : 01.10.2010, 21:10:34 »

# art-main - нужно добавить или это уже есть и нужно изменить?

Записан

dynamit

Завсегдатай
1744
265 / 0
Winter Is Coming

Re: Позиция выше header, как правильно реализовать?

« Ответ #11 : 01.10.2010, 21:15:04 »

конечно изменить

Записан

ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
_{Сайты на Joomla!. Верстка. Консультации.} _|| _{Яндекс уже не ищет, он уже продает (с)} _|| _{Создание шаблона для Joomla 2.5}

reg-ad-site

Захожу иногда
410
14 / 3
Если помог, ставь +

Re: Позиция выше header, как правильно реализовать?

« Ответ #12 : 01.10.2010, 21:41:11 »

Спасибо всем кто помогал решать данную задачу! Задача решена! Выкладываю здесь все действия последовательно, возможно кому то пригодиться еще
В общем так:
В файле templateDetails.xml добавляю строку, позволяющую выбирать позицию через административную часть:

Код


<position>apper</position>

Далее в файле index.php сразу после тега <body> прописываю позицию, предварительно создав класс для нее:

Код


<div class="up-apper">
<?php if($this->countModules('apper')) : ?>
<jdoc:include type="modules" name="apper" style="xhtml" />     
<?php endif; ?>
</div>

В файле template.css определяю координаты позиции в шаблоне:

Код


#art-main
{
	position: relative;
	width: 100%;
	left: 0;
	top: 35px;
}

Здесь я изменил

Код


top: 35px;

Код


.up-apper{
        position:absolute;
        top:0px;
        right:140px;
        height:60;
        z-index:10;
}

Сдесь описал класс созданный в файле index.php
Все работает!

Записан

dynamit

Завсегдатай
1744
265 / 0
Winter Is Coming

Re: Позиция выше header, как правильно реализовать?

« Ответ #13 : 01.10.2010, 21:45:02 »

опустите баннер немного вниз, имхо будет симпатичней

Записан

ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
_{Сайты на Joomla!. Верстка. Консультации.} _|| _{Яндекс уже не ищет, он уже продает (с)} _|| _{Создание шаблона для Joomla 2.5}

ValeryB

Захожу иногда
384
31 / 2

Re: Позиция выше header, как правильно реализовать?

« Ответ #14 : 01.10.2010, 21:57:25 »

Цитата: alex0013 от 01.10.2010, 21:45:02

опустите баннер немного вниз, имхо будет симпатичней

Я тоже говорю, что в самой шапке куча места для баннера.
Можно надпись

Цитировать

Jamozg.ru
сайт для студентов и преподавателей
E-mail: support@jamozg.ru
ICQ: 639353160

сдвинуть вверх влево (и расположить в 3-х строках), а можно опустить ниже к меню. Тогда будет куча места для баннера.
А хедер можно даже чуть поднять, хватит сверху 6-8px.

Записан

reg-ad-site

Захожу иногда
410
14 / 3
Если помог, ставь +

Re: Позиция выше header, как правильно реализовать?

« Ответ #15 : 01.10.2010, 22:12:28 »

Я уважаю ИМХО каждого форумчанина, но я захотел прописать позицию именно так как сейчас сделано, другие стандартные позиции меня не устраивают, а даже если я переносил бы стандартные позиции в верх, то все ровно бы столкнулся с проблемами CSS, причем не думаю что их было бы меньше!

Записан

ValeryB

Захожу иногда
384
31 / 2

Re: Позиция выше header, как правильно реализовать?

« Ответ #16 : 01.10.2010, 22:27:14 »

Посмотрите на ваш сайт в разрешении 1024x768. Вся полезная информация в нижней половине, а контент вообще занимает 15% экрана.
Потому ваше решение ошибочно.

Записан

reg-ad-site

Захожу иногда
410
14 / 3
Если помог, ставь +

Re: Позиция выше header, как правильно реализовать?

« Ответ #17 : 01.10.2010, 22:33:04 »

посмотрел, у меня только баннер немного влево сполз!

Записан

dynamit

Завсегдатай
1744
265 / 0
Winter Is Coming

Re: Позиция выше header, как правильно реализовать?

« Ответ #18 : 01.10.2010, 22:33:59 »

Цитата: ValeryB от 01.10.2010, 22:27:14

Посмотрите на ваш сайт в разрешении 1024x768. Вся полезная информация в нижней половине, а контент вообще занимает 15% экрана.
Потому ваше решение ошибочно.

ну, у меня 1024x768. нормально вроде. left и right поуже в принципе можно, а кому надо - тот и вниз прокрутит. а, кому не надо - увеличит количество 100%-х отказов

Записан

ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
_{Сайты на Joomla!. Верстка. Консультации.} _|| _{Яндекс уже не ищет, он уже продает (с)} _|| _{Создание шаблона для Joomla 2.5}

reg-ad-site

Захожу иногда
410
14 / 3
Если помог, ставь +

Re: Позиция выше header, как правильно реализовать?

« Ответ #19 : 01.10.2010, 22:39:17 »

Цитата: alex0013 от 01.10.2010, 22:33:59

количество 100%-х отказов

Поясни про это?

Записан

dynamit

Завсегдатай
1744
265 / 0
Winter Is Coming

Re: Позиция выше header, как правильно реализовать?

« Ответ #20 : 01.10.2010, 22:44:21 »

зашел юзер и сразу вышел.

Записан

ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
_{Сайты на Joomla!. Верстка. Консультации.} _|| _{Яндекс уже не ищет, он уже продает (с)} _|| _{Создание шаблона для Joomla 2.5}

reg-ad-site

Захожу иногда
410
14 / 3
Если помог, ставь +

Re: Позиция выше header, как правильно реализовать?

« Ответ #21 : 01.10.2010, 22:55:49 »

Цитата: alex0013 от 01.10.2010, 22:44:21

зашел юзер и сразу вышел.

Ну на таком расширении и без баннера и всех моих переделок все смотрится как и сейчас

Записан

RazarioAgro

Захожу иногда
473
4 / 0

Re: [Решено]Позиция выше header, как правильно реализовать?

« Ответ #22 : 16.04.2012, 11:36:25 »

И так можно реализовать несколько новых позиций?

Записан

как правильно устанавливать Quick start? Автор nicksem	Ответов: 21 Просмотров: 45063	30.01.2018, 14:54:08 от SeBun
Решено. Шаблон YooMilk где исправить Continue Reading ? Автор Nino	Ответов: 3 Просмотров: 3961	18.07.2015, 14:14:57 от rukodelie
Как правильно создать меню? Автор shanya77	Ответов: 2 Просмотров: 1704	26.03.2015, 12:13:15 от shanya77
Шаблон > Позиция > Модуль Автор vasilyreal	Ответов: 0 Просмотров: 1425	22.02.2015, 21:19:48 от vasilyreal
Слегка не удалась позиция в модуле Автор reg-ad-site	Ответов: 15 Просмотров: 7244	19.11.2014, 22:39:43 от roosr

Joomla: как тестировать? Всего 8 минут

JoomGallery 4.1.0 - компонент галереи изображений для Joomla

v.4.1.0. Что нового?

Вышел релиз Joomla 5.3.2

Похожие темы