Творчество
November 30, 2010

Как сделать дизайн "как в этом жж"

Меня уже столько раз спросили, как я это сделала, что я решила выложить рецепт сюда. На самом деле никакого такого прямо секрета тут нету, все проще, чем вы думаете.

Итак, сначала надо зайти в настройки жж http://www.livejournal.com/customize/ найти категорию стилей "минимализм" и там выбрать стиль по имени Travel Afar.

Далее идем в настройки этого стиля: http://www.livejournal.com/customize/options.bml, нажимаем там на Sidebars и начинаем выбирать, что мы хотим видеть сбоку.
Я у себя отключила все стандартные меню, которые могли бы возникнуть в боковой панели - тэги, ссылки и.т.д. потому что мне хотелось, чтобы там было только "мое", оформленное так, как я хоу. Соотвественно, везде включено "No" и только в одном месте "Yes" - там, где написано Show custom block in sidebar.

А теперь этот самый Custom sidebar. Это окно, в которое можно совать любой простой хтмл. У меня там живет простая табличка с картинками и ссылками.

Если вам совсем лень писать табличку, можете взять мою, и подставить в нее свои ссылки и картинки: http://miu-mau.org/miu/lj_sidebar.txt
Если вы программист и пришли в ужас от того, как криво и ужасно я ее написала - не ругайте меня, я - дизайнер. Пишу хтмл по принципу: работает - и ладно. :-)

Теперь осталось сделать еще один финт ушами. Если вы все сделаете, как я описала, все у вас станет хорошо и красиво, только вся боковая панель с самодельной начинкой будет болтаться где-то в середине страницы (по вертикали). Т.е. между верхним краем браузера и началом этой таблицы будет полкилометра пустого места. Это связано с тем, что жж по какой-то причине сует туда невесть откуда взятые кучи переносов на другую строчку (брейк).

Лечится это следующим способом: заходим сюда http://www.livejournal.com/customize/options.bml?group=customcss
И туда (в окошко) вставляется вот это: http://miu-mau.org/miu/lj.css

Первая строчка этого текста отвечает за то, чтобы не было этих брейков (переносов на другую строчку). Благодаря ей вообще брейк (br) в вашем самодельном хтмл работать не будет! Т.е. если вы хотите, чтобы что-то у вас переносилось на другую строчку, делайте это другим способом, например, с помощью параграфа или таблицы.

Вторая строчка убирает из таблиц некрасивые рамочки, которые изначальный стиль журнала туда насильственно приделывал.

Остальной текст загоняет жж именно в тот "макет", который вы видите у меня: боковая колонка шириной 300 пикселей, основная - 800. Если не поместить в custom css этот текст, содержимое жж будет просто разливаться во всю ширину монитора, а не вбиваться в аккуратненькую колонку шириной 800. Я попросила сделать мне такое, потому что хотела, чтобы на широких экранах текст красиво лился в ту же ширину, как и мои картинки (я стараюсь все картинки в жж делать шириной 800 точек).

В остальном этот custom css мне написал

conjuncte, а я вам уже рассказала все, что я про него поняла. Больше я об этом ничего не знаю, и дополнительные улучшения к этому писать тоже не умею, так что не спрашивайте меня! :-)

UPDATE:
К 10-летнему юбилею этого жж в "вечном посте" появилась распрекрасная плашка-навигатор, со всякими тэгами и кнопками. На вопрос, как она сделана, я вам ответить не могу, т.к. для меня ее сделал

privetdime. Могу подарить код от нее, который, правда, поможет только воспроизвести точную копию, с кнопками на тех же местах, как у меня. Кто хочет иметь кнопки другой формы и в других местах, может либо разбираться с координатами в картинке, либо терзать

privetdime на предмет объяснений и пояснений.

Желаю приятно помучиться!

А теперь у меня к вам встречный вопрос: у меня этот дизайн жж висит уже около полугода, и многие меня спрашивают, как я это сделала. Однако я не могу понять, видит ли все это кто-нибудь кроме дизайнеров, которые хотят себе такое де, и приносят ли эти самодельные боковые панели хоть какую-то пользу. Поэтому, вопрос к вам:
- Вы в сам жж вообще заходите, или видите меня только в своей ленте?
- Если вы сюда заходили хоть раз - вы посмотрели хоть одним глазом на то, что находится в этих боковых панелях?
Я сейчас раздумываю, куда бы засунуть пару важных ссылок, которые мои читатели все время теряют и ищут, и вот думаю, будет ли их хоть кто-то из читателей видеть и находить, если я суну их в эту "боковушку"?