7.26.2017

HTML-код "всплывающей" картинки


HTML-код всплывающей картинки бOльшего размера: 

 <div align="right"><img align="right" hspace="20" onmouseout="this.src='адрес маленькой картинки';" onmouseover="this.src='адрес большой картинки';" src="адрес маленькой картинки" title="текст" vspace="10" />


HTML-код - всплывает другая картинка:

<div align="right"><img align="right" hspace="20" onmouseout="this.src='адрес первой картинки';" onmouseover="this.src='адрес второй картинки';" src="адрес первой картинки" title="текст" vspace="10" />

Рамка "деревянная" на цветочной красно-желтой подложке

содержимое рамки 1



содержимое рамки2

HTML код этой рамки:
Приведенный


<table cellpadding="0" cellspacing="0" style="background-image: url(http://lili-lilya2009.narod.ru/kartinki/zhulan/1/kvasnaja_ramka_verkh.jpg); border: 0px none #000000; height: 198px; width: 619px;"><tbody>
<tr><td align="center" style="padding: 20px;"><span style="color: black; font-size: 20px;">содержимое рамки 1 </span><br />
<br />
<br />
<br />
<br />
<br />
<span style="color: black; font-size: 20px;">&nbsp; </span></td></tr>
</tbody></table>
<table cellpadding="0" cellspacing="0" style="background-image: url(http://lili-lilya2009.narod.ru/kartinki/zhulan/1/kvasnaja_ramka_seredina.jpg); border: 0px none #000000; width: 619px;"><tbody>
<tr><td align="center" style="padding: 20px;"><span style="color: black; font-size: 20px;">содержимое рамки 2</span><br />
<br />
<br />
<br />
<br />
<br /></td></tr>
</tbody></table>
<table cellpadding="0" cellspacing="0" style="background-image: url(http://lili-lilya2009.narod.ru/kartinki/zhulan/1/kvasnaja_ramka_niz2.jpg); border: 0px none #000000; height: 82px; width: 619px;"><tbody>
<tr><td align="center" style="padding: 20px;"><span style="color: black; font-size: 20px;">содержимое рамки 3</span></td></tr>
</tbody></table>





содержимое рамки 3
.
   Верхняя и нижняя части ограничены по размерам в длине, середина растягивается вниз. 
   Приведенный HTML код можно использовать как базовый. Заменив адреса картинок (в скобках), получим другую рамку. Цифровые значения в коде также можно изменять.

   Как создать свою рамку. Берем понравившийся рисунок, в графическом редакторе разрезаем на три части (не искажая рисунок), загружаем на хостинг изображений (один из вариантов: хранение своих картинок на Яндекс.фотках), где можно получить адреса (и html коды), копируем, вставляем в код рамки.

HTML код "базовой" трехслойной  рамки:


<table width="ШИРИНА в px" height="ДЛИНА в px" style="border:0px none #000000;background-image:url(http://АДРЕС ССЫЛКИ НА КАРТИНКУ 1.jpg)" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" align="center"><span style="color:#000000;font-size:16px">содержимое рамки 1</span></td></tr></table> <table width="ШИРИНА" style="border:0px none #000000;background-image:url(http://АДРЕС ССЫЛКИ НА КАРТИНКУ 2.jpg)" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" align="center"><span style="color:#000000;font-size:16px">содержимое рамки 2</span></td></tr></table> <table width="ШИРИНА" height="ДЛИНА" style="border:0px none #000000;background-image:url(http://АДРЕС ССЫЛКИ НА КАРТИНКУ 3.jpg)" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" align="center"><span style="color:#000000;font-size:16px">содержимое рамки 3</span></td></tr></table>

7.25.2017

Генераторы музыкального плеера онлайн


Для музыкального оформления блога удобно
воспользоваться генератором сборки плеера.
Ниже приведены ссылки на сайты, где в режиме
онлайн можно создать музыкальный плеер по
своему вкусу. И, скопировав предложенный HTML
 код созданного плеера, установить его на страницу
своего блога.
 
http://flv-mp3.com/ru/mp3/
 
 http://uppod.ru/
 http://muzicons.com/
http://www.favormusic.ru/generator_3.htm 
 
Генераторы плейлиста:
 
http://www.favormusic.ru/generator_ru.html
http://www.favormusic.ru/generator_f6.html
http://www.favormusic.ru/generator.htm

7.24.2017

Онлайн генератор "Живой текст"

Веселый генератор текста онлайн



Пепяка

Веселый генератор, который так и представлен: ИНСТРУМЕНТ ПОДАВЛЕНИЯ УНЫНИЯ.
Здесь можно создать заголовок (а также просто одну букву) в веселом стиле, как с "участием" вот такой зверушки, так и без оной.  Кнопкой "Порандомить" )), расположенной над текстовым полем, подбираем цвет, шрифт, стиль движения. Получив желаемый результат, копируем предложенный HTML код, и устанавливаем эти веселые буковки на страницу своего блога. Для детских страниц - удачный вариант, если не переусердствовать, конечно. Излишек ряби побудит к бегству))
азбука


Related Posts Plugin for WordPress, Blogger...