КАК УСТАНОВИТЬ ДИЗАЙН CSS?
Честно уже нервно реагирую на вопрос "а куда пихать код, который вы дали?? ааа памагити!".
Почему ж люди не читают-то FAQ в сообществе, а по-русски "Часто Задаваемые Вопросы".
Или еще хуже - читают, а потом задают вопрос, который там расписан и даже показан в картинках! Пощадите, люди.
Поэтому я дополнила инструкцию дополнительными картинками и словами.
URL записиЧестно уже нервно реагирую на вопрос "а куда пихать код, который вы дали?? ааа памагити!".
Почему ж люди не читают-то FAQ в сообществе, а по-русски "Часто Задаваемые Вопросы".
Или еще хуже - читают, а потом задают вопрос, который там расписан и даже показан в картинках! Пощадите, люди.
Поэтому я дополнила инструкцию дополнительными картинками и словами.
Как установить дизайн с кодом CSS/для платного дневника?
Читать внимательно и много раз
Ответ на вопрос: "Что эта за код и куда его деть???"
Тк многие не считают нужным читать инструкцию полностью, внимательно и до конца, сразу отвечу на частый, оооочень частый вопрос:
"Почему после сохранения кода, все ссылки на картинки заменяются на знак #"
Потому что Вы неправильно вставили ссылки! Да, неправильно! Да, я Вам верю, что вы пять раз читали инструкцию. Прочитайте шестой. Особенно те этапы установки, которые выделенны в рамочку. Это не для красоты сделано - это значит, что эти этапы очень важны! Очень!
У 99,9% людей, писавших мне в личку, проблема оказывалась именно в неправильных ссылках! Они тоже уверяли, что читали внимательно. Так что....если видите знак # - начинайте искать ошибку ссылок.
В КАРТИНКАХ
Очень важно 3!!!
Изменяйте текст в коде очень аккуратно! Иначе у вас пропадут/исказяться элементы дизайна!
Например, при замене слова "Экстатоп" в коде на ссылку, не удаляйте одиночных кавычек, иначе ничего отобржаться не будет. То есть, url('экстратоп') это не тоже самое, что и url(экстратоп), в кодах любая лишняя/недостающая запятая может быть ошибкой и служить проблемой в отображении и правильности кода css дизайна!)
--------------------------------------------------------------------------------
Тк многие не считают нужным читать инструкцию полностью, внимательно и до конца, сразу отвечу на частый, оооочень частый вопрос:
"Почему после сохранения кода, все ссылки на картинки заменяются на знак #"
Потому что Вы неправильно вставили ссылки! Да, неправильно! Да, я Вам верю, что вы пять раз читали инструкцию. Прочитайте шестой. Особенно те этапы установки, которые выделенны в рамочку. Это не для красоты сделано - это значит, что эти этапы очень важны! Очень!
У 99,9% людей, писавших мне в личку, проблема оказывалась именно в неправильных ссылках! Они тоже уверяли, что читали внимательно. Так что....если видите знак # - начинайте искать ошибку ссылок.
--------------------------------------------------------------------------------
Подключили. Далее:
- Все предоставленные автором дизайна картинки , нужно сохранить себе на компьютер, а потом загрузить к себе в Библиотеку изображений (в колонке меню "Мой дневник" - ссылка "Библиотека изображений" ) (Библиотека изображений - сокращенно БИ)
- Для загрузки аватара(фото) зайдите в раздел "Настройки" -> "Настройки дневника" -> "Эпиграф, фото, список ПЧ". Он грузится там, где написано "Файл с фотографией", нажимаете "Обзор", выбираете у себя картинку, которую хотите загрузить, нажимаете Ок, затем "Загрузить". Потом нажимаете кнопку "Сохранить" (над словом"Эпиграф" ). Готово.
- Далее, нужно открыть окошко, куда будем вставлять код КАК? Заходите в "Настройки" -> "Дизайн дневника" -> "Библиотека оформлений (список ваших оформлений)" -> "Новое оформление" (в окошке прописываете название дизайна, любое - какое вам нравится) -> "Добавить" (ссылка правее от названия).
Далее, выбираете галочкой это вновь созданное офрмление -> кнопка "Редактировать" (правее, между "посмотреть" и квадратиком скрестиком).
- Теперь переходим непосредственно к вставке кода и настройкам
а) Цвета дизайна редактируются во вкладках с соответвующими названиями (Шрифт, цвета Текста и пр.)
Стандартный фон загружается в вкладке "Фоновая картинка" -> Обзор -> Выбираете картинку -> ок. Затем нажимаете кнопку "Сохранить".
Если автор предоставил не стандартный фон (что чаще всего), а прописал его в коде, то с ним нужно поступить как и с другими картинками - сохранить на комп, загрузить в БИ и потом вставить в код.
Если автор дизайна указал цвета не для всех элементов, значит эти элементы не нужно указывать вам самим! Оставьте их пустыми!
б) CSS код дизайна, который вы хотите установить, вставляете в окошко "Стили" (находится там же, под стандартными настройками).
В коде автор дизайна указывает место, куда вставлять картикни, которые вы себе сохранили и загрузили в свою БИ.
Выглядят эти строчки в коде примерно так: #extratop {background: url('ЭКСТРАТОП'}. Ищите такие строчки с названиями и вот именно туда, где обозначено название элемента и нужно вставлять ссылку!
| КАК ВСТАВЛЯТЬ ССЫЛКУ
Таким образом, правильные ссылки должны выглядеть так и только так:
|
В КАРТИНКАХ
Далее вы нажимаете на кнопку сохранить и дизайн готов.
Очень важно!!!
Если вы нажали сохранить, а у вас все ссылки изчезли и картинки не отображаются, это значит, что вы неправильно вставили ссылки!!!!Прочтите еще раз инструкцию и повторите
Очень важно 2!!!
Не надо сразу после вставки кода в окно "Стили" нажимать кнопку Сохранить"
Нужно сначала вставить в код ссылки на картинки, а потом уже нажимать кнопку сохранить!!!!! Иначе у вас пропадут в коде пометки, куда вставлять какие элементы.
Но если вы уже так сделали (сохранили, не вставив ссылки), то удалите код из окошка "Стили" и вставьте его заново, но в этот раз сделайте все по инструкции.
Очень важно 3!!!
Изменяйте текст в коде очень аккуратно! Иначе у вас пропадут/исказяться элементы дизайна!
Например, при замене слова "Экстатоп" в коде на ссылку, не удаляйте одиночных кавычек, иначе ничего отобржаться не будет. То есть, url('экстратоп') это не тоже самое, что и url(экстратоп), в кодах любая лишняя/недостающая запятая может быть ошибкой и служить проблемой в отображении и правильности кода css дизайна!)