-Фотоальбом

Посмотреть все фотографии серии Общая
Общая
23:46 04.03.2011
Фотографий: 22


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

Суббота, 15 Мая 2010 г. 11:01 + в цитатник

 

Ваш текст
     

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

  

 

  

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

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

Получаем следующую рамочку:

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

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

 

 

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

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

 

 

 Подставляем значения:  Вот что получилось:
   

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

 

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

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

Примечание: * Как узнать прямую ссылку на изображение: 1. В загруженном на Радикал изображение - это первая строчка (ссылка). в радикале можно также узнать размеры изображения и перенести их в рамочник, тогда картинка будет отображаться полностью.

2. Как узнать прямую ссылку на любое изображение из интернета можно прочитать здесь ** Выровнять текст в готовом коде очень просто: чаще всего применяется центрирование текста, для этого нужно найти в готовом коде ваш текст и заключить его между <center> и </center>

 

. <div align=justify> ваш текст </div> - выравнивание по всей ширине текста; <div align=right> ваш текст </div> - выравнивание по правому краю;

Рубрики:  полезное
Метки:  

Процитировано 227 раз
Понравилось: 10 пользователям

в_поисках_любви   обратиться по имени Суббота, 15 Мая 2010 г. 15:39 (ссылка)

1a04f142cfe2 (300x200, 53 Kb)
Ответить С цитатой В цитатник
visenka9   обратиться по имени Суббота, 15 Мая 2010 г. 18:29 (ссылка)
Ответить С цитатой В цитатник
aleks_c   обратиться по имени Воскресенье, 16 Мая 2010 г. 01:15 (ссылка)
Про картинку не знала ..
Ответить С цитатой В цитатник
lena66   обратиться по имени Вторник, 15 Июня 2010 г. 15:06 (ссылка)
Исходное сообщение djinjik
 

Спасибо за наглядное пособие!











Ваш текст












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

 
  
2. Выберем для примера 2ой вариант (он выделился красным). Ниже видно из каких составляющих состоит данная рамочка. Не забудьте указать размеры рамочки (в дальнейшем их можно будет корректировать). Если не указать размеры, то они будут = 0 и ничего не получиться.
Здесь напротив внешней рамочки стоит галочка. Это означает, что мы сейчас работаем с ней и изменяя параметры
Получаем следующую рамочку:
3. Спускаеся ниже
В столбец "Фон" разбит еще на несколько столбиков: -ширина ( в px) -цвет или картинка:
 
 



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


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


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


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


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


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



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



 Подставляем значения:
 Вот что получилось:


 
 



5. Добавляем текст Текст можно написать прямо в Рамочнике, задать цвет, размер, шрифт и т.д.Коды выравнивания текста**, полученные в рамочнике, не работают на Я.ru, поэтому их лучше править самостоятельно уже в готовой рамочке. NB! Текст не добавляется во внешней рамочке! Необходимо поменять галочку на верхнюю или нижнюю.
 
6. Добавляем подпись
7. Копируем код и вставляем в свое сообщение В режиме HTML
Примечание: * Как узнать прямую ссылку на изображение: 1. В загруженном на Радикал изображение - это первая строчка (ссылка). в радикале можно также узнать размеры изображения и перенести их в рамочник, тогда картинка будет отображаться полностью.

2. Как узнать прямую ссылку на любое изображение из интернета можно прочитать здесь ** Выровнять текст в готовом коде очень просто: чаще всего применяется центрирование текста, для этого нужно найти в готовом коде ваш текст и заключить его между
и

 
.
ваш текст
- выравнивание по всей ширине текста;
ваш текст
- выравнивание по правому краю;
Ответить С цитатой В цитатник
rasaabu   обратиться по имени Суббота, 07 Августа 2010 г. 00:08 (ссылка)
Спасибо
Ответить С цитатой В цитатник
Nattaliya   обратиться по имени Вторник, 14 Сентября 2010 г. 17:23 (ссылка)
Спасибо! Пригодиться.
Ответить С цитатой В цитатник
Liudmila_Sceglova   обратиться по имени Вторник, 14 Сентября 2010 г. 20:02 (ссылка)
Спасибо
Ответить С цитатой В цитатник
Alla_klass   обратиться по имени Вторник, 14 Сентября 2010 г. 20:46 (ссылка)
Ответить С цитатой В цитатник
Valysha-66   обратиться по имени Среда, 29 Сентября 2010 г. 11:17 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Людмила_Корниенко_Рис   обратиться по имени Доброе утро! Суббота, 30 Октября 2010 г. 11:30 (ссылка)
Я только начинаю плавать в этих морях.Ваш урок как нельзя кстати.Спасибо.
Ответить С цитатой В цитатник
valentuka   обратиться по имени Среда, 24 Ноября 2010 г. 15:50 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Аноним   обратиться по имени Воскресенье, 02 Января 2011 г. 21:57 (ссылка)
молодец много всего отлично.



http://4ubadima.livejournal.com/
Ответить С цитатой В цитатник
ПОЭЗА   обратиться по имени Пятница, 15 Июля 2011 г. 23:52 (ссылка)
БЛАГОДАРЮ!
Ответить С цитатой В цитатник
НАТАЛИЯ_КОНОВАЛЕНКО   обратиться по имени Суббота, 16 Июля 2011 г. 17:46 (ссылка)
СПАСИБО.
Ответить С цитатой В цитатник
natali2311   обратиться по имени Суббота, 23 Июля 2011 г. 10:26 (ссылка)
БОЛЬШОЕ СПАСИБО!








СПАСИБО БОЛЬШОЕ!!!
Ответить С цитатой В цитатник
Franzuzhenka   обратиться по имени Суббота, 23 Июля 2011 г. 18:05 (ссылка)
Bolshoe spasibo!
Ответить С цитатой В цитатник
Tamara_Potashnikov   обратиться по имени Пятница, 05 Августа 2011 г. 09:57 (ссылка)
ВАШ ТЕКСТ


содержимое рамки 2
t_potash

СПАСИБО ВАМ!!! Это моя первая рамочка, сделанная благодаря Вам! Только один вопрос: - Она способна растягиваться в зависимости от величины встраиваемого содержимого?
Ответить С цитатой В цитатник
Szarmanka   обратиться по имени Понедельник, 29 Августа 2011 г. 14:40 (ссылка)
БЛАГОДАРЮ!
Ответить С цитатой В цитатник
K0les0-Beard   обратиться по имени Понедельник, 14 Ноября 2011 г. 11:20 (ссылка)
Спасибо, цитирую.
Ответить С цитатой В цитатник
Julia_Pushkar   обратиться по имени Суббота, 10 Декабря 2011 г. 15:04 (ссылка)
Спасибо большое!!! Очень хочется научиться!
Ответить С цитатой В цитатник
Любимая_Дикая_Кооошка   обратиться по имени Четверг, 16 Февраля 2012 г. 16:27 (ссылка)
Нашла в другом дневнике Ваш урок и зашла сказать спасибо. Очень давно хотелось научиться делать рамки.
75808674_SPASIBKI (208x262, 32Kb)
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку