2010-09-15

Как пользоваться Рамочником

Обычно я делаю свои рамочки для текста, пользуясь Рамочником.
Он очень удобен в использовании и для того, чтобы делать рамочки в нем, не нужно больших познаний в HTML. Уже давно я обещала написать урок о том, как пользоваться этой онлайн-программой.

2013-08-06_0013.png
 
1.В верхней панели выбираем внешний вид будущей рамки, кликнув мышкой по нужному варианту.



2. Выберем для примера 2ой вариант (он выделился красным). Ниже видно из каких составляющих состоит данная рамочка. Не забудьте указать размеры рамочки (в дальнейшем их можно будет корректировать). Если не указать размеры, то они будут = 0 и ничего не получиться.


как пользоваться рамочником


   Здесь напротив внешней рамочки стоит галочка. Это означает, что мы сейчас работаем с ней и изменяя параметры
сделать рамочку для текста

3. Спускаемся ниже

В столбец "Фон" разбит еще на несколько столбиков:
-ширина ( в px)
-цвет или картинка:

 задает цвета из палитры


 стандартные фоны Рамочника

глиттер фоны
 глиттер-фоны, или блеск

ссылка на картинку из интернета

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

перемещение границ рамки
 перемещение слоев рамочки вверх и вниз

удалить слой рамки

 удаление слоя


4. Столбец "Граница рамочки" позволяет делать обводку каждого слоя рамочки.
Виды обводки:





5. Добавляем текст
   Текст можно написать прямо в Рамочнике, задать цвет, размер, шрифт и т.д.Коды выравнивания текста**, полученные в рамочнике, не работают на Я.ru, поэтому их лучше править самостоятельно уже в готовой рамочке.
NB! Текст не добавляется во внешней рамочке! Необходимо поменять галочку на верхнюю или нижнюю.


6. Добавляем подпись

рамочка для текста



7. Нажимаем на стрелочку возле кода

код рамочки для текста


и в открывшемся окне выбираем блогосервис, на котором находится Ваш дневник:

вставить рамочку в блог



8. Копируем код и вставляем в свое сообщение В режиме HTML

рамочник


   Можете посмотреть видеоурок на эту тему:

5 комментариев :

SyperMartochka комментирует...

Спасибо,очень полезный пост!

Сергей комментирует...

Случайно натолкнулся, благодарю за ценную информацию.

MarSem комментирует...

пользуюсь рамочником давно, но не научился вставлять картинку/текст в определенное место, а ручное перемещение не предусмотрено в конструкторе. может у вас есть рекомендации.спасибо

Mycrib комментирует...

Mersem, для этого нужно в содержимое рамки вставить код изображения / видео или текст в самом конструкторе. Можно там вставлять даже таблицы.

Надежда комментирует...

Здорово! Мой любимый рамочник опять заработал!

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности