-Рубрики

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

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

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 03.06.2010
Записей: 5967
Комментариев: 3913
Написано: 14381


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

Вторник, 11 Октября 2011 г. 19:50 + в цитатник
Цитата сообщения yaqut Обрамляем картинку.


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

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

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


А теперь берем формулу и вставляем туда фон и картинку!
Картинку и фон пропусть через 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 - БУДЬТЕ БДИТЕЛЬНЫМИ!!!!!
...
Часть 17 - ФОТОШОП для начинающих!!!
Часть 18 - Сохранить видео с любого сайта
Часть 19 - Обрамляем картинку.
Часть 20 - Как сделать многослойную рамочку
Часть 21 - Картинки в тексте
...
Часть 37 - Как сделать самую простую кликабельную кнопку с надписью!...
Часть 38 - УРОКИ НОВИЧКУ ДЛЯ БЫСТРОГО ОСВОЕНИЯ КОМПЬЮТЕРА.
Часть 39 - Цветные флеш-плееры с кодами

Метки: