Simple - инструкции по установке

[bananapeacetree]

Представляю вам вторую редакцию Simple ^____^

Список изменений и инструкция по установке

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

ссылки относящиеся к @юзеру отдельно, к его посту - отдельно. Ибо идеологически верно сие.
- доработан вид страниц цитатника и избранного.

А потом я подумала-подумала, и решила сделать код максимально простым для изменения. Чтобы можно было легко поменять цвета, все элементы, изменение которых допустимо, с их цветами вынесены в начало кода и разбиты по цветовым группам. То есть если раньше код выглядел так:
код-код-код
#bottom_up { background-color: #eeeeee; код-код-код}
код-код-код
#pageBar tbody { background-color: #eeeeee; код-код-код}

то теперь он выглядит так:
#bottom_up, #pageBar tbody { background-color: #eeeeee;}
код-код-код

Остается только изменить цвет на желаемый (например, как сделала это  toxicant с блоком времени и заголовка поста). Ко всем цветовым группам добавлены комментарии, в которых указано, какие элементы в этих группах состоят и каким цветом наделены в базовой комплектации Simple. Если кому-то захочется вычленить определенный элемент, нужно будет найти его в этом перечне и произвести нетрудную манипуляцию с кодом:
#bottom_up { background-color: #eeeeee;}
#pageBar tbody { background-color: white;} например

Также можно будет изменить закругленность углов. Например в
#side { border-bottom-left-radius: 4 border-bottom-right-radius: 4}
увеличить 4px до 10px и еще сильнее закруглить углы меню. Или же вовсе убрать эту строчку и сделать углы острыми.
В общем - экспериментируй, не хочу

Итак, что же нужно сделать, чтоб установить код?
1) Скачать папку с кодом и исходниками отсюда
2) Создать новый дизайн в Настройках и поставить: дизайн: табличный, навигационная панель: вверху.
3) Добавить код из файла "Simple код". Поставить настройки из файла "Simple настройки" - эти настройки вы можете свободно менять.
4) Загрузить фон. Для того, чтобы загрузить этот фон потребуется предварительно подключить здесь сервис "Увеличение веса/размера картинок в БИ". Далее в коде вместо соответстующего слова нужно вставить ссылку. Таким образом
body {background-image: url("фон")}
преващается в
body {background-image: url("secure.diary.ru/userdir/1/5/8/3/1583656/8085159...")} например
5) По аналогии с фоном нужно загрузить иконки ссылок "Комментировать", "Подписаться" и т.п. и так же вставить их в код. Советую загружать по одной картинке и сразу же вставлять ее ссылку в код, т.к. все иконки белого цвета и без контрастного фона неразличимы.
6) Profit!

Новую версию Simple уже можно увидеть на этом дневнике.

P.S.: Комментарии, пожелания и критика приветствуются