Четверг, 14.06.2012, 19:45
Пользователь
| Подскажите как создать на своём сайте вот такую новостную ленту (слайдами) как вот на этих 2-ух сайтах http://gazgolder.com/ и http://all-brands.com.ua/.Дайте ссылку на видео урок или дайте ссылку где разобратся с этим. |
|
Четверг, 14.06.2012, 22:09
Пользователь
<!-- <Coool Script by kaZim!!!> -->
<table border="0" cellpadding="0" cellspacing="0" class="boxTable">
<tr><td class="boxTitle"><b><!-- <bt> --><center>Слайды by kaZim!</center><!-- </bt> --></b></td></tr>
<tr><td class="boxContent"><!-- <bc> --><script type="text/javascript" src="/cool/cool_kazim.js"></script>
<link rel="stylesheet" type="text/css" href="/cool/cool_css_kazim.css">
<center><div class="layer"><div id="game-mid"><div id="slider1" class="sliderwrapper">
<div style="display: block; z-index: 8; opacity: 1.1; visibility: visible;" class="contentdiv"><center><a href="http://game-zona.pp.ua/"><img src="http://on-line-clan.at.ua/cool/1.png" alt="" title="Тест слайда!" height="350" width="600"></a></center></div><div style="display: none; z-index: 7; opacity: 1; visibility: visible;" class="contentdiv"><center><a href="http://game-zona.pp.ua/"><img src="http://on-line-clan.at.ua/cool/2.png" alt="" title="Тест слайда!" height="350" width="600"></a></center></div><div style="display: none; z-index: 6; opacity: 1; visibility: visible;" class="contentdiv"><center><a href="http://game-zona.pp.ua"><img src="http://on-line-clan.at.ua/cool/3.png" alt="" title="TEST!" height="350" width="600"></a></center></div><div style="display: none; z-index: 5; opacity: 1.1; visibility: visible;" class="contentdiv"><center><a href="http://game-zona.pp.ua"><img src="http://on-line-clan.at.ua/cool/4.png" alt="" title="TEST SLAYDA!" height="350" width="600"></a></center></div><div style="display: none; z-index: 4; opacity: 1.1; visibility: visible;" class="contentdiv"><center><a
href="http://game-zona.pp.ua/"><img src="http://on-line-clan.at.ua/cool/5.png" alt="" title="Тест слайда!" height="350" width="600"></a></center></div><div style="display: none; z-index: 4; opacity: 1.1; visibility: visible;" class="contentdiv"><center><a
href="http://game-zona.pp.ua/"><img src="http://on-line-clan.at.ua/cool/6.png" alt="" title="Тест слайда!" height="350" width="600"></a></center></div></div>
<div id="paginate-slider1" class="pagination"></div>
<script type="text/javascript">featuredcontentslider.init({id: "slider1",contentsource: ["inline", ""],toc: "#increment",nextprev: ["", ""],revealtype: "click",enablefade: [true, 0.1],autorotate: [true, 5000],onChange: function(previndex, curindex){}})</script>
</div></div>
</div></center><!-- </bc> --></td></tr>
<tr><td class="boxBottom"></td></tr>
</table>
<!-- </COOL> -->
1. Если вы только начинающий вебмастер, и ещё слабо знаете ХТМЛ и КСС, то просто скачайте архив,(который будет внизу этой статьи) и замените уже имеющиеся картинки на свои, и залейте в корень(сейчас стоит размер картинок 350 пикселей высоты, и 600 пикселей ширины)...
2. Если же знаете, то размер окна меняется в КСС файле "cool_css_kaZim" а размер картинки непосредственно в коде что выше...
3. Тахже можно сменить текст такой как на примере Типа "Слайды бай каЗим")) меняется вверху кода...
И главное ге забудьте залить содержимое архива в корень сайта, чтоб папка
куул, так и была сразу в корне.. (кул скрипт.тхт) заливать ненужно... |
|
Пятница, 15.06.2012, 08:43
Пользователь
|
Пятница, 15.06.2012, 12:30
Пользователь
| Всё очень просто если знать где искать |
|
Пятница, 15.06.2012, 22:55
Пользователь
|
