Вход на сайт
803 просмотров
11.12.13 16:02 Урок №-2. Часть 2. Как вставить в одинарную рамочку фоновую картинку, музыку ил
Урок №-2 Как вставить в одинарную рамочку фоновую картинку, музыку или видео. Часть 2. 1. Как вставить в одинарную рамочку музыку. Я всегда подписываю музыку с чего и мы начнём. Можно подписывать с помощью <span> или <font>. Я предпочитаю <span>, вот так она выглядит. <span style="font-family:ВИД ШРИФТА;color:#ЦВЕТ; font-size:РАЗМЕР ШРИФТА px">...</span> В этой ссылки мы сами выбираем, что нам лучше подходит. Для нашего готового поста возьмём следующее... А также я просто взял свою последнюю загруженную песню - Гела Черный - Ты всегда была моей. <span style="font-family:Monotype Corsiva; color: #ffff66; font-size: 18px">Гела Черный - Ты всегда была моей.</span> Вот код для вставки этой песни. Я не стал, давать полный код для вставки, а даю его в укороченном виде, где в height="75" и width="470" я поставил свои размеры. Высоту плеера взял 18 height="18", а ширину 275, чтобы наш плеер был длиннее названия песни width="275". Далее выбираю цвет плеера, тёмно коричневый 660000 - backcolor=0x660000, а цвет шкалы беру как в надписи светло жёлтый ffff66 - frontcolor=0xffff66. А в коде музыки сделаем изменения http%3A%2F%2Fstat21.privet.ru%2Fmp3%2F, и оно будет выглядеть так http://stat21.privet.ru/mp3/ Гела Черный - Ты всегда была моей. <object data="http://music.privet.ru/swf/mp3player.swf" type="application/x-shockwave-flash" height="18" width="275" ><param name="movie" value="http://music.privet.ru/swf/mp3player.swf"><param name="flashvars" value="file=http://stat21.privet.ru/mp3/0d05dd42a3481e0771f32f5d79886d9a&type=mp3&backcolor=0x660000&frontcolor=0xffff66" ></object> Вот так выглядит наш укороченный код для вставки музыки. Вы можите скопировать этот код для вставки музыки и в него поставить код своей музыки. Я это делаю так. Нахожу нужную мне песню и копирую код для вставки. Там же открываю коменты и сбрасываю её туда. Далее копирую только код песни вот этот 21.privet.ru%2Fmp3%2F0d056093d7644fd4bfc9997d6b9d7398& После чего я меняю код музыки и имею новый код для вставки музыки, в котором я также меняю цвета и размер. Вот так выглядит наш новый код для вставки музыки. <object data="http://music.privet.ru/swf/mp3player.swf" type="application/x-shockwave-flash" height="18" width="150" ><param name="movie" value="http://music.privet.ru/swf/mp3player.swf"><param name="flashvars" value="file=http://stat21.privet.ru/mp3/0d056093d7644fd4bfc9997d6b9d7398&type=mp3&backcolor=0x0000ff&frontcolor=0xffffff" ></object> 2. В нашей готовой рамочке отметим места, где должна находиться музыка, текст, видео, а так же <span>. Все изменения я выдел в ссылке на пост. <table style="border:5px inset #ff0000" background="http://img12.dreamies.de/img/372/b/tzl36bjtc6w.jpg" > <tr><td style="padding:45px" align="center"><span style="font-family:Monotype Corsiva; color: #ffff66; font-size: 18px"><b><br /><img src="http://s001.radikal.ru/i194/1301/9d/9d6499d5f614.gif" width="550"><br /><img src="http://i060.radikal.ru/1301/7c/ce9515112bd7.gif" width="275" height="130"><img src="http://s42.radikal.ru/i097/1301/e4/b5d96134afc4.gif" width="275" height="130"><br /><br /><img src="http://s019.radikal.ru/i640/1301/8e/56a53e4d3289.gif"><br /><br />НАЗВАНИЕ ПЕСНИ<br />МУЗЫКА<br /><br />ТЕКСТ</b></span><br /><br />АВТОР ПОСТА<br />ВИДЕО</b></span><br /></td></tr></table> Скопируйте эту ссылку и вставте в неё название песни и код вставки музыки и проверте у себе в гостевой..
_______________________________________________________ В следующий раз в продолжении второй части урока №-2 мы вставим в этот пост музыку, текст и видио. Bergmann - Шахтёр. |