• Авторизация


как самим сделать рамочки для текста. 15-05-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> - выравнивание по правому краю;

вверх^ к полной версии понравилось! в evernote
Комментарии (21):
aleks_c 16-05-2010-01:15 удалить
Про картинку не знала ..
lena66 15-06-2010-15:06 удалить
Исходное сообщение djinjik   Спасибо за наглядное пособие! Ваш текст         Рамочник. Он очень удобен в использовании и для того, чтобы делать рамочки в нем, не нужно больших познаний в HTML. Уже давно я обещала написать урок о том, как пользоваться этой онлайн-программой.     Если вам интересно, то 1.В верхней панели выбираем внешний вид будущей рамки, кликнув мышкой по нужному варианту.         2. Выберем для примера 2ой вариант (он выделился красным). Ниже видно из каких составляющих состоит данная рамочка. Не забудьте указать размеры рамочки (в дальнейшем их можно будет корректировать). Если не указать размеры, то они будут = 0 и ничего не получиться. Здесь напротив внешней рамочки стоит галочка. Это означает, что мы сейчас работаем с ней и изменяя параметры Получаем следующую рамочку: 3. Спускаеся ниже В столбец "Фон" разбит еще на несколько столбиков: -ширина ( в px) -цвет или картинка:        задает цвета из палитры    стандартные фоны Рамочника    глиттер-фоны, или блеск    картинка из интернета. Чтобы вставить, необходимо скопировать прямую ссылку* на изображение в появившееся, при нажатии на эту кнопку, окно    перемещение слоев рамочки вверх и вниз    удаление слоя  4. Столбец "Граница рамочки" позволяет делать обводку каждого слоя рамочки. Виды обводки:      Подставляем значения:  Вот что получилось:     5. Добавляем текст Текст можно написать прямо в Рамочнике, задать цвет, размер, шрифт и т.д.Коды выравнивания текста**, полученные в рамочнике, не работают на Я.ru, поэтому их лучше править самостоятельно уже в готовой рамочке. NB! Текст не добавляется во внешней рамочке! Необходимо поменять галочку на верхнюю или нижнюю.   6. Добавляем подпись 7. Копируем код и вставляем в свое сообщение В режиме HTML Примечание: * Как узнать прямую ссылку на изображение: 1. В загруженном на Радикал изображение - это первая строчка (ссылка). в радикале можно также узнать размеры изображения и перенести их в рамочник, тогда картинка будет отображаться полностью. 2. Как узнать прямую ссылку на любое изображение из интернета можно прочитать здесь ** Выровнять текст в готовом коде очень просто: чаще всего применяется центрирование текста, для этого нужно найти в готовом коде ваш текст и заключить его между
и
  .
ваш текст
- выравнивание по всей ширине текста;
ваш текст
- выравнивание по правому краю;
Nattaliya 14-09-2010-17:23 удалить
Спасибо! Пригодиться.
Я только начинаю плавать в этих морях.Ваш урок как нельзя кстати.Спасибо.
02-01-2011-21:57 удалить
молодец много всего отлично. http://4ubadima.livejournal.com/
natali2311 23-07-2011-10:26 удалить
БОЛЬШОЕ СПАСИБО! СПАСИБО БОЛЬШОЕ!!!
ВАШ ТЕКСТ


содержимое рамки 2
t_potash
СПАСИБО ВАМ!!! Это моя первая рамочка, сделанная благодаря Вам! Только один вопрос: - Она способна растягиваться в зависимости от величины встраиваемого содержимого?
Julia_Pushkar 10-12-2011-15:04 удалить
Спасибо большое!!! Очень хочется научиться!
Нашла в другом дневнике Ваш урок и зашла сказать спасибо. Очень давно хотелось научиться делать рамки. [208x262]


Комментарии (21): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник как самим сделать рамочки для текста. | djinjik - Дети Игры Развитие | Лента друзей djinjik / Полная версия Добавить в друзья Страницы: раньше»