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

Пятница, 07 Июля 2017 г. 12:43 + в цитатник

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

Это ФОРМУЛА представленной рамки-коллажа
<div align="У"><a href="http://gonorata.blogspot.ru/" target="_blank"><table background="//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="//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="//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="//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="//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>

Источник:

Но я никак не могла вставить текст в эту рамочку-коллаж. Поэтому воспользовалась формлулой "Рамочка для текста с анимированным фоном без помощи ФШ...". Получилась вот такая интересная рамочка для стихов.

Хочу рецепт вам молодости дать:
Найдите симпатичного мужчину
И разрешите вас поцеловать -
От страсти исчезают все морщины.

Вздохните томно, грудь слегка подняв,
Как будто начинаете грустить,
И намекните взглядом, чтоб обнял,
Ну, а потом - позвольте вас любить.

Запомните, что молодость - любовь!
А зависть, сплетни, злоба - это старость.
Влюбленность - омолаживает кровь,
Снимает стресс, депрессию, усталость!

© Copyright: Таня Черненко, 2014

Вера Верочка Веровь

КОД рамочки:

<div align="center"><table border="1" background="//img-fotki.yandex.ru/get/4412/115352506.5/0_5e2fe_bb90e771_S.gif"><tr><td style="padding:4px;"><table border="1" background="//img-fotki.yandex.ru/get/6109/115352506.c3/0_6d86a_968db0dc_XL.png"><tbody><tr><td style="padding: 0px;"><table border="1" background="//img-fotki.yandex.ru/get/5411/115352506.5/0_5e2f8_7a0b65da_XL.gif" width="650" height="555"><tbody><tr><td style="padding:70px" zzz="zzz" align=""><font size=" color=" face="georgia"><font face="Georgia" color="#000000" style="font-size:20px"><i><img src="" align="left" border="0" /><center>***</center><br />
<marquee direction="up" scrollamount="2" scrolldelay="180" width="400" height="190" hspace="40"><div align="center">ВАШ ТЕКСТ</div></marquee><br />
<br /><br /><left><font face="Georgia" color="#000000" style="font-size:15px"><center><marquee width="50" scrollamount="3"><a href="https://www.liveinternet.ru/users/6133629/"><img style="margin:0px;" src="//i.li.ru/images/w2.gif" width="20" height="16" border="0" /></a><a href="https://www.liveinternet.ru/users/6133629/profile/" target="_blank"><b>Вера Верочка Веровь</b></a></marquee></center><br /><br /></font></left></i></font></font></td></tr></tbody></table></td></tr></tbody></table></td></tr></table></div>

Ф.Шопен, "Вальс дождя"

Серия сообщений "________ - Делаем рамочки -":
Часть 1 - Делаем рамочку для текста без ФШ...
Часть 2 - Учимся делать рамочки (вникаем в суть)... Урок № 1 от bloginja...
...
Часть 13 - Рамка с картинкой сверху (учимся делать рамки - классный урок!!!)...
Часть 14 - Рамочка с выступающей справа картинкой
Часть 15 - HTML рамка - КОЛЛАЖ...
Часть 16 - Рамочка с ПРОКРУТКОЙ ТЕКСТА - 2 - ...
Часть 17 - Рамочка-книжка...
Часть 18 - Поговорим о рамочке для текста "Рамочка-книжка"
Часть 19 - *** ДВЕ рамочки с вертикальными бордюрами...
Часть 20 - И снова — «Рамочка-книжка»

Процитировано 1 раз
Понравилось: 2 пользователям

<a href="https://www.liveinternet.ru/users/6133629/post417714360/">HTML СЂР°РјРєР° - РљРћР›Р›РђР–...</a><br/>

РС‚РѕС‚ РєРѕР»Р»Р°Р¶РёРє, СЃРґРµР»Р°РЅРЅС‹Р№ СЃ С‚РѕРіРѕ , С‡С‚Рѕ РІ СЃРѕС†.СЃРµС‚Р°С… РЅР°Р·С‹РІР°СЋС‚ "СЂР°РјРѕС‡РєРё" . РїРѕРґ СЌС‚РёРј С‚РµСЂРјРёРЅРѕРј РїРѕРґСЂР°Р·СѓРјРµРІР°РµС‚СЃСЏ С‚Р°РєРѕР№ РІРёРґ РѕС„РѕСЂРјР»РµРЅРёСЏ , РІ РєРѕС‚РѕСЂРѕРј , РєР°Рє РІ РґР°РЅРЅРѕРј СЃР»СѓС‡Р°Рµ , СЃС‚Р°С‚РёРєР° Рё РґРёРЅР°РјРёРєР° СЃРѕРµРґРёРЅРµРЅС‹ РІРѕРµРґРёРЅРѕ - Р»РµС‚Р°СЋС‚ Р±Р°Р±РѕС‡РєРё , С‚Р°РёРЅСЃС‚РІРµРЅРЅРѕ РјРµСЂС†Р°СЋС‚ Р±Р»РµСЃС‚РєРё  Рё РІСЃРµ СЌС‚Рѕ РґРѕРїРѕР»РЅРµРЅРѕ С€Р°Р±Р»РѕРЅРѕРј , Р°РєС†РµРЅС‚РёСЂРѕРІР°РЅРЅС‹Рј Р°Р»С‹Рј РјР°РєРѕРј . РќРѕ РІРµРґСЊ СЃРґРµР»Р°РЅРѕ РІСЃРµ СЌС‚Рѕ РЅРµ РІ Р¤РћРўРћРЁРћРџР• , Р° СЃ РїРѕРјРѕС‰СЊСЋ РљРћР”РћР’ РёР»Рё РўР•Р“РћР’ , РєР°Рє РµС‰Рµ РёС… РЅР°Р·С‹РІР°СЋС‚.
РЎРєР°Р¶РёС‚Рµ С‡РµСЃС‚РЅРѕ , РїРѕР»РѕР¶Р° СЂСѓРєСѓ РЅР° СЃРµСЂРґС†Рµ , РЅСѓ РєРѕРјСѓ РЅРµ С…РѕС‡РµС‚СЃСЏ СѓРєСЂР°СЃРёС‚СЊ СЃРІРѕР№ Р±Р»РѕРі , РґРЅРµРІРЅРёРє РёР»Рё СЃР°Р№С‚РёРє РєР°Рє-С‚Рѕ РЅРµРѕР±С‹С‡РЅРѕ , РЅРµ РєР°Рє Сѓ РІСЃРµС… . Р”Р»СЏ СЌС‚РѕРіРѕ РјРЅРѕРіРёРµ СЃС‚Р°СЂР°СЋС‚СЃСЏ РїРѕР±С‹СЃС‚СЂРµРµ РѕСЃРІРѕРёС‚СЊ photoshop Рё РѕС„РѕСЂРјР»... <a href="https://www.liveinternet.ru/users/6133629/post417714360/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

E-Ledi обратиться по имени Суббота, 26 Октября 2019 г. 11:09 (ссылка)

Моя благодарность и признательность.

Ответить С цитатой В цитатник

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Фотоальбом

-Рубрики

-Цитатник

-Метки

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

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

-Статистика

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