Забыли?
Регистрация

Видео инструкция


1 Редактирование обводки ячеек
1.1 Толщина обводки
1.2 Стиль обводки
1.3 Цвет обводки
2 Редактирование ячеек
2.1 Функции редактирования ячейки в меню слева:
2.1.1 Активная ячейка
2.1.2 Толщина
2.1.3 Ссылка на фон ячейки
2.1.4 Цвет ячейки
2.2 Функции редактирования ячейки под рамочкой
2.2.1 Ширина
2.2.2 Кол-во ячеек в запасе
2.2.3 Поменять
2.2.4 Новая ячейка
2.2.5 Удалить
2.2.6 Заменить
3 Html текст содержимого рамки
3.1 Принцип работы
3.2 Кнопки
4 Палитра цвета
4.1 Крестик в верху панели
4.2 Окошко показывающее обозначение цвета
5 Получение кода
5.1 Обновление кода
5.2 Сайты поддерживающие такой код рамочек
6 Начать все заново

Инструкция по использованию сервиса создания рамок LI-web.ru
1 Редактирование обводки ячеек Для начала усвоим главное,- чтобы выбрать необходимую обводку для дальнейшего редактирования ее параметров надо просто кликнуть по ячейке относящейся к этой обводке. На примере,- чтобы редактировать обводку "1" кликаем мышкой по ячейке "1", чтобы редактировать обводку "2" кликаем мышкой по ячейке "2":
http://li-web.ru/

Все функции редактирования обводки ячейки находятся в меню слева. Клик по пункту,- меню развернется:
http://li-web.ru/

1.1 Толщина обводки - вручную вписываем в окошко нужную нам цифру и сразу видим результат:
http://li-web.ru/

1.2. Стиль обводки - достигается стандартными способами html. Вам нужно лишь кликнуть по понравившемуся стилю и он сразу перенесется на активную ячейку ( ту, которую вы сейчас редактируете), например стиль обводки "точками":
http://li-web.ru/

1.3 Цвет обводки - для открытия панели с цветами кликаем по иконке:
http://li-web.ru/

Не забываем выбрать нужную нам ячейку. После чего спокойно кликаем по квадратикам цветов и любуемся изменениями:
http://li-web.ru/

2 Редактирование ячеек

Для редактирования определенной ячейки поступаем так же как и при редактировании обводки,- клик по нужной нам ячейке ( означает, что именно с ней мы и будем работать)

2.1 Функции редактирования ячейки в меню слева
Клик по пункту "Ячейка" для открытия всех настроек:
http://li-web.ru/

2.1.1 Активная ячейка - этот пункт исключительно для лучшего ориентирования. Менять в окошке ничего не надо,- при клике по нужной ячейке,- цифра в окошке изменится автоматически.
2.1.2 Толщина - вписываем в окошко желаемую толщину ячейки. Пример:
http://li-web.ru/

2.1.3 Ссылка на фон ячейки - в окошко надо вставить прямую ссылку на картинку вида http://......jpg (gif, png) и нажать "ок". В результате выбранная вами ячейка зальется фоном, ссылку на который вы указали в настройке.
2.1.4 Цвет ячейки - работает по тому же принципу, что и цвет обводки,- т.е. кликаем по иконке палитры цветов и выбираем нужный нам.

2.1 Функции редактирования ячейки под рамочкой. Имеется в виду этот набор "кнопочек":
http://li-web.ru/

Сверху вниз:
2.2.1 Ширина - в это текстовое поле вписываем ширину нашей рамочки. Не забываем учитывать некоторые особенности сервисов, на которых в дальнейшем будет размещена рамочка.
Не стоит делать рамочку шире 600 (px)
Плюс к этому числу ( по умолчанию к 600) прибавляется толщина самой внешней обводки. Т.е. если внешнюю обводку вы решили сделать, например, 20 ,- то ширина рамочки будет уже не 600, а 640. Не забывайте учитывать и это.

2.2.2 Кол-во ячеек в запасе - по умолчанию вам дается 10 ячеек. Вы можете убирать лишние, а потом снова возвращать. Но максимальное кол-во не может превышать 10 ячеек. Это окошко показывает сколько еще ячеек вы можете добавить при необходимости.

2.2.3 Поменять - очень удобная функции для смены ячеек.
Предположим что у нас есть 2 ячейки. Одна синего цвета, другая красного. Если кликнут сначала по красной, затем по синей, а потом по кнопке "поменять",- эти ячейки поменяются местами. Пример в картинках:

До:
http://li-web.ru/

После:
http://li-web.ru/

2.2.4 Новая ячейка - создание новой ячейки в рамочке если не превышен лимит ( 10 ячеек).
При нажатии на эту кнопку выскочит подсказка с сообщением о добавлении или "не добавлении" новой ячейки. Каждая добавленная таким способом ячейка стандартная,- 10 в ширину, белый цвет самой ячейки, обводка 2 серого цвета. Вам же останется ее отрегулировать на свой вкус.

2.2.5 Удалить - удаление ненужной ячейки. Кликаем по лишней нам ячейке и жмем эту кнопку. После этого значение окошка из пункта б. (Кол-во ячеек в запасе) увеличится на "1".

2.2.6 Заменить - аналог стандартных функций "копировать - вставить".
Кликаем эту кнопочку,- откроется окошко:
http://li-web.ru/

После чего, сначала кликаем по ячейке КУДА хотим скопировать, потом по ячейке КОТОРУЮ хотим вставить. Затем жмем кнопку "ок":
http://li-web.ru/

Не кликайте "заменить" просто так, кликайте когда точно решили, что и на что хотите заменить.

3 Html текст содержимого рамки - небольшой редактор для вставки Html в рамочку. Можно использовать просто текст, можно вставлять картинки и пр., пр.... Все это надо делать в Html. Результат буден виден сразу в рамке по мере набора букв.
Для удобства редактирования текста можно использовать кнопки вставки кода:
3.1 Любая кнопка (абсолютно любая относящаяся к редактированию текста в рамке, будь-то цвет, шрифт, стиль, центрирование и пр.) работает по принципу,- выделили нужный текст в окошке, нажали кнопку,- код применился к этому выделеному тексту:
http://li-web.ru/

3.2 "B" - кнопка делает выделенный текст жирным
в) "I" - кнопка делает выделенный текст наклонным
г) "U" - кнопка делает выделенный текст подчеркнутым
д) "center" - кнопка центрирует
выделенный текст

Этой кнопкой можно центрировать и картинки и пр. Главное выделить правильно и целиком код картинки и нажать эту кнопочку.
е) Иконка палитры цвета - кликаем по иконке, откроется табличка с цветами, применяем цвет к тексту также и другие параметры текста.

4 Палитра цвета - состоит из 216 веб цветов.
http://li-web.ru/

4.1 Крестик в верху панели - при нажатии панель цветов закроется. Вам не обязательно ее закрывать, но главное не забывать переключаться между пунктами "обводка", "ячейка", "текст" в зависимости от ваших "планов" ( т.е. цвет чего вы собираетесь менять в данный момент)

4.2 Окошко показывающее обозначение цвета
http://li-web.ru/

На данный момент доступно только для чтения.
5 Получение кода - чтобы получить код вставки на сайт или блог вашей рамочки,- надо кликнуть по соответствующему пункту меню слева. Откроется панелька содержащая код вашей рамки:
http://li-web.ru/

5.1 Обновление кода - эта функция нужна только в том случае,- если вы открыли панель с кодом и оставили ее в таком виде, но продолжили видоизменять рамку. Поэтому, чтобы изменения отразились в коде,- необходимо кликнуть по ссылке "обновить" под окошком с кодом:
http://li-web.ru/

5.2 Сайты поддерживающие такой код рамочек - не все сервисы дневников, блогов и пр. поддерживают такие коды рамок. Но мы будем стараться расширить список сайтов, на которых будет работать наш код, в ближайшее время (путем генерации специальных кодов в зависимости от особенностей того или иного сервиса)
На данный момент список сервисов поддерживающих код рамок LI-web.ru
liveinternet.ru, my.ya.ru, livejournal.com, narod.yandex.ru, Mail.ru и любые сайты у владельцев которых есть возможность внедрения html кода.

6 Начать все заново - убедительно рекомендуем использовать именно эту кнопку для того, чтобы начать все сначала, а не просто обновлять страницу с сервисом