?

Log in

No account? Create an account

Предыдущая запись | Следующая запись

Всех с наступающим!
Это пост для сообщества "Дизайн для ЖЖ"
Но там пока не пропустили, поэтому у себя тоже выложу.
Пользуйтесь на здоровье)

Фонари   Новогодний 1

Стиль: Expressive
Тип аккаунта: любой, но в бесплатном сверху будет реклама.
Браузер: Mozilla FF, Opera, Chrome, IE. Андроид и Сафари не проверяла.
Лента записей: растягивается, занимает примерно 75% ширины окна
Заголовок и подзаголовок: Да
Сайдбар: только справа
Разрешение экрана: от 1024х768 и более
Фон фиксирован, а лента прокручивается.
Эти два дизайна сделаны на основе одной схемы и в принципе могут быть и "раскрасками".
При разработке я пользовалась уроками дизайна ЖЖ за 10 дней.

Как установить код:
1. Зайдите в настройки оформления журнала: http://www.livejournal.com/customize/ .
2. В поисковой строке введите Unstyled, нажмите "Поиск".
3. В разделе "Выбор дизайна" выберите дизайн Expressive и нажмите зелёную кнопку "Применить дизайн".
4.! это важно !  В разделе "Выбор макета" выберите "Боковая панель справа". Нажмите на кнопку "Настроить выбранное оформление".
5. В разделе "Настройте своё оформление" выберите Custom CSS.
6. Скопируйте ваш код в большое текстовое поле (Ваш Custom CSS) и нажмите "Сохранить".
7. Более подробно о том, как можно настроить стиль Expressive, написано здесь.
Код дизайна "Фонари":

Код дизайна "Новогодний":


Для "Новогоднего" в настройках стиля нужно поменять цвета в полосе навигации:
Полоса навигации для Новогоднего

Если кто-нибудь захочет поменять фон или клипарт в постах - вэлкам, я не против. Напишите потом что получилось)
Чтобы фоновая картинка была видна полностью, для нее важно соотношение сторон ширина/высота примерно 1, 95.
У меня использованы картинки 1600х820px. Хотя, строго говоря, это зависит от соотношения сторон монитора.
Это мой первый опыт создания дизайна, и я буду рада замечаниям и дополнениям.
С наступающим Новым Годом!

Комментарии

( 16 комментариев — Оставить комментарий )
seahorski
9 янв, 2014 19:15 (UTC)
Спасибо, отличная схема. Забрал себе и немножко доработал под свои предпочтения)))
katrusia_mosk
9 янв, 2014 19:17 (UTC)
Ой, да на здоровье!))
А поделитесь доработками?
seahorski
9 янв, 2014 19:21 (UTC)
Не моё хобби, я себе-то с трудом настроил как хотел)))
katrusia_mosk
9 янв, 2014 19:24 (UTC)
О, я вижу.
Если будут вопросы - спрашивайте, помогу.
seahorski
9 янв, 2014 19:36 (UTC)
Да, пару вопросиков назрело.
В "фонарях" в комментариях цвет текста в текстбоксах слишком светлый, сливается с фоном текстбокса. Методом тыка сменил цвет на черный, теперь видно (я все методом тыка делаю - не разбираюсь в этом ни бельмеса))))

А вот в сайдбаре "Ссылки" оформить в блок - не знаю. Текст есть, но просто на фоне бэкграундной картинки.
Теряюсь...
katrusia_mosk
9 янв, 2014 19:45 (UTC)
Ага, поняла.
С тексбоксом - все правильно делаете, это подбирается методом тыка в соответствующем месте кода. Могу дать хорошу таблицу цветов (одну из) http://colorscheme.ru/html-colors.html
Тут вообще можете разгуляться.
Только ссылки аккуратнее раскрашивайте: некоторые из них заданы генеральным кодом всей страницы, и там у вас все может вообще пропасть))

Блок ссылки сейчас посмотрю. Может быть такое, что я его и не прописывала. Или вы имеете ввиду стандартный блок в сайдбаре?
Тогда это делается в настройках стиля Экспрессив. У меня по умолчанию это блок был выключен.

Видите, и мне полезна обратная связь))
Сейчас посмотрю.
katrusia_mosk
9 янв, 2014 19:46 (UTC)
Ага, вижу.
Это надо дописать.
Я допишу попозже и пришлю вам, хорошо?
katrusia_mosk
26 фев, 2014 10:57 (UTC)
Извините, я пропала, но не по своей вине: с революцией в Киеве все оказалось сложно и страшно.
Я помню про обещание и допишу в ближайшее время, если еще актуально.
seahorski
26 фев, 2014 11:23 (UTC)
Все еще актуально, хотя уже несколько привык)))
anna343434
14 апр, 2014 22:21 (UTC)
Спасибо. Надо попробовать )
katrusia_mosk
14 апр, 2014 22:27 (UTC)
Попробуйте на здоровье)
_leli_
5 июн, 2018 15:23 (UTC)
Очень красиво. Можно попробовать?
katrusia_mosk
5 июн, 2018 15:36 (UTC)
Конечно можно! Специально выкладывала.
_leli_
5 июн, 2018 18:00 (UTC)
смотрите, у меня что-то не совсем получилось:
https://users.livejournal.com/-leli-/friends/
katrusia_mosk
5 июн, 2018 18:50 (UTC)
Лели, если вы не возражаете и напомните мне через пару дней, я вам подробно все напишу как и что. Сейчас просто нету времени совсем)
( 16 комментариев — Оставить комментарий )

Профиль

katrusia_mosk
Московская Киевская
Map




Календарь

Сентябрь 2017
Вс Пн Вт Ср Чт Пт Сб
     12
3456789
10111213141516
17181920212223
24252627282930

Метки

Разработано LiveJournal.com