-Рубрики

 -Всегда под рукой

 -Поиск по дневнику

Поиск сообщений в NADIABI

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 17.12.2010
Записей: 9909
Комментариев: 20477
Написано: 37278


Урок по созданию рамочки с уголками

Пятница, 13 Января 2012 г. 22:43 + в цитатник
Цитата сообщения Tatiana_Goroshko

Урок по созданию рамочки с уголками

Шаблон рамочки

Image Hosted by pixs.ru

Рамочка в готовом виде

Image Hosted by pixs.ru

А теперь по порядку:

Копируем код рамочки и вставляем его в "НОВУЮ ЗАПИСЬ" нажав на кнопку "ИСТОЧНИК", вот так выглядит наш код

Image Hosted by pixs.ru

Теперь разберемся с уголками. Я взяла вот такой уголок, размер его 1024х816, поэтому здесь я поставила ссылку - увеличение по клику

Для рамки надо его уменьшить( в радикале мы этого сделать не сможем, так как уголок получится на белом фоне), для этого мы уменьшим размеры уголка, ну например в 5 раз и получится у нас размер 204х165. Теперь этот размер мы вставим в нашу ссылку: width="204" height="165" (width - ширина, heigh t- длинна).

Image Hosted by pixs.ru

И вот наш уголок, если и этот размер Вас не устраивает, меняете на нужный (теперь знаете как)

Image Hosted by pixs.ru

Для того, чтобы уголок развернуть открываем папку, где он хранится, кликаем по уголку и во вновь открывшемся окне поворачиваем его при помощи зелененьких треугольников, на картинке я выделила их красным квадратиком

Image Hosted by pixs.ru

Каждый уголок поворачиваем, заносим в радикал и вставляем ссылку в рамку.

Вот пожалуй и все. Если будут вопросы - отвечу.

Поставить свой логотип лучше под рамочкой, потому что рамочка простая и будет некрасиво смотреться если мы вставим его в рамку, но решать Вам, вот рамочки с кодами, вместо слов "АВТОР РАМКИ" вставляете свой логотип.

 

левый верхний   правый верхний
 

ТЕКСТ

 
левый нижний   правый нижний

* * *

левый верхний   правый верхний
 

ТЕКСТ

 
левый нижний   правый нижний
АВТОР РАМКИ

***

АВТОР РАМКИ
левый верхний   правый верхний
 

ТЕКСТ

 
левый нижний   правый нижний


Вот как это будет выглядеть:(картинки увеличиваются по клику)

Удачи!!!

Рубрики:  УРОКИ
ФОРМУЛЫ
Метки:  
Понравилось: 2 пользователям

 

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

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

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

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