Скрипты для uCoz, шаблоны ucoz - Новостной слайдер (тематика футбол) - 5 Апреля 2010 - Новостной слайдер (тематика футбол)
Меню сайта
Обои, картинки, темы для windows...
Категории раздела
Шаблоны для uCoz [24]
Скрипты для uCoz [263]
Иконки форума [1]
Иконки групп [0]
Ранги для uCoz [5]
Софт веб-мастеру [1]
Статьи веб-мастеру [103]
Видеоуроки [10]
Всё для фотошопа [0]
Мини-чат
200
Наш опрос
Вы кто?
Всего ответов: 31
Теги
На нашем сайте вы найдёте: самые новые и просты скрипты для ucoz,и очень красивые и новые шаблоны для uCoz,Иконки групп,очень красивые кисти для photoshopa,много шрифтов для photoshopa,много псд исходников,интересные статьи для веб мастеров,а также вы сможете всегда получить нужную вам помощь по uCoz, всегда получите ответ на ваш интересующий вопрос. Скрипты для uCoz,Иконки групп,Софты для uCoz,Статьи для Веб мастеров,Фотошоп Скрипты для uCoz,Все для юкоз, Шаблоны для uCoz,Иконки для uCoz
| sitemap | sitemap-forum |

Скрипты и шаблоны для uCoz, Скачать шаблоны юкоз, ucoz шаблон, шаблоны ucoz, ucoz скрипты

Новостной слайдер (тематика футбол)

Это в ксс

Code
#featured{  
  width:400px;  
  padding-right:110px;  
  position:relative;  
  border:5px solid #ccc;  
  height:250px;  
  background:#fff;  
}  
#featured ul.ui-tabs-nav{  
  position:absolute;  
  top:0; left:400px;  
  list-style:none;  
  padding:0; margin:0;  
  width:250px;  
}  
#featured ul.ui-tabs-nav li{  
  padding:1px 0; padding-left:13px;  
  font-size:12px;  
  color:#666;  
}  
#featured ul.ui-tabs-nav li img{  
  float:left; margin:2px 5px;  
  background:#fff;  
  padding:2px;  
  border:1px solid #eee;  
}  
#featured ul.ui-tabs-nav li span{  
  font-size:11px; font-family:Verdana;  
  line-height:18px;  
}  
#featured li.ui-tabs-nav-item a{  
  display:block;  
  width:96px;  
  height:60px;  
  color:#333; background:#fff;  
  line-height:20px;  
}  
#featured li.ui-tabs-nav-item a:hover{  
  background:#f2f2f2;  
}  
#featured li.ui-tabs-selected{  
  background:url('http://arsamania.ucoz.ru//images/selected-item.gif') top left no-repeat;  
}  
#featured ul.ui-tabs-nav li.ui-tabs-selected a{  
  background:#ccc;  
}  
#featured .ui-tabs-panel{  
  width:400px; height:250px;  
  background:#999; position:relative;  
}  
#featured .ui-tabs-panel .info{  
  position:absolute;  
  top:180px; left:0;  
  width:400px; height:70px;  
  background: url('http://arsamania.ucoz.ru//images/transparent-bg.png');  
}

Это перед хеад

Code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>  
<script type="text/javascript">  
  $(document).ready(function(){  
  $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);  
  });  
</script>

А это в любое место. Где хотите чтобы появилось.

Code
<div id="newsstat"><div id="featured"> <ul class="ui-tabs-nav"> <li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="http://arsamania.com/1/0000000000_GLAV/400-250-ars-barc.jpg" alt="" width="80" height="50"></a></li> <li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="http://arsamania.com/1/0000000000_GLAV/400-250-wenger.jpg" alt="" width="80" height="50"></a></li> <li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="http://arsamania.com/1/0000000000_GLAV/010101/400-250-barca.jpg" alt="" width="80" height="50"></a></li> <li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="http://arsamania.com/1/0000000000_GLAV/010101/400-250-gallas.jpg" alt="" width="80" height="50"></a></li> </ul> <!-- First Content --> <div id="fragment-1" class="ui-tabs-panel" style=""> <img src="http://arsamania.com/1/0000000000_GLAV/400-250-ars-barc.jpg" alt=""> <div class="info"> <h2><a href="http://arsamania.com/publ/3-1-0-74">"Арсенал" - "Барселона" (2:2) + Видео</a></h2>  

"Арсенал" в рамках первого матча ¼ финала Лиги чемпионов принимал на своём поле каталонскую "Барселону".</p> </div> </div> <!-- Second Content --> <div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="http://arsamania.com/1/0000000000_GLAV/400-250-wenger.jpg" alt=""> <div class="info"> <h2><a href="http://arsamania.com/publ/3-1-0-73">"Бирмингем" - "Арсенал" (1:1) + Видео</a></h2>  

"Арсенал" в компенсированное время пропустил обидный гол от Кевина Филлипса.</p> </div> </div> <!-- Third Content --> <div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="http://arsamania.com/1/0000000000_GLAV/010101/400-250-barca.jpg" alt=""> <div class="info"> <h2><a href="http://arsamania.com/publ/3-1-0-72">Враг у ворот… "Барселона"!</a></h2>  

Жребий в этом году свел две самые техничные команды в четвертьфинале ЛЧ, подарив фанатам футбольный праздник.</p> </div> </div> <!-- Fourth Content --> <div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style=""> <img src="http://arsamania.com/1/0000000000_GLAV/010101/400-250-gallas.jpg" alt=""> <div class="info"> <h2><a href="http://arsamania.com/publ/3-1-0-71">Проверка слуха: Вилльям Галлас</a></h2>  

Правда ли, что в следующем сезоне в обороне "Ромы" заговорят "по-английски"?</p> </div> </div> </div></div>  
<DIV align="center"><TABLE style="width: 515px; border-collapse: collapse" width="" align="" summary="null"><TBODY><TR><TD style="text-align: right; letter-spacing: 0px; word-spacing: 0px; vertical-align: middle; padding-right: 10px"><SPAN style="font-size: 8pt"></SPAN></TD></TR></TBODY></TABLE></DIV>



Категория: Скрипты для uCoz | Просмотров: 734 | Добавил: Aleks | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]



Твой профиль

Поиск
На форуме
RSS
Статистика
Счетчик посещений

OnLine
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Нас посетили:
Зарег. на сайте:
Всего: 103
За месяц: 0
За неделю: 0
Вчера: 0
Сегодня: 0
Поиск
Архив записей
Календарь
«  Апрель 2010  »
Пн Вт Ср Чт Пт Сб Вс
   1234
567891011
12131415161718
19202122232425
2627282930
Хостинг от uCoz | Скрипты для uCoz | Шаблоны для uCoz