ArLe
Арлоло, админота,
администратор
и админотавр
Пишет La mignonne:

КАК УСТАНОВИТЬ ДИЗАЙН CSS?
Честно уже нервно реагирую на вопрос "а куда пихать код, который вы дали?? ааа памагити!".
Почему ж люди не читают-то FAQ в сообществе, а по-русски "Часто Задаваемые Вопросы".
Или еще хуже - читают, а потом задают вопрос, который там расписан и даже показан в картинках! Пощадите, люди.
Поэтому я дополнила инструкцию дополнительными картинками и словами.




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



Ответ на вопрос: "Что эта за код и куда его деть???"

--------------------------------------------------------------------------------

Тк многие не считают нужным читать инструкцию полностью, внимательно и до конца, сразу отвечу на частый, оооочень частый вопрос:
"Почему после сохранения кода, все ссылки на картинки заменяются на знак #"
Потому что Вы неправильно вставили ссылки! Да, неправильно! Да, я Вам верю, что вы пять раз читали инструкцию. Прочитайте шестой. Особенно те этапы установки, которые выделенны в рамочку. Это не для красоты сделано - это значит, что эти этапы очень важны! Очень!
У 99,9% людей, писавших мне в личку, проблема оказывалась именно в неправильных ссылках! Они тоже уверяли, что читали внимательно. Так что....если видите знак # - начинайте искать ошибку ссылок.
--------------------------------------------------------------------------------


Дизайны, к которым прилагается код - это дизайны для платных дневников! Называются такие дизайны - CSS

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

КАК ПОДКЛЮЧИТЬ? заходим в раздел Настройки (в меню) -> вкладка "Дополнительные сервисы" -> вкладка "Набор платных сервисов" (ставите там галочки на пакете "Простой" и в доп. сервисах ставите галочку напротив графы CSS -> Посмотреть и оплатит счет. (Как положить деньги себе на счет написано в Настройках -> Пополнить счет)


КАРТИНКА

 

Подключили. Далее:

  • Все предоставленные автором дизайна картинки , нужно сохранить себе на компьютер, а потом загрузить к себе в Библиотеку изображений (в колонке меню "Мой дневник" - ссылка "Библиотека изображений" )
  • (Библиотека изображений - сокращенно БИ)

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

  • Далее, нужно открыть окошко, куда будем вставлять код
  • КАК? Заходите в "Настройки" -> "Дизайн дневника" -> "Библиотека оформлений (список ваших оформлений)" -> "Новое оформление" (в окошке прописываете название дизайна, любое - какое вам нравится) -> "Добавить" (ссылка правее от названия).
    Далее, выбираете галочкой это вновь созданное офрмление -> кнопка "Редактировать" (правее, между "посмотреть" и квадратиком скрестиком).

 

 

В КАРТИНКАХ
1. 2.


 

  • Теперь переходим непосредственно к вставке кода и настройкам

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

    б) CSS код дизайна, который вы хотите установить, вставляете в окошко "Стили" (находится там же, под стандартными настройками).
    В коде автор дизайна указывает место, куда вставлять картикни, которые вы себе сохранили и загрузили в свою БИ.
    Выглядят эти строчки в коде примерно так: #extratop {background: url('ЭКСТРАТОП'}. Ищите такие строчки с названиями и вот именно туда, где обозначено название элемента и нужно вставлять ссылку!

КАК ВСТАВЛЯТЬ ССЫЛКУ


1. Во-первых, убедитесь, что вы вставляете ссылку на изображение из своей БИ, а не ту, которую дал автор!

2. Во-вторых, ссылка должна быть не полностью! Вам нужно скопировть только ее часть! Какую именно часть копировать? ЭТУ: /userdir/././././......./......... .jpg (вмеcто jpg на конце могут быть и другие буковки, не пугайтесь!)
Таким образом, правильные ссылки должны выглядеть так и только так:


:right: Вот такой адрес ссылки неправильный!!!!



В КАРТИНКАХ

3. 4.


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

 

 

<img class= Очень важно!!!

Если вы нажали сохранить, а у вас все ссылки изчезли и картинки не отображаются, это значит, что вы неправильно вставили ссылки!!!!

Прочтите еще раз инструкцию и повторите

:right: Очень важно 2!!!

Не надо сразу после вставки кода в окно "Стили" нажимать кнопку Сохранить"

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


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


URL записи
запись создана: 01.10.2010 в 12:51

@темы: CSS