Персонализация ЖЖ
Первые уроки от intnews можно прочитать здесь и здесь. Новичкам советую к ним обратиться, если будут вопросы по CSS.
Наверно, многие ЖЖ-сты не прочь сделать свой журнал хоть чуть-чуть не похожим на другие.
Однако настройка некоторых тем не очевидна. Например, если в различных вариантах из серии "Component" от Kevin Phillips можно менять цвета по своему вкусу, то в достаточно удобном и популярном в последнее время "Минимализме" этого делать нельзя.
Точнее говоря, можно. Делается это с помощью CSS. Результатом такой (довольно простой) переделки является, например, оформление журнала "Юзверёнка". Не претендую на создание шедевра :), но хочу поделиться некоторыми секретами: зная их, даже неопытный пользователь сделает что-то аналогичное или более интересное.
1. Устанавливаем плагин JSView к браузеру Firefox. Он позволит нам видеть внешние таблицы стилей, в которых и содержится нужный для изменений код (плагин также позволяет узнать используемые на странице Java-скрипты).
2. Выбираем наиболее близкий к желаемому результату вариант оформления ЖЖ. В случае "Юзверёнка" это - November Day:
Применяем дизайн.
3. Заходим в свой журнал и открываем файлы стилей с помощью плагина JSView:
Сохраняем то, что относится к элементам, которые мы будем менять, например, к фоновому рисунку и оформлению ссылок. Если сначала ничего не понятно, сохраняем всё - разобраться будет проще, чем кажется на первый взгляд.
4. Сохраняем и внимательно изучаем фоновые изображения. Их можно открыть с помощью браузера или найти по адресу http://l-stat.livejournal.com/*, где * - относительный url, содержащийся в скопированном нами коде (в теме "Минимализм" картинки размещены по адресу, начинающемуся с http://l-stat.livejournal.com/sup/).
5. Разобравшись, что куда относится, меняем фоновые изображения и заливаем их на доступный сайт. Сохраняем гиперссылки и подставляем их на место исходных (url теперь будет абсолютным, а не относительным).
6. Вносим в код другие необходимые изменения. Все изменения кода вписываются вот в это окошко на вкладке Custom CSS:
(больше там ничего трогать НЕ НАДО!)
7. Новичкам советую менять код шаг за шагом, не закрывая окно (вкладку) с журналом - так будет сразу видно, чего Вам удалось добиться, а где Вы ошиблись.
Ну вот, собственно, и всё ;) Надеюсь, что написала понятно. Также надеюсь, что будут вопросы - задавайте. И делитесь своим опытом - ведь наверняка есть такие детали, о которых я не знала или не упомянула здесь.
P.S. Очень хотелось бы увидеть ссылки на Ваши подвергнутые "переделке" ЖЖ :) (не забудьте написать, какую тему Вы взяли за основу). Ссылки на лучшие дизайны обещаю разместить в боковой панели журнала сообщества (если Вы не возражаете).
Наверно, многие ЖЖ-сты не прочь сделать свой журнал хоть чуть-чуть не похожим на другие.
Однако настройка некоторых тем не очевидна. Например, если в различных вариантах из серии "Component" от Kevin Phillips можно менять цвета по своему вкусу, то в достаточно удобном и популярном в последнее время "Минимализме" этого делать нельзя.
Точнее говоря, можно. Делается это с помощью CSS. Результатом такой (довольно простой) переделки является, например, оформление журнала "Юзверёнка". Не претендую на создание шедевра :), но хочу поделиться некоторыми секретами: зная их, даже неопытный пользователь сделает что-то аналогичное или более интересное.
1. Устанавливаем плагин JSView к браузеру Firefox. Он позволит нам видеть внешние таблицы стилей, в которых и содержится нужный для изменений код (плагин также позволяет узнать используемые на странице Java-скрипты).
2. Выбираем наиболее близкий к желаемому результату вариант оформления ЖЖ. В случае "Юзверёнка" это - November Day:
Применяем дизайн.
3. Заходим в свой журнал и открываем файлы стилей с помощью плагина JSView:
Сохраняем то, что относится к элементам, которые мы будем менять, например, к фоновому рисунку и оформлению ссылок. Если сначала ничего не понятно, сохраняем всё - разобраться будет проще, чем кажется на первый взгляд.
4. Сохраняем и внимательно изучаем фоновые изображения. Их можно открыть с помощью браузера или найти по адресу http://l-stat.livejournal.com/*, где * - относительный url, содержащийся в скопированном нами коде (в теме "Минимализм" картинки размещены по адресу, начинающемуся с http://l-stat.livejournal.com/sup/).
5. Разобравшись, что куда относится, меняем фоновые изображения и заливаем их на доступный сайт. Сохраняем гиперссылки и подставляем их на место исходных (url теперь будет абсолютным, а не относительным).
6. Вносим в код другие необходимые изменения. Все изменения кода вписываются вот в это окошко на вкладке Custom CSS:
(больше там ничего трогать НЕ НАДО!)
7. Новичкам советую менять код шаг за шагом, не закрывая окно (вкладку) с журналом - так будет сразу видно, чего Вам удалось добиться, а где Вы ошиблись.
Ну вот, собственно, и всё ;) Надеюсь, что написала понятно. Также надеюсь, что будут вопросы - задавайте. И делитесь своим опытом - ведь наверняка есть такие детали, о которых я не знала или не упомянула здесь.
P.S. Очень хотелось бы увидеть ссылки на Ваши подвергнутые "переделке" ЖЖ :) (не забудьте написать, какую тему Вы взяли за основу). Ссылки на лучшие дизайны обещаю разместить в боковой панели журнала сообщества (если Вы не возражаете).