Svoboda | Graniru | BBC Russia | Golosameriki | Facebook

 -Рубрики

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

Поиск сообщений в Лара_Кремова

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 13.03.2011
Записей: 2291
Комментариев: 9792
Написано: 37099


Обрамляем картинку в рамку.

Воскресенье, 15 Июня 2014 г. 23:16 + в цитатник
Цитата сообщения fatima62 Обрамляем картинку в рамку.



Здравствуйте Друзья!
Многие из нас ведут блоги, и многим из нас нравится те или иные картинки! И зачастую мы хотим эту картинку разместить в блоге! Но согласитесь, просто картинка смотрится не совсем симпатично! И сегодня я расскажу, как понравившеюся картинку взять в рамку! Итак:

Берем в качестве примера вот эту картинку.




Подбираем фон для обрамления


А теперь берем формулу и вставляем туда фон и картинку!
Картинку и фон пропусть через radikal
<table border="0" cellspacing="2" cellpadding="6" background="Сюда вставляем фон для обрамления"><img src="Сюда вставляем картинку"></table border>

И после этого видим получившиеся результат!


Но можно и услажнить рамку! Вместо одного фона можно вставить три фона вокруг картинки.
Я в качестве примера возьму от эти фоны.
1фон. 2фон. 3фон.

А формула будет выглядеть так

<table border="0" cellspacing="1" cellpadding="3" background="Сюда вставляем 1фон"><table border="0" cellspacing="1" cellpadding="3" background="Сюда вставляем 2 фон"><table border="0" cellspacing="1" cellpadding="3" background="Сюда вставляем 3 фон"><img src="Сюда вставляем картинку"></table border></table border></table border>





P.S. Ширину рамок вы можете поменять где значения cellspacing="1" и cellpadding="4" обозначают ширину нашей рамочки. Меняйте 1 и 4 на любые значения.

Вот и всё! Совсем не сложно. Творческих успехов!

Спасибо за идею урока и материалы Джулия

Серия сообщений "оформление":
Часть 1 - Как я вставляю музыку в дневник
Часть 2 - Превращаем Ваши фотографии в потрясающий графики Блеск!
Часть 3 - Делаем баннер за 5 секунд!
Часть 4 - Урок.Обрамляем текст в рамку.Быстро.
Часть 5 - Обрамляем картинку в рамку.
Часть 6 - Кнопочки и надписи для постов.
Часть 7 - Красивые природные флеш часы для дизайна блога.
...
Часть 27 - "С Рождеством!" Надписи
Часть 28 - Надписи- с Крещением
Часть 29 - Надписи "С Пасхой".

Рубрики:  РАМКИ/уроки по рамочкам
"ПОЛЕЗНОСТИ" ДЛЯ ДНЕВНИКА

Понравилось: 1 пользователю