Поставить позицию модуля в нужное место

  • 4 Ответов
  • 801 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

Добрый день!
Подскажите пожалуйста, в этом вообще ноль...
На сайте Joomla 2.5 добавил позицию модуля так
"Идем в файл index.php, лежащий в папке работающего шаблона.
И после строки с body, пишем
<div class="Имя стиля"><jdoc:include type="modules" name="Имя позиции"/></div>
Имя стиля и имя позиции могут быть любыми, латинскими буквами и понятными для вас.
Теперь открываем файл (там же в папке шаблона) templateDetails.xml.
И в столбике где указаны имена позиций, добавляем строку с придуманной нами позицией.
<position>
    <position> Имя позиции </position>
 
, но никак не могу задать ей определенное место: на сайте  bazadoors.ru
На картинке указал......
Пытался сделать так..
Открываем файл template.css в папке CSS в шаблоне. И вписываем в самом конце следующий код.
.Имя стиля
{
display: block;
position: absolute;
 top: 100px;
 left: 55%;
 margin-left: -10px;
}
И изменяя цифры, можно двигать модуль на нужное место в шаблоне сайта. Вместо цифр с процентами можно писать размер в px.
Но меняя px позиция не двигается вообще никак не реагируя на этот код.
Подскажите что не так делаю..Спасибо...

*

Оффлайн AlekVolsk

1) Немного ошиблись с разделом, ваш вопрос не по CSS, а по разметке.
2) Вопрос, в общем-то, много раз обсуждался, описан во многих книгах по J, читайте, изучайте мат. часть.
3) По скрину непонятно, что у вас в том месте, куда стрелка указывает: вам надо колонку справа или это будет "висячая" позиция? Ссылку на сайт в таких случаях предоставляйте обязательно.

1) Немного ошиблись с разделом, ваш вопрос не по CSS, а по разметке.
2) Вопрос, в общем-то, много раз обсуждался, описан во многих книгах по J, читайте, изучайте мат. часть.
3) По скрину непонятно, что у вас в том месте, куда стрелка указывает: вам надо колонку справа или это будет "висячая" позиция? Ссылку на сайт в таких случаях предоставляйте обязательно.
Читал весь день, везде одинаково пишут, как описал, саму позицию модуля вставил, только как поставить в нужное место не пойму. Это будет висячая позиция. Код для изменения позиции, что бы смещать ведь правильный?
Вставляю его в файл template.css , ссылка на сайт http://bazadoors.ru/

*

Оффлайн AlekVolsk

Для висячей позиции добавьте следующие стили:
.имя_класса {
  position: fixed;
  top: сколько пикселей от верхней границы области просмотра окна браузера;
  right: сколько пикселей от правой границы области просмотра окна браузера;
  z-index: 1000; или более
}
Подробнее читайте про абсолютное/фиксированное позизионирование, htmlbook.ru/css/position

Для висячей позиции добавьте следующие стили:
.имя_класса {
  position: fixed;
  top: сколько пикселей от верхней границы области просмотра окна браузера;
  right: сколько пикселей от правой границы области просмотра окна браузера;
  z-index: 1000; или более
}
Подробнее читайте про абсолютное/фиксированное позизионирование, htmlbook.ru/css/position
спасибо большое...