Как нанести плавающие объекты на картинки? (Урок)

Многие задают вопрос: Как нанести плавающие объекты на картинки? Попытаюсь дать урок! Адрес картинки из инета: //img-fotki.yandex.ru/get/6701/206429358.31/0_b5d60_a00efedd_XL.jpg width="800" height="600" Адреса флешечек: http://www.msieflash.com/xx/8/butterfly23.swf http://www.flash1890.com/swf/sucai/hudie/7.swf http://www.msieflash.com/xx/11/044.swf Формула нанесения плавающего объекта на картинку: <*table background="адрес картинки"><*tbody><*tr><*td width="800" height="600">[flash=780,550,адрес флешки]<*br /><*div><*/div><*/td><*/tr><*/tbody><*/table> Формулу скопируйте как образец все звездочки аккуратно удалите и проследите, когда будете вставлять адреса картинки и флешки, чтобы не появились пробелы(удаляйте их). Формула всегда будет повторяться, меняться будут только: 1.Адрес картинки ( берем понравившиеся из инета ). 2.Адрес флешки ( берем понравившуюся – у меня в постах их великое множество ) 3.Размер картинки ( когда берем из инета смотрим и копируем ширину и высоту: width, height ) 4.Размер флешки ( ширину всегда ставим на 20 меньше, чем у картинки; высоту на 50 меньше, чем у картинки ) Формулы со вставленными адресами: <*table background="*//img-fotki.yandex.ru/get/6701/206429358.31/0_b5d60_a00efedd_XL.jpg"><*tbody><*tr><*td width="800" height="600">[flash=780,550,http://www.msieflash.com/xx/8/butterfly23.swf]<*br /><*div><*/div><*/td><*/tr><*/tbody><*/table> <*table background="*//img-fotki.yandex.ru/get/6701/206429358.31/0_b5d60_a00efedd_XL.jpg"><*tbody><*tr><*td width="800" height="600">[flash=780,550,http://www.flash1890.com/swf/sucai/hudie/7.swf]<*br /><*div><*/div><*/td><*/tr><*/tbody><*/table> <*table background="*//img-fotki.yandex.ru/get/6701/206429358.31/0_b5d60_a00efedd_XL.jpg"><*tbody><*tr><*td width="800" height="600">[flash=780,550,http://www.msieflash.com/xx/11/044.swf]<*br /><*div><*/div><*/td><*/tr><*/tbody><*/table> Результат:

девушки в шляпках png

ЖМЁМ

Анимированные алфавиты, шрифты, буквы, цифры ...

Красивые анимированные буквы для использования в качестве текста в веб-сайтах, электронной почте, блогах ...коментариях и прочего. Теперь вы сами можете заставить любую фигурку написать текст, который вам нужен. Русского шрифта я , увы, не нашла. Но красиво написать заголовок, свое имя и прочее можно и английским шрифтом. Писать легко и быстро.

Серия сообщений "Генераторы текста":

Часть 1 - Генератор радужного текста
Часть 2 - Как легко и просто подписать любую картинку анимированным текстом.
...
Часть 18 - Онлайн генератор красивых надписей
Часть 19 - Генератор надписи на табличках.
Часть 20 - Анимированные алфавиты, шрифты, буквы, цифры ...

Рамки + код


<div align="center" style="background: url(' АДРЕС КАРТИНКИ(боковых бордюров) '); -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; box-shadow: iinset 0px 0px 20px 20px #000000; padding:0px 22px 0px 21px; box-shadow: inset 0px 0px 10px 0px #000000; box-shadow: 10px 11px 20px 0px #666666; margin: auto; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 20px; width:550px;"> <div style="background: url(' АДРЕС КАРТИНКИ(верхний фон) '); background-repeat:repeat-x; width:550px; height:33px;"></div><div align="center" style="border:0px ridge red;background: url(' АДРЕС КАРТИНКИ(центральный фон) '); padding: 0px ; width :550px;"> <span style="font-weight:normal;text-align:center;color:white;font-family:monotype corsiva,serif;font-size:29px;line-height:150%;text-shadow:3px 2px 11px #333333,2px 1px 1px #333333;column-count:2;column-width:0px;"> -----------ЗАГОЛОВОК-------------- </span> <span style="font-weight:normal;text-align:center;color:white;font-family:monotype corsiva,serif;font-size:25px;line-height:150%;text-shadow:3px 2px 11px #333333,2px 1px 1px #333333;column-count:2;column-width:0px;"> ********Здесь будет ВАШ текст *******</span> <div style="background: url(' АДРЕС КАРТИНКИ(нижний фон) '); background-repeat:repeat-x; width:550px; height:33px;"> <div align="center"><a data-cke-saved-href=" ВАШ АДРЕС " href=" ВАШ АДРЕС " target="_blank"><span style="font-weight:normal;text-align:center;color:#FFFFFF;font-family:monotype corsiva,serif;font-size:18px;line-height:150%;text-shadow:3px 2px 11px #333333,2px 1px 1px white;column-count:2;column-width:0px;"> ВАША ПОДПИСЬ </span></a></div></div></div></div>

ЗАГОЛОВОК

**********
ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ *****************************************

© $vetL@n@

<div align="center"><div style="box-shadow:-2px -2px 7px white,2px 2px 7px #333333,2px 2px 7px black;border:1px solid #ffffff; border-radius: 20px ; -webkit-border-radius: 20px;-moz-border-radius: 20px; padding: 5px;background-image:url(' АДРЕС КАРТИНКИ ОСНОВНОГО ФОНА ');width:650px;"><br /> <div style="background:url(' АДРЕС ЛЕВОЙ КАРТИНКИ ') top left repeat-y;"> <div style="background:url('АДРЕС ПРАВОЙ КАРТИНКИ ') top right repeat-y;"> <div style="border-radius: 10px ; -webkit-border-radius: 10px;-moz-border-radius: 10px; padding: 3px;background-image:url(' АДРЕС КАРТИНКИ ФОНА ДЛЯ ТЕКСТА ');border:1px solid #ffffff; width:550px;"> <span style="font-weight: normal; text-align: center; color:white ; font-family: monotype corsiva, serif; font-size: 25px; line-height: 150%; text-shadow: 1px 2px 11px #333333, 2px 1px 1px #000000; column-count:2; column-width:0px;"> ЗАГОЛОВОК </span><br /><div align="center"><span style="font-weight:normal;text-align:center;color:white;font-family:monotype corsiva,serif;font-size:25px;line-height:150%;text-shadow:3px 2px 11px #333333,2px 1px 1px #333333;column-count:2;column-width:0px;"> **********<br />ЗДЕСЬ БУДЕТ ВАШ ТЕКСТ ***************************************** </span></div></div><div align="center"><a data-cke-saved-href="ВАШ АДРЕС" href="ВАШ АДРЕС"><span style="font-weight:normal;text-align:center;color:white;font-family:monotype corsiva,serif;font-size:15px;line-height:150%;text-shadow:3px 2px 11px #333333,2px 1px 1px #333333;column-count:2;column-width:0px;">ВАША ПОДПИСЬ</span></a></div></div></div></div></div>

Делаем оригинальные рамочки без фонов. Урок!

Вот такие рамочки с оригинальным дополнением без фонов можно использовать под ваши изображения, фото, текст. Очень просты в использовании, не надо подбирать фон. Потратите несколько минуток, что бы поставить код цвета, поменять ширину обводки, ширину рамки и оля_ля..рамочка готова. Мне лично нравятся. Кто захочет тоже делать такие, объясню, что в коде рамочек вы будете менять по-своему желанию. А кого устраивает и такой цвет, для тех я выставлю коды. И пожалуйста меняйте значения именно там, где я указала и нигде больше! Итак: под каждой рамочкой идет скрин, где я указала, где и что менять.
Начнем с этой, с разрывом. Многие из вас такими пользуются, немного другого дизайна и она уже смотрится более оригинальной. Подчеркну: все что я указала на скрине, можно менять - и цвет и px.

...Здесь будет ваша запись...картинки...

КОД РАМКИ

<center><table style="background-color: #000000; border:6px dotted; color: #EFE298; padding: 5px;" width="810"><tr><td style="padding:24px"><fieldset style="border: 4px dotted #EFE298;"><legend><a title="Arnusha" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://arnusha.ru/profile" target="_blank"><img src="//img-fotki.yandex.ru/get/6803/39663434.678/0_9ed5e_4dcf0316_S.png" width="150" height="118" border="0" /></a></legend><center><span style=";font-family:Georgia;font-size:20px;color:#EFE298;">...Здесь будет ваша запись...картинки...<br /> <br /> <br /> </span></center></fieldset></td></tr></table></center>

СКРИН

кому интересно,вам сюда

⋘Открыточки Gif ⋙


<img src="https://img-fotki.yandex.ru/get/15492/242007152.2b/0_10044d_22152530_orig" />

узор 707

.
Читать далее...

Схемка "Прекрасные георгины"

шапочка Розы в росе

взято из блога:  http://my.mail.ru/mail/h.schulga/

Читать далее>>>>>>>>>>>>>>>>>

Передай Всем ...

Взяла у Желнов
Передай Всем ...
Добавить ленточку на аватар

Банты на выписку из роддома.

1.

Читать далее...

Схемка и AVAтарки от Ejkova

 

Название: Просто кофейная
Автор: Ejkova
Создана: 06.02.2015 05:26
Скопировали: 23 раз
Установили: 26 раз
Примерить схему | Cохранить себе

Котлетки лёгонькие…

 Что нужно:

Грудка куриная (индейки)

Капуста белокочанная
Лук
Соль, специи по вкусу
Масло для жарки
Пропорции  берем такие - количество капусты по объему равно грудке, лука наполовину меньше.

Готовим:

Всё нарежем крупненько.

Прокрутим через мясорубку.
Посолим, поперчим, хорошо перемешаем. Никаких яиц или хлеба не надо.
Мокрыми руками сформируем котлеты и отправляем на сковороду с небольшим количеством масла для жарки.
Обжарим с двух сторон до румяности, минут по 5-7 с каждой стороны.
 

узор 693

.
Читать далее...

Узор 686 «ажурные полоски»

.
Читать далее...

Фильм "Майор" (2014) Смотрим онлайн.

Страна: Россия Режиссер: Юрий Быков
Жанр: драма
Качество: HDRip
Хронометраж: 94 мин.

Описание: В фильме воспроизводятся события одного дня из жизни майора полиции. Герой картины Сергей Соболев достиг многого по карьерной лестнице, не раз рисковал всем, но никогда не забывал, зачем он живет, близкие для него всегда были на первом месте. Но однажды с ним случилась трагическая история, в день, когда его жена должна была рожать, мужчина сбивает на служебном автомобиле прохожего. Им оказался подросток, который не выжил в результате полученных ранений.

Сложившаяся ситуация поставила Соболева перед выбором: признать вину и сесть в тюрьму, либо использовать служебное положение и избежать участи преступника. Герой решает, что самолично сдаваться правоохранительным органам ему не стоит, ведь у него такое важное событие в жизни, не хочется сидеть в тюрьме, пока его ребенок будет расти. Но вскоре судьба ставит свои точки в его жизни, Сергея ни с того, ни с сего начинает преследовать череда случайных смертей знакомых и близких ему людей.

Сумеет ли Соболев очистить свою совесть, исправить ошибку недавнего прошлого?

Схема"Чудная лилия на коричневом". AVAтарочки.

Название: Чудная лилия на коричневом Автор: be-ll Создана: 29.01.2015 20:27 Скопировали: 88 раз Установили: 128 раз Примерить схему | Cохранить себе

❀ ❁ ❂ "Тёплого,уютного вечера!" Gif ❂❁❀


<img src="https://img-fotki.yandex.ru/get/15496/242007152.28/0_fc295_f7fad5a7_orig" />

❀ ❁ ❂ Анимация "С Днём Рожденья! " ❂❁❀


<img src="https://img-fotki.yandex.ru/get/15592/242007152.2a/0_ff374_d0dd0553_orig" />

Рамочки для текста. Цветные прозрачные

Здесь будет ваш текст...

<center> <table background="https://img-fotki.yandex.ru/get/15557/58982200.58/0_d4654_3e9a87a7_orig.png" border="0" cellpadding="0" cellspacing="0" height="284" width="750"> <tbody> <tr> <td>  </td> </tr> </tbody> </table> <table background="https://img-fotki.yandex.ru/get/17847/58982200.58/0_d4655_be1de3da_orig.png" border="0" cellpadding="0" cellspacing="0" width="750"> <tbody> <tr> <td> <div align="center"> <table align="center" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td align="center" style="padding:0px 10px;"> <div align="center"> <center> <p> <span style="font-family: Georgia; font-size: 20px;">Здесь будет ваш текст...</span></p> </center> </div> </td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> <div> <table a="a" background="https://img-fotki.yandex.ru/get/15516/58982200.58/0_d4656_6ea6af30_orig.png" border="0" cellpadding="0" cellspacing="0" height="95" title="PaVelena" width="750"> <tbody> <tr> <td align="center" height="8" style="padding:0px" valign="bottom" width="9"> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/pavelena/" target="_blank"><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/c/11/116/804/116804481_5306743_114632163_5306743_0_99aec_65174008_XS_gif.jpg" src="//img1.liveinternet.ru/images/attach/c/11/116/804/116804481_5306743_114632163_5306743_0_99aec_65174008_XS_gif.jpg" /></a></td> </tr> </tbody> </table> </div> </center>

+ 2

Узор 684 «крылья»

/
Читать далее...

УЗОР СПИЦАМИ "ЁЛОЧКА"

.
Читать далее...

узор 677

.
Читать далее...

УЗОР

.
Читать далее...

ТЕСТО про ЗАПАС

Читать далее...

БЫСТРЫЙ ПИРОГ С СЕМГОЙ

Очень вкусно!

Приготовление:

- 0,4 кг филе сёмги
- 2 яйца,
- 6 ст.л. муки,
- 1 стакан молока,
- 150 г майонеза
- щепотку соды,

Читать далее...

Вязаные прихватки - маленький праздник на кухне! (подборка + МК)

Читать далее...

Красивый узор для носка

.

Набрать по 12 петель на каждую спицу.
и дальше рисунком
1ряд-3лиц,2 вм. лиц (за переднии стенки),накид,1лиц,

2ряд-2лиц,2вм. лиц,нак,2лиц,
3ряд-1лиц,2вм.лиц,нак,3лиц.
4ряд-2 вм.лиц,нак,4лиц.
5ряд-1лиц,нак,2вм.лиц протяжкой,3лиц.
6ряд-2лиц,нак,2вм лиц протяжкой,2лиц
7ряд-3лиц,нак,2вм. лиц протяжкой,1лиц.
8ряд-4лиц,нак,2вм.лиц протяжкой,
Высоту выбираете любую и дальше вяжите как обычный носок.
Все. Удачи!