|
|
| Модератор форума: chocopie |
| Форум » uCoz » Уроки по ucoz » Как управлять CSS через ПУ, а не через файл при адаптации |
| Как управлять CSS через ПУ, а не через файл при адаптации |
off-line Добавлено: 2011-Июл-19 - 09:09 | Сообщение #1
В системе ucoz есть стандартный путь к файлу стилей CSS. Очень часто при адаптации шаблонов файл CSS не переносят в директорию ucoz и им можно управлять только через FTP или файловый менеджер. Это никак не влияет на сайт, просто может показаться некоторым пользователям неудобным. Сейчас мы рассмотрим несколько примеров переноса стилей в админку (Управление дизайном CSS).
1) При адаптации DLE шаблонов: При адаптации шаблонов с данной CMS файлы стилей изменять не нужно, нужно лишь указать правильный путь в тегах HEAD и перенести сами стили в админку по адресу: ПУ > дизайн > управление дизайном (CSS). Между тегами Code <head></head> Ставим адрес стилей Code <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> Либо его аналог для конструктора Code <link rel="stylesheet" href="[CSS_URL]" type="text/css" media="screen" /> 2) При адаптации с WordPress При адаптации шаблонов с WordPress необходимо так же в шаблоне указать путь к стилям CSS. Между тегами Code <head></head> Ставим адрес стилей Code <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> Либо его аналог для конструктора Code <link rel="stylesheet" href="[CSS_URL]" type="text/css" media="screen" /> И еще необходимо отредактировать сам файл CSS. Сейчас объясню почему. Пример: Code background: url(images/pagenav-hover.png) left top repeat-x; Здесь в вызове картинки нет слеша перед images, а без него браузер не видит картинку. Поэтому необходимо у всех вызовов изображений прописать слеш, чтобы было в итоге вот так Code background: url(/images/pagenav-hover.png) left top repeat-x; Еще бывает на таких шаблонах пишут вызов картинок независимо от их расположения по папкам и перед слешем у картинки ставят многоточие, это не все браузеры понимают, поэтому тоже необходимо исправить. Пример: Code background: url(.../images/pagenav-hover.png) left top repeat-x; А должно быть Code background: url(/images/pagenav-hover.png) left top repeat-x; На этом все. Удачи! Прикрепления:
9689530.png
(13.5 Kb)
Хочешь в команду сайта? Пиши! Контакты в профиле. |
off-line Добавлено: 2011-Июл-19 - 11:08 | Сообщение #2
ооо круто спасибо
bug bug bug mmm... |
| |||
| |||
