Mp3 плеер для сайта 1

<audio controls>
<source preload="auto" src="000.ogg" type="audio/ogg"/>
<source preload="auto" src="путь к mp3 файлу" type="audio/mp3"/></audio>

Таблица основного цвета html

Название	Цвет	Hex	(RGB)
Aqua (морская волна)		#00FFFF	(000,255,255)
Black (черный)		#000000	(000,000,000)
Blue (голубой)		#0000FF	(000,000,255)
Fuchsia (фуксин)		#FF00FF	(255,000,255)
Gray (серый)		#808080	(128,128,128)
Green (зеленый)		#008000	(000,128,000)
Lime (ярко-зеленый)		#00FF00	(000,255,000)
Maroon (темно-бордовый)		#800000	(128,000,000)
Navy (темно-синий)		#000080	(000,000,128)
Olive (оливковый)		#808000	(128,128,000)
Purple (фиолетовый)		#800080	(128,000,128)
Red (красный)		#FF0000	(255,000,000)
Silver (серебряный)		#C0C0C0	(192,192,192)
Teal (серо-зеленый)		#008080	(000,128,128)
White (белый)		#FFFFFF	(255,255,255)
Yellow (желтый)		#FFFF00	(255,255,000)

Плавная смена страниц с помощью jQuery

<script type="text/javascript">
$(document).ready(function() {
 $("body").css("display", "none");

 $("body").fadeIn(2000);

 $("a.transition").click(function(event){
 event.preventDefault();
 linkLocation = this.href;
 $("body").fadeOut(1000, redirectPage);
 });

 function redirectPage() {
 window.location = linkLocation;
 }
});
</script>

Смена изображения при наведении

<a href="Ваша ссылка на страницу">
<img src="картинка стрелка в верх" width="30" height="30" onmouseover="this.src='картинка стрелка в низ'" onmouseout="this.src='картинка стрелка в верх'"></a>

Блок с прокруткой

<!-- ------- стиль блока с прокруткой фото начало -------- -->
<style>
.scroll-box {
 overflow: auto;
 width: 663px;
 height: 263px;
 border: 0px solid #ffffff;
 background-color: #ffffff;
 padding-left: 0em;
 padding-right: 0em;
}
</style>
<!-- ------- стиль блока с прокруткой фото конец -------- -->
<div class='scroll-box'>
<table><center>
<tbody>
<tr><td>
<a rel="simplebox" href="http://letsober.ucoz.net/rockphoto/foto1.jpg">
<img class="animate1" img src="http://letsober.ucoz.net/rockphoto/foto1.jpg" alt="Iron Maiden" width="124"></a>
</td>
<td>
<a rel="simplebox" href="http://letsober.ucoz.net/rockphoto/foto2.jpg">
<img class="animate1" img src="http://letsober.ucoz.net/rockphoto/foto2.jpg" alt="Iron Maiden" width="124"></a>
</td>
<td>
<a rel="simplebox" href="http://letsober.ucoz.net/rockphoto/foto3.jpg">
<img class="animate1" img src="http://letsober.ucoz.net/rockphoto/foto3.jpg" alt="Iron Maiden" width="124"></a>
</td>
<td>
<a rel="simplebox" href="http://letsober.ucoz.net/rockphoto/foto4.jpg">
<img class="animate1" img src="http://letsober.ucoz.net/rockphoto/foto4.jpg" alt="Iron Maiden" width="124"></a>
</td>
<td>
<a rel="simplebox" href="http://letsober.ucoz.net/rockphoto/foto5.jpg">
<img class="animate1" img src="http://letsober.ucoz.net/rockphoto/foto5.jpg" alt="Iron Maiden" width="124"></a>
</td></tr>
<td>
<a rel="simplebox" href="http://letsober.ucoz.net/rockphoto/foto6.jpg">
<img class="animate1" img src="http://letsober.ucoz.net/rockphoto/foto6.jpg" alt="Iron Maiden" width="124"></a>
</td>
<td>
<a rel="simplebox" href="http://letsober.ucoz.net/rockphoto/foto7.jpg">
<img class="animate1" img src="http://letsober.ucoz.net/rockphoto/foto7.jpg" alt="Iron Maiden" width="124"></a>
</td>
<td>
<a rel="simplebox" href="http://letsober.ucoz.net/rockphoto/foto8.jpg">
<img class="animate1" img src="http://letsober.ucoz.net/rockphoto/foto8.jpg" alt="Iron Maiden" width="124"></a>
</td>
<td>
<a rel="simplebox" href="http://letsober.ucoz.net/rockphoto/foto9.jpg">
<img class="animate1" img src="http://letsober.ucoz.net/rockphoto/foto9.jpg" alt="Iron Maiden" width="124"></a>
</td>
<td>
<a rel="simplebox" href="http://letsober.ucoz.net/rockphoto/foto10.jpg">
<img class="animate1" img src="http://letsober.ucoz.net/rockphoto/foto10.jpg" alt="Iron Maiden" width="124"></a>
</td></tr>
<td>
<a rel="simplebox" href="http://letsober.ucoz.net/rockphoto/foto11.jpg">
<img class="animate1" img src="http://letsober.ucoz.net/rockphoto/foto11.jpg" alt="Iron Maiden" width="124"></a>
</td>
<td>
<a rel="simplebox" href="http://letsober.ucoz.net/rockphoto/foto12.jpg">
<img class="animate1" img src="http://letsober.ucoz.net/rockphoto/foto12.jpg" alt="Iron Maiden" width="124"></a>
</td>
<td>
<a rel="simplebox" href="http://letsober.ucoz.net/rockphoto/foto13.jpg">
<img class="animate1" img src="http://letsober.ucoz.net/rockphoto/foto13.jpg" alt="Iron Maiden" width="124"></a>
</td>
<td>
<a rel="simplebox" href="http://letsober.ucoz.net/rockphoto/foto14.jpg">
<img class="animate1" img src="http://letsober.ucoz.net/rockphoto/foto14.jpg" alt="Iron Maiden" width="124"></a>
</td>
<td>
<a rel="simplebox" href="http://letsober.ucoz.net/rockphoto/foto14.jpg">
<img class="animate1" img src="http://letsober.ucoz.net/rockphoto/foto15.jpg" alt="Iron Maiden" width="124"></a>
</td>
</tr>
</tbody></table>
</div>

Радио

« Апрель 2024 »
Пн	Вт	Ср	Чт	Пт	Сб	Вс
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30