Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.143.241.253
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Красивый слайдер
Сообщение оставлено 09.05.2011 в 17:36:49 | Сообщение #1

Скачиваете этот файл и заливаете в ФМ

Это в CSS

Code
/* Слайдер Rip By Multi-rip.ru */   
a.button {display:block; float:right; padding:1px 9px 1px 9px; margin:1px; color:#fff; font-weight:bold; background:url('http://larwell.ucoz.ru/button-black.png') #4E4E4E; background-position:100% 0px; border:1px solid #2D2D2D; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0px 0px 1px #fff inset; -webkit-box-shadow:0px 0px 1px #fff inset;}   
a.button:hover {border:1px solid #5D5016; color:#fff; background-position:100% -28px;}   
a.button:active {border:1px solid #5D5016; color:#fff; background-position:100% -28px; box-shadow:0px 0px 5px #000 inset; -moz-box-shadow:0px 0px 5px #000 inset; -webkit-box-shadow:0px 0px 5px #000 inset;}.slider {height:110px;width:287px;position:relative}
.container {padding-bottom:2px;background:url("") repeat-x 50% 100%}   
.container {height:130px}   
.slides_container {position:relative;background:#e0e0e0;width:288px;overflow:hidden}   
.dright {background:url("") no-repeat;height:130px;width:23px;position:absolute;top:0}   
.dright {right:0;background-position: -23px 0}   
.pagination {position:absolute;bottom:2px;right:2px;margin:0;padding:0;list-style:none;z-index:99}   
.pagination li {display:inline-block;width:19px;height:19px;zoom:1;*display:inline}   
.pagination li a {background:url("http://larwell.ucoz.ru/pagination.png") no-repeat;display:block;width:19px;padding-top:19px;height:0;overflow:hidden}   
.pagination li a:hover {background-position: -19px 0}   
.pagination li.current a {background-position: -38px 0}   
/* ----------------- */

Это там, где будет слайдер

Code
<div style="width:100; height:130px;">        
<div class="slider">        
<div class="container">        
<div id="slides">        
<div class="slides_container">        
<div><img src="http://savepic.ru/2528104.png" alt="" /></div>        
<div><a class="button" href="/index/3" style="position:absolute; bottom:1px; left:2px;"><span><font color="#7B7B7B">Зарегестрироваться</font></span></a><img src="http://savepic.ru/2528104.png" alt="" /></div>        
<div><a class="button" href="/forum" style="position:absolute; bottom:1px; left:2px;"><span><font color="#7B7B7B">Форум</font></span></a><img src="http://savepic.ru/2528104.png" alt="" /></div>        
<div><a class="button" href="http://multi-rip.ru/" style="position:absolute; bottom:1px; left:2px;"><span><font color="#7B7B7B">Ваше</font></span></a><a class="button" href="http://multi-rip.ru/" style="position:absolute; bottom:1px; left:100px;"><span><font color="#7B7B7B">Ваше</font></span></a><img src="http://savepic.ru/2528104.png" alt="" /></div>        

</div>        
</div>        
</div>        
<div class="dleft"> </div>        
<div class="dright"> </div>        
</div>        
</div>        
<script type="text/javascript" src="/slides.js"></script>

Rip - Cherry[paha] (Larwell)



 Сообщение отредактировал Cherry[paha] - Понедельник, 09.05.2011, 17:37:26
 
Мой ник читается как "ЧЕРЕПАХА". Так что прежде чем обвинять в плагиаторстве ника "Cherry" подумайте хорошенько.
 
   
Сообщение оставлено 09.05.2011 в 20:39:26 | Сообщение #2
Cherry[paha], Молодец , лови +
 
Увидимся...
 
   
Сообщение оставлено 09.05.2011 в 20:39:53 | Сообщение #3
спасибо большое
 
 
   
Сообщение оставлено 01.06.2011 в 12:45:27 | Сообщение #4
спс, очень красиво!
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика