СОХРАНИТЕ СООБЩЕНИЕ в своей соцсети

воскресенье, 15 декабря 2013 г.

HTML рамка - КОЛЛАЖ

 Этот коллажик - скриншот , сделанный с того , что в соц.сетах называют "рамочки" . под этим термином подразумевается такой вид оформления , в котором , как в данном случае , статика и динамика соединены воедино - летают бабочки , таинственно мерцают блестки  и все это дополнено шаблоном , акцентированным алым маком . Но ведь сделано все это не в ФОТОШОПЕ , а с помощью HTML или ТЕГОВ , как еще их называют.
Скажите честно , положа руку на сердце , ну кому не хочется украсить свой блог , дневник или сайтик как-то необычно , не как у всех . Для этого многие стараются побыстрее освоить photoshop и оформляют свои "детища" личными коллажами . Но странное дело , хотя принцип и той ,и другой техники один и тот-же , некоторым премудрости этой программы никак не даются , но зато "рамочное" интернет-искусство они освоили без особых усилий и применяют его в своих оформлениях просто виртуозно . Самое основное для "рамочника" - иметь хорошую формулу и знать основы работы с HTML или ТЕГАМИ , кому какой термин более привычен.
ГЛАВНОЕ ЗНАТЬ ПРИНЦИП ПОСТРОЕНИЯ РАМКИ-состоит она из СЛОЕВ и каждый слой это АДРЕС-ссылка или URL какой-то КАРТИНКИ или ФОНА ,
Где и как получают эту информацию об изображениях , столь необходимую для создания рамочки   можно посмотреть  ПРОДОЛЖЕНИЕ ТЕМЫ ЗДЕСЬ <<<=== ЖМИТЕ


Это ФОРМУЛА представленной рамки-коллажа , скопировать ее можно непосредственно " с листа" :

<div align="У"><a href="http://gonorata.blogspot.ru/" target="_blank"><table background="http://img-fotki.yandex.ru/get/4412/115352506.5/0_5e2fe_bb90e771_S.gif" border="1" cellpadding="20" cellspacing="0"><tbody><tr><td width="655" style="padding: 10px;"><table background="http://img-fotki.yandex.ru/get/5411/115352506.5/0_5e2f8_7a0b65da_XL.gif" border="0" cellpadding="0" cellspacing="10"><tbody><tr><td><div align="center"><table background="http://img-fotki.yandex.ru/get/6109/115352506.c3/0_6d86a_968db0dc_XL.png" border="0" cellpadding="0"><tbody><tr><td style="" align="center" valign="bottom" width="650" height="555"><div align="right"><font size="1"><a href="http://gonorata.blogspot.ru/"><img src="http://img-fotki.yandex.ru/get/9752/115352506.175/0_9d746_a50e488f_S.gif" width="26" height="25" title="" alt="" border="0"/></a></font></div></td></tr></tbody></table></div></td></tr></tbody></table></td></tr></tbody></table></a></div>

*******
А это ФОРМУЛА РАБОЧАЯ для тех,кто захочет попробовать сделать что-то свое , все необходимые пояснения прописаны в самой формуле , просто будьте внимательны :

<div align="У"><a href="http://gonorata.blogspot.ru/" target="_blank"><table background="СЛОЙ1 АДРЕС-ссылка или URL любого фона" border="1" cellpadding="20" cellspacing="0"><tbody><tr><td width="655" style="padding: 10px;"><table background="СЛОЙ2 АДРЕС-ссылка или URL прозрачного ФОНА" border="0" cellpadding="0" cellspacing="10"><tbody><tr><td><div align="center"><table background="СЛОЙ3 СЛОЙ1 АДРЕС-ссылка или URL любой КАРТИНКИ" border="0" cellpadding="0"><tbody><tr><td style="" align="center" valign="bottom" width="650" height="555"><div align="right"><font size="2"><a href="АДРЕС АВТОРА"><img src="http://img-fotki.yandex.ru/get/9752/115352506.175/0_9d746_a50e488f_S.gif" width="26" height="25" title="" alt="" border="0"/></a></font></div></td></tr></tbody></table></div></td></tr></tbody></table></td></tr></tbody></table></a></div>