28.10.2011 07:09:55 Резиновый шаблон joom сайта Сообщение #1
int
Освоившийся
Дата регистрации:
26.10.2011 05:32:04
Сообщений: 32
У joom сайтов есть серьезная проблема-это фиксированный шаблон. Да, резинок готовых полно, но зачем себя ограничивать в выборе какого-то шабика если можно исправить все своими руками за пять минут?
Я заметил это слишком поздно, когда сайт уже был закончен поэтому пришлось чуть покопаться в коде.
В итоге у меня сайт играющий почти подо все разрешения. от стандартного 8**/6** до 16** на 1***. Проверял на всех основных браузерах. Вообщем коротко:
Заходим в корневой каталог, далее templates/название сайта/css/ открываем через блокнот или другой редактор файл "template", вводим в поиск ".art-sheet" и находим следующий блок
.art-sheet
{
top: -10px !important;
margin-bottom: -7px !important;
cursor:auto;
width: 100%(за место фиксированного значения);
}
Здесь, как Вы уже догадались ставим значение в процентах, у меня изначально стояло " fix 989px".
Далее вводим в поиск "div.art-header-center" здесь центруем шапку. Следующий блок-"div.art-header-png"
здесь определяем позицию изображения шапки. Желательно что бы у вас было выставлено position:absolute. В этих блоках ни в коем случае не меняйте значения на процентное! Иначе у Вас шапка будет ездить и менять позиции под разными разрешениями.
В "div.art-logo" определяем расположение логотипа, подписи.
Вообщем суть здесь понятна, все очень просто.
Я заметил это слишком поздно, когда сайт уже был закончен поэтому пришлось чуть покопаться в коде.
В итоге у меня сайт играющий почти подо все разрешения. от стандартного 8**/6** до 16** на 1***. Проверял на всех основных браузерах. Вообщем коротко:
Заходим в корневой каталог, далее templates/название сайта/css/ открываем через блокнот или другой редактор файл "template", вводим в поиск ".art-sheet" и находим следующий блок
.art-sheet
{
top: -10px !important;
margin-bottom: -7px !important;
cursor:auto;
width: 100%(за место фиксированного значения);
}
Здесь, как Вы уже догадались ставим значение в процентах, у меня изначально стояло " fix 989px".
Далее вводим в поиск "div.art-header-center" здесь центруем шапку. Следующий блок-"div.art-header-png"
здесь определяем позицию изображения шапки. Желательно что бы у вас было выставлено position:absolute. В этих блоках ни в коем случае не меняйте значения на процентное! Иначе у Вас шапка будет ездить и менять позиции под разными разрешениями.
В "div.art-logo" определяем расположение логотипа, подписи.
Вообщем суть здесь понятна, все очень просто.
