Как установить дизайн с кодом CSS/для платного аккаунта?

 

Для начала платный сервис нужно подключить в разделе Настройки -> Дополнительные сервисы -> Выбрать пакет -> Посмoтреть и оплатит счет. (Как положить деньги себе на счет написано в Настройках -> Пополнить счет)
Далее, экстратоп, нужно загрузить к себе в Библиотеку изображений (в колонке меню "Мой дневник" - ссылка "Библиотека изображений";), а остальные картинки - на свой компьютер.
(Библиотека изображений - сокращенно БИ)

Для загрузки
аватара(фото) зайдите в раздел Настройки -> Настройки дневника ->Эпиграф, фото, список ПЧ. Он грузится там, где написано "Файл сфотографией", нажимаете "Обзор", выбираете у себя картинку, которую хотите загрузить, нажимаете Ок, затем "Загрузить". Потом нажимаете кнопку "Сохранить" (над словом"Эпиграф";)

Далее, заходите в Настройки -> Дизайн дневника -> Библиотека оформлений (список ваших оформлений) -> Новое оформление (в окошке прописываете название дизайна, любое - какое вам нравится) -> Добавить (ссылка правее от названия).
Далее, выбираете это вновь созданное офрмление -> кнопка "Редактировать" (правее, между "посмотреть" и квадратиком скрестиком). Далее, цвета элементов дизайна редактируются во вкладках с соответвующими названиями (Шрифт, цвета Текста и пр.), а стандартный фон во вкладке "Фоноваякартинка" -> Обзор -> Выбираете картинку -> ок. Затемнажимаете кнопку "Сохранить".
Если автор дизайна указал цвета не для всех элементов, значит эти элементы не нужно указывать вам самим! Оставьте их пустыми!
1.                2.  


Css код дизайна, который вы хотите установить, вставляете в окошко "Стили" (находится там же, под стандартными настройками).
Ссылку на экстратоп нужно вставить в код, а не в эпиграф! В коде автор дизайна обычно указывает место, куда именно ее вставлять (например, #extratop {background: url('экстратоп';)}). Вот именно туда, где обозначено название элемента и нужно вставлять ссылку!
Не забывайте что изображение, ссылку на которое вы вставляете, должно быть установлено в вашей БИ, а адрес изображения должен быть не полностью, а вот такого формата: /userdir/././././......./......... .jpg (вмеcто jpg может быть и другое расширение)
Таким образом, правильные ссылки должны выглядеть, к примеру, так: #extratop {background: url('/userdir/2/2/5/9/22591/42072719.jpg')} и только так! Вот такой адрес ссылки #extratop {background: url('static.diary.ru/userdir/2/2/5/9/22591/42072719....;)} неправильный!!!!

3.            4. 

 

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

Далее вы нажимаете на кнопку сохранить и дизайн готов.


Очень важно!!!
Нужно сначала вставить в код ссылки на картинки, а потом уже нажимать кнопку сохранить!!!!! Иначе у вас пропадут в коде пометки, куда вставлять какие элементы.
Но если вы уже так сделали (сохранили, не вставив ссылки), то удалите код из окошка "Стили" и вставьте его заново, но в этот раз сделайте все по инструкции.


Очень важно 2!!!
Изменяйте текст в коде очень аккуратно! Иначе у вас пропадут/исказяться элементы дизайна!
Например, при замене слова "Экстатоп" в коде на ссылку, не удаляйте одиночных кавычек, иначе ничего отобржаться не будет. То есть, url('экстратоп';) это не тоже самое, что и url(экстратоп), в кодах любая лишняя/недостающая запятая может быть ошибкой и служить проблемой в отображении и правильности кода css дизайна!)

 

Конструктор сайтов - uCoz