Поговорим немного о рамочках

В окошке приведен код восьмислойной рамочки, по которому можно сделать рамочку с любым количеством слоев. По своей сути все слои одинаковые, их различие состоит только в том, что они по-разному названы и имеют, образно выражаясь, разную ширину. Код в окне от Ларисы Гурьяновой. Я удалила из него ссылки на радикал и второй разделитель посчитала картинкой, заменив указанное в первом разделителе свойство другим.

<div align="center"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС БЛЕСТЯЩЕГО ФОНА" cellpadding="10" cellspacing="0"><tr><td style="padding: 10px;"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС ШИРОКОГО ФОНА" cellpadding="45" cellspacing="0"><tr><td style="padding: 45px;"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС БЛЕСТЯЩЕГО ФОНА" cellpadding="10" cellspacing="0"><tr><td style="padding: 10px;"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС ОСНОВНОГО ФОНА" cellpadding="10" cellspacing="0"><tr><td style="padding: 10px;"><center><img data-cke-saved-src="АДРЕС КАРТИНКИ" src="АДРЕС КАРТИНКИ" width="ШИРИНА" /><br /><img data-cke-saved-src="АДРЕС РАЗДЕЛИТЕЛЯ" src="АДРЕС РАЗДЕЛИТЕЛЯ" border="0" /><br /><center> <font size="5" color="#000000" face="Monotype Corsiva"> Здесь будет ваш текст<br /><img data-cke-saved-src="АДРЕС РАЗДЕЛИТЕЛЯ" src="АДРЕС РАЗДЕЛИТЕЛЯ" width="ШИРИНА" /><br /></font></center><div align="center"><a target="_blank" data-cke-saved-href="АДРЕС ДНЕВНИКА" href="АДРЕС ДНЕВНИКА"><font size="1" color="#000000" face="Monotype Corsiva">ВАШ НИК</font></a></div></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div>
Из кода восьмислойной рамочки получим код однослойной, убрав всё лишнее. Для этого оставляем первый тег, а всё, следующее дальше, до начала тега, задающего основной фон, выделяем и удаляем. Я последнее время не забочусь об удалении закрывающих тегов, убедившись в том, что они будут удалены автоматически, как лишние. Кроме этого, оставим то, что относится к картинке, а остальное тоже уберем. Код однослойной рамочки готов.


<div align="center"><table border="0" background="АДРЕС ОСНОВНОГО ФОНА" cellpadding="10" cellspacing="0"><tr><td style="padding: 10px;"><center><img data-cke-saved-src="АДРЕС КАРТИНКИ" src="АДРЕС КАРТИНКИ" width="ШИРИНА" /><br /><center> <font size="5" color="#000000" face="Monotype Corsiva"> Здесь будет ваш текст<br /></font></center><div align="center"><a target="_blank" data-cke-saved-href="АДРЕС ДНЕВНИКА" href="АДРЕС ДНЕВНИКА"><font size="1" color="#000000" face="Monotype Corsiva">ВАШ НИК</font></a></div></center></td></tr></table></div>

Найдем картинку, подходящий фон и вставим в полученную формулу их адреса. Ширину для картинки укажем в 500 px. Вот что мы получим в итоге.

Здесь будет ваш текст ВАШ НИК

<div align="center"><table border="0" background="//img0.liveinternet.ru/images/attach/d/4/162/115/162115834_nf.jpg" cellpadding="10" cellspacing="0"><tr><td style="padding: 10px;"><center><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/d/4/161/605/161605577_bvnv.gif" src="//img1.liveinternet.ru/images/attach/d/4/161/605/161605577_bvnv.gif" width="500" /><br /><center> <font size="5" color="#000000" face="Monotype Corsiva"> Здесь будет ваш текст<br /></font></center><div align="center"><a target="_blank" data-cke-saved-href="АДРЕС ДНЕВНИКА" href="АДРЕС ДНЕВНИКА"><font size="1" color="#000000" face="Monotype Corsiva">ВАШ НИК</font></a></div></center></td></tr></table></div>

Музыкальные плееры - линеечки

Оформляем плеер картинкой

Оформляем плеер картинкой - линеечкой или картинкой - кнопкой. Имеем такой плеер: КОД ПЛЕЕРА: <audio controls="controls" src="АДРЕС МУЗЫКИ МР3" style="width: 100px; height:20px; opacity:0;"></audio> Здесь в теге opacity:1; заменена единица на ноль. Это делает плеер невидимым. Скопируйте код в Новую запись. Будем его украшать. Закроем этот плеер картинкой. Для этого заключим этот код в формулу фона - картинки. <table background="АДРЕС КАРТИНКИ ПЛЕЕРА"><tbody><tr><td width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ" style="padding: 0;">КОД ПЛЕЕРА</td></tr></tbody></table> Копируем часть формулы до слов КОД ПЛЕЕРА и вставляем в начало кода в Новой записи. Затем скопировать закрывающие теги после слов КОД ПЛЕЕРА и вставить в конец записи. Теперь вставим картинку плеера, подставим значения размеров картинки. Вставляем музыку мр3. Получаем такой плеер - линеечку: Можно в коде плеера менять картинку с её размерами и получать новый плеер. А можно его немного изменить: -------------------------------------------- С плеерами - кнопками немного сложнее. Тут не обойтись без редактора. Я пользуюсь Paint.net. Нужно создать картинку на прозрачном фоне. Например, такую Это очень просто: Создать - Указать размер - Правка - Выделить все - Очистить выделение. Файл - Открыть - Выбрать картинку плеера - Открыть - Правка - Копировать - Вставить. КОД ПЛЕЕРА - КНОПКИ такой же. <table background="КАРТИНКА_КНОПКА"><tbody><tr><td style="padding: 0;" width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ"><audio controls="controls" src="МУЗЫКА МР3" style="width:100px; height: 20px; opacity:0;" type="audio"></audio></td></tr></tbody></table> Подставляйте значения и готово. Примеры: УДАЧИ! Bloginja

Музыкальные плееры - кнопки

А годы уходят...

Новогодняя анимация, клипарт

ИСТОЧНИК     Новогодние елкиПодаркиНовогодние картинкиКолокольчикиКнопочки-переходы "Далее"ДомикиНовогодний minigifНогодние свечиДед МорозДед Мороз (картинки)Дед Мороз и СнегурочкаНовогодние шарыНовогодние смайлики!СнеговикЗвезды, снежинкиАнимированный фонНовогодние линииMerry ChristmasНовогодний фейерверк!Картинки раскраскиAchtergrondenСани Деда МорозаНовогодний каминЕлочные украшенияОлениНовогодний клипартЕлочные игрушкиDisney Happy New Jear!МедведиНовогодние свечиДети и Новый Год!Новогодние Doolz!Новогодние животныеНовогодние дракончикиНадписи С новым годом!Новогодний E-mail!Новогодние окнаАнимашка с Новым годом на телефонЛучшие Новогодние обои! (1024 x 768)Анимационные картинки для телефонаНовогодние картинкиНовогодние обоиНовогодние Аватары и пожелания по знакам ЗодиакаНовогодний фейерверкНовогодние фоныАнимационные Картинки с Новым Годом!!!Авики - маленькие картинки с Новым Годом!!!Новогодние рамки для фотошопа (png)Новогодние смс поздравленияНовогодние бесшовные фоны.Старый Новый год!Открытки "С Наступающим Новым годом"Рождественские картинкиРождествоРождество флешкиЗимние картинки и фотоАнимация разнаяНовогодние поздравления!

н

Мои любимые плееры

Красивые мелодии Музыка для души Kpacивая музыка Раймонд Паулс-Блюз под дождем Паганини

Плееры "Магнитофоны" +КОД
 

<center> <div align="center"> <table background="<a href="https://i.postimg.cc/fyZ95wXp/32f1d5a1cfb55b34fff99dcd6d570e40.gif"" target="_blank">https://i.postimg.cc/fyZ95wXp/32f1d5a1cfb55b34fff99dcd6d570e40.gif"</a> height="113" title="Play/Pause" width="150"> <tbody> <tr> <td align="left" style="padding: 0;" valign="middle"> <audio controls="controls" src="<a href="http://ВСТАВИТЬ ССЫЛКУ НА MP3 ФАЫЛ"" target="_blank">ВСТАВИТЬ ССЫЛКУ НА MP3 ФАЫЛ"</a> style="width: 100px; padding-left: 45px; padding-top: 55px; opacity: 0;" title="ВСТАВИТЬ НАЗВАНИЕ ИСПОЛНИТЕЛЯ"></audio></td> </tr> </tbody> </table> </div> </center>
 

<center> <div align="center"> <table background="<a href="https://i.postimg.cc/mky1c0c4/1234534595028202.gif"" target="_blank">https://i.postimg.cc/mky1c0c4/1234534595028202.gif"</a> height="83" title="Play/Pause" width="150"> <tbody> <tr> <td align="left" style="padding: 0;" valign="middle"> <audio controls="controls" src="<a href="http://ВСТАВИТЬ ССЫЛКУ НА MP3 ФАЫЛ"" target="_blank">ВСТАВИТЬ ССЫЛКУ НА MP3 ФАЫЛ"</a> style="width: 100px; padding-left: 445px; padding-top: 30px; opacity: 0;" title="ВСТАВИТЬ НАЗВАНИЕ ИСПОЛНИТЕЛЯ"></audio></td> </tr> </tbody> </table> </div> </center>
 

<center> <div align="center"> <table background="<a href="https://i.postimg.cc/Rqrk6DHM/a77-3-1.gif"" target="_blank">https://i.postimg.cc/Rqrk6DHM/a77-3-1.gif"</a> height="120" title="Play/Pause" width="150"> <tbody> <tr> <td align="left" style="padding: 0;" valign="middle"> <audio controls="controls" src="<a href="http://ВСТАВИТЬ ССЫЛКУ НА MP3 ФАЫЛ"" target="_blank">ВСТАВИТЬ ССЫЛКУ НА MP3 ФАЫЛ"</a> style="width: 100px; padding-left: 45px; padding-top: 55px; opacity: 0;" title="ВСТАВИТЬ НАЗВАНИЕ ИСПОЛНИТЕЛЯ"></audio></td> </tr> </tbody> </table> </div> </center>
 

<center> <div align="center"> <table background="<a href="https://i.postimg.cc/N0Km0s1v/2838b4c9d5162d1d4d5a8f11be85dbae3.gif"" target="_blank">https://i.postimg.cc/N0Km0s1v/2838b4c9d5162d1d4d5a8f11be85dbae3.gif"</a> height="96" title="Play/Pause" width="150"> <tbody> <tr> <td align="left" style="padding: 0;" valign="middle"> <audio controls="controls" src="<a href="http://ВСТАВИТЬ ССЫЛКУ НА MP3 ФАЫЛ"" target="_blank">ВСТАВИТЬ ССЫЛКУ НА MP3 ФАЫЛ"</a> style="width: 100px; padding-left: 45px; padding-top: 45px; opacity: 0;" title="ВСТАВИТЬ НАЗВАНИЕ ИСПОЛНИТЕЛЯ"></audio></td> </tr> </tbody> </table> </div> </center>
 

Для воспроизведения нажать на кнопку Pley.

В КОДЕ ПРОПИСАНО, ГДЕ ВСТАВИТЬ MP3 ФАЙЛ И ГДЕ ВСТАВИТЬ НАЗВАНИЕ ИСПОЛНИТЕЛЯ.

Плееры для вставки в пост (музыку вставляем свою).
 

плеерочки (кнопки)Gif
 

Плеер для ваших постов с html кодом

Всем здравствуйте... После моего поста про В. С. Высоцкого, у меня попросили код плеера, который был в том посте. Я решила не высылать его в комментарии, а показать всем, в виде урока, может кому ещё пригодится...))) Конечно, такие плеера больше подходят для тёмного фона, но можно сделать и для светлого, ведь в коде плеера можно поменять цвет плеера, цвет обводки, сделать его закруглённым или оставить прямоугольным. Ниже вы видите несколько плееров с песнями, разного цвета, разного оформления, при наведении курсора на плеер можно увидеть название песни.

Аудиоплееры с html кодом - 3

В плеерах звучат песни в исполнении Анатолия Королёва

пост составила

Скоро Новый Год

А сколько квадратиков?

(Добавил ссылку к себе в дневник)

Кнопки-плееры "С Днём Рождения" - 12 шт. + КОДы (с музыкой и без неё).

Заморские сайты к НОВОМУ ГОДУ
 

Моя коллекция иностранных сайтов к НОВОМУ ГОДУ, на которых вы найдете все для своего творчества. В сайтах переходите на ГЛАВНЫЕ страницы, и вы увидите много интересного и нужного для вас, по всем темам. http://www.linkietheo.nl/kerst_f/kerst_2.html Фоны, анимашки. Голландский сайт http://www.animatiesite.nl/engelen.html Голландский сайт с Новогодними анимашками http://www.kerstplaatjes.eu/ Голландский сайт с Новогодними анимашками, и не только. Огромный выбор выбор http://www.kerstmisonline.nl/plaatjes/ Голландский сайт с Новогодними анимашками, фоны, алфавит

♫❊Музыкальные флеш плееры❊ܓ⇝