шапка плавно меняется - Форум
  • Страница 1 из 1
  • 1
шапка плавно меняется
СообщениеА вот именно скрипт ! :
Code
<script type="text/javascript" src="http://sinners.pp.ua/SINNERS/1/js/slider.js"></script>   
<div class="layer">  
<div id="game-mid"><div id="slider1" class="sliderwrapper">  
<div class="contentdiv" align="left"><img src="http://sinners.pp.ua/SINNERS/1/img/shapka/4.jpg"></div>  
<div class="contentdiv" align="left"><img src="http://sinners.pp.ua/SINNERS/1/img/shapka/5.jpg"></div>  
<div class="contentdiv" align="left"><img src="http://sinners.pp.ua/SINNERS/1/img/shapka/6.jpg"></div>  
</div>  
</div>  
</div>  
<div style="display: none;"><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, 6000],onChange: function(previndex, curindex){}})</script>  
</div>

CSS
Code
/* Slaider */  
.sliderwrapper {  
position:relative;  
overflow:hidden;  
border:6px;  
width:716px;  
height:205px;  
}  

.sliderwrapper .contentdiv {  
visibility:hidden;  
position:absolute;  
left:0;  
top:0;  
width:716px;  
height:100%;  
filter:progid:DXImageTransform.Microsoft.alpha(opacity=56);  
-moz-opacity:1;  
opacity:1;  
}  

.pagination {  
width:716px;  
text-align:center;  
padding:5px 0;  
margin-top:4px;  
}  

.pagination a {  
padding:3px 5px;  
text-decoration:#cccccc;  
font-weight: bold;  
color:#707070;  
background:#494949;  
}  

.pagination a:hover, .pagination a.selected {  
color:#cccccc;  
font-weight: bold;  
background-color:#494949;  
}  
/* ------- */

Вот так должна выглядеть Верхняя часть сайта

Code
<table cellpadding="0" cellspacing="0" border="0" width="100%" height="32" style="border:1px solid #262626;background:url('http://sinners.pp.ua/RipScripts/Shapka/131.jpg');">  
<tr>  
<td width="70%" align="left" style="font-size:10px;padding-left:10px;"><div class="navig">  
<a href="/" target=_blank title="Реклама на портале"><font color="#d42424">Реклама на портале</font></a><a href="/dir/"title="Top сайтов">Тор сайтов</a> <a href="/news/"title="Новости">Новости</a> <a href="/load/"title="Файлы">Файлы</a> <a href="/publ/"title="Mp3 OnLine">Mp3 OnLine</a> <a href="/photo/"title="Галерея">Галерея</a> <a href="/gb/"title="Гостевая книга">Гостевая</a> <a href="/blog/"title="Блог">Блог</a> <a href="/forum/"title="Форум">Форум</a><A title="Stream TV" href="javascript://" onclick="openLayerB('InfoAdmins',0,'/cyber.xml','Stream TV',250,80,'1','','',0,'justify'); return false;">Stream TV</font></font></a></DIV></div></td>  

</div>  
</td>  
<td width="50%" align="right" style="font-size:10px;padding-right:10px;"><font color="#8e8e8e">$WDAY$, $DATE$, <span id="uClock">$TIME$</span>  
<script type="text/javascript">  
function clock_from(hour,min){  
clock="";  
if(sec>59){sec=0;min=min+1;}  
if(min>59){min=0;hour=hour+1;}  
if(hour>23){hour=0;}  
if(hour<10){clock+="0"+hour;}else{clock+=""+hour;}  
clock+=":";  
if(min<10){clock+="0"+min;}else{clock+=""+min;}  
clock+=":";  
if(sec<10){clock+="0"+sec;}else{clock+=""+sec;}  
elem=document.getElementById('uClock');  
elem.innerHTML=clock;  
setTimeout("clock_from("+hour+","+min+","+(sec+1)+")",1000);}  
clock_from(parseInt(document.getElementById('uClock').innerHTML.split(':')[0]),parseInt(document.getElementById('uClock').innerHTML.split(':')[1]),parseInt(document.getElementById('uClock').innerHTML.split(':')[2]));  
</script></td>  
</tr>  
</table>   

<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background:url('http://sinners.pp.ua/RipScripts/Shapka/center1.jpg') repeat-x;">  
<tr>  
<td><div align="left"><img src="http://sinners.pp.ua/RipScripts/Shapka/3997927.png"></div></td>  

<td><div align="center"><div style="padding:5px;background:url('http://sinners.pp.ua/RipScripts/Shapka/13.jpg') repeat-x #494949; border: #2d2d2d 1px solid; color:#707070;">  
<a href="/forum/"><font size="1" face="Visitor_rus" color="1a90ff">Свободно</font></a></div></div><br>  
<div align="center"><div style="padding:5px;background:url('http://sinners.pp.ua/RipScripts/Shapka/13.jpg') repeat-x #494949; border: #2d2d2d 1px solid; color:#707070;">  

<a href="/forum/"><font size="1" face="Visitor_rus" color="1a90ff">Свободно</font></a></div></div></td>  

<td><div align="right">  
<link rel="stylesheet" type="text/css" href="http://sinners.pp.ua/RipScripts/Shapka/contentslider.css" />  
<script type="text/javascript" src="http://sinners.pp.ua/RipScripts/Shapka/contentslider.js">  

<script type="text/javascript" src="http://stingers.net.ru/js/content.js"></script>  
<link rel="stylesheet" type="text/css" href="http://stingers.net.ru/js/slider.css">   

<div class="layer"><div id="game-mid"><div id="slider1" class="sliderwrapper">   

<div style="display: none; z-index: 7; opacity: 1; visibility: visible;" class="contentdiv" align="right">   
<img border="0" src="http://sinners.pp.ua/RipScripts/Shapka/4242175.png">   
</div>   
<div style="display: none; z-index: 7; opacity: 1; visibility: visible;" class="contentdiv" align="right">   
<img border="0" src="http://sinners.pp.ua/RipScripts/Shapka/0817903.png">   

</div>   
<div style="display: none; z-index: 7; opacity: 1; visibility: visible;" class="contentdiv" align="right">   
<img border="0" src="http://sinners.pp.ua/RipScripts/Shapka/1206399.png">   
</div>   
     
</div>   
</div>   
<div style="display:none">   
<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></td>  

</tr>  
</table>  

<table cellpadding="0" cellspacing="0" border="0" width="100%" height="30" style="border:1px solid #262626;background:url('http://stingers.net.ru/diz/13.jpg');">  
<tr>  
   <td width="50%" align="left" style="font-size:10px;padding-left:10px;"><div class="navig"><a href="$HOME_PAGE_LINK$" title="Главная"><!--<s5176>-->Главная<!--</s>--></a><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> | <a href="$REGISTER_LINK$" title="Регистрация"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$" title="Выход"><!--<s5164>-->Выход<!--</s>--></a><?else?> | <a href="$LOGIN_LINK$" title="Вход"><!--<s3087>-->Вход<!--</s>--></a><?endif?><?endif?></div></td>  

<td width="50%" align="right" style="font-size:10px;padding-right:10px;"><div class="navig"><font size="1" face="Visitor_Rus"><script type="text/javascript">   
   function bookmarksite(title, url){   
   if (document.all)   
   window.external.AddFavorite(url, title);   
   else if (window.sidebar)   
   window.sidebar.addPanel(title, url, "")}   
   </script><A title="Добавить эту страницу в избранное вашего браузера" href="/" rel="sidebar" title="Добавить в закладки" onclick="if(document.all && !window.opera){window.external.AddFavorite(this.href,'Заголовок сайта'); return false;}">Добавить в закладки</a> | </font></div></td></tr>  
</table>

Автор - n1ce
Дата добавления - 21.10.2010 в 17:40
n1ce Дата: Четверг, 21.10.2010, 17:40 | Сообщение # 1
А вот именно скрипт ! :
Code
<script type="text/javascript" src="http://sinners.pp.ua/SINNERS/1/js/slider.js"></script>   
<div class="layer">  
<div id="game-mid"><div id="slider1" class="sliderwrapper">  
<div class="contentdiv" align="left"><img src="http://sinners.pp.ua/SINNERS/1/img/shapka/4.jpg"></div>  
<div class="contentdiv" align="left"><img src="http://sinners.pp.ua/SINNERS/1/img/shapka/5.jpg"></div>  
<div class="contentdiv" align="left"><img src="http://sinners.pp.ua/SINNERS/1/img/shapka/6.jpg"></div>  
</div>  
</div>  
</div>  
<div style="display: none;"><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, 6000],onChange: function(previndex, curindex){}})</script>  
</div>

CSS
Code
/* Slaider */  
.sliderwrapper {  
position:relative;  
overflow:hidden;  
border:6px;  
width:716px;  
height:205px;  
}  

.sliderwrapper .contentdiv {  
visibility:hidden;  
position:absolute;  
left:0;  
top:0;  
width:716px;  
height:100%;  
filter:progid:DXImageTransform.Microsoft.alpha(opacity=56);  
-moz-opacity:1;  
opacity:1;  
}  

.pagination {  
width:716px;  
text-align:center;  
padding:5px 0;  
margin-top:4px;  
}  

.pagination a {  
padding:3px 5px;  
text-decoration:#cccccc;  
font-weight: bold;  
color:#707070;  
background:#494949;  
}  

.pagination a:hover, .pagination a.selected {  
color:#cccccc;  
font-weight: bold;  
background-color:#494949;  
}  
/* ------- */

Вот так должна выглядеть Верхняя часть сайта

Code
<table cellpadding="0" cellspacing="0" border="0" width="100%" height="32" style="border:1px solid #262626;background:url('http://sinners.pp.ua/RipScripts/Shapka/131.jpg');">  
<tr>  
<td width="70%" align="left" style="font-size:10px;padding-left:10px;"><div class="navig">  
<a href="/" target=_blank title="Реклама на портале"><font color="#d42424">Реклама на портале</font></a><a href="/dir/"title="Top сайтов">Тор сайтов</a> <a href="/news/"title="Новости">Новости</a> <a href="/load/"title="Файлы">Файлы</a> <a href="/publ/"title="Mp3 OnLine">Mp3 OnLine</a> <a href="/photo/"title="Галерея">Галерея</a> <a href="/gb/"title="Гостевая книга">Гостевая</a> <a href="/blog/"title="Блог">Блог</a> <a href="/forum/"title="Форум">Форум</a><A title="Stream TV" href="javascript://" onclick="openLayerB('InfoAdmins',0,'/cyber.xml','Stream TV',250,80,'1','','',0,'justify'); return false;">Stream TV</font></font></a></DIV></div></td>  

</div>  
</td>  
<td width="50%" align="right" style="font-size:10px;padding-right:10px;"><font color="#8e8e8e">$WDAY$, $DATE$, <span id="uClock">$TIME$</span>  
<script type="text/javascript">  
function clock_from(hour,min){  
clock="";  
if(sec>59){sec=0;min=min+1;}  
if(min>59){min=0;hour=hour+1;}  
if(hour>23){hour=0;}  
if(hour<10){clock+="0"+hour;}else{clock+=""+hour;}  
clock+=":";  
if(min<10){clock+="0"+min;}else{clock+=""+min;}  
clock+=":";  
if(sec<10){clock+="0"+sec;}else{clock+=""+sec;}  
elem=document.getElementById('uClock');  
elem.innerHTML=clock;  
setTimeout("clock_from("+hour+","+min+","+(sec+1)+")",1000);}  
clock_from(parseInt(document.getElementById('uClock').innerHTML.split(':')[0]),parseInt(document.getElementById('uClock').innerHTML.split(':')[1]),parseInt(document.getElementById('uClock').innerHTML.split(':')[2]));  
</script></td>  
</tr>  
</table>   

<table width="100%" border="0" cellspacing="0" cellpadding="0" style="background:url('http://sinners.pp.ua/RipScripts/Shapka/center1.jpg') repeat-x;">  
<tr>  
<td><div align="left"><img src="http://sinners.pp.ua/RipScripts/Shapka/3997927.png"></div></td>  

<td><div align="center"><div style="padding:5px;background:url('http://sinners.pp.ua/RipScripts/Shapka/13.jpg') repeat-x #494949; border: #2d2d2d 1px solid; color:#707070;">  
<a href="/forum/"><font size="1" face="Visitor_rus" color="1a90ff">Свободно</font></a></div></div><br>  
<div align="center"><div style="padding:5px;background:url('http://sinners.pp.ua/RipScripts/Shapka/13.jpg') repeat-x #494949; border: #2d2d2d 1px solid; color:#707070;">  

<a href="/forum/"><font size="1" face="Visitor_rus" color="1a90ff">Свободно</font></a></div></div></td>  

<td><div align="right">  
<link rel="stylesheet" type="text/css" href="http://sinners.pp.ua/RipScripts/Shapka/contentslider.css" />  
<script type="text/javascript" src="http://sinners.pp.ua/RipScripts/Shapka/contentslider.js">  

<script type="text/javascript" src="http://stingers.net.ru/js/content.js"></script>  
<link rel="stylesheet" type="text/css" href="http://stingers.net.ru/js/slider.css">   

<div class="layer"><div id="game-mid"><div id="slider1" class="sliderwrapper">   

<div style="display: none; z-index: 7; opacity: 1; visibility: visible;" class="contentdiv" align="right">   
<img border="0" src="http://sinners.pp.ua/RipScripts/Shapka/4242175.png">   
</div>   
<div style="display: none; z-index: 7; opacity: 1; visibility: visible;" class="contentdiv" align="right">   
<img border="0" src="http://sinners.pp.ua/RipScripts/Shapka/0817903.png">   

</div>   
<div style="display: none; z-index: 7; opacity: 1; visibility: visible;" class="contentdiv" align="right">   
<img border="0" src="http://sinners.pp.ua/RipScripts/Shapka/1206399.png">   
</div>   
     
</div>   
</div>   
<div style="display:none">   
<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></td>  

</tr>  
</table>  

<table cellpadding="0" cellspacing="0" border="0" width="100%" height="30" style="border:1px solid #262626;background:url('http://stingers.net.ru/diz/13.jpg');">  
<tr>  
   <td width="50%" align="left" style="font-size:10px;padding-left:10px;"><div class="navig"><a href="$HOME_PAGE_LINK$" title="Главная"><!--<s5176>-->Главная<!--</s>--></a><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> | <a href="$REGISTER_LINK$" title="Регистрация"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$" title="Выход"><!--<s5164>-->Выход<!--</s>--></a><?else?> | <a href="$LOGIN_LINK$" title="Вход"><!--<s3087>-->Вход<!--</s>--></a><?endif?><?endif?></div></td>  

<td width="50%" align="right" style="font-size:10px;padding-right:10px;"><div class="navig"><font size="1" face="Visitor_Rus"><script type="text/javascript">   
   function bookmarksite(title, url){   
   if (document.all)   
   window.external.AddFavorite(url, title);   
   else if (window.sidebar)   
   window.sidebar.addPanel(title, url, "")}   
   </script><A title="Добавить эту страницу в избранное вашего браузера" href="/" rel="sidebar" title="Добавить в закладки" onclick="if(document.all && !window.opera){window.external.AddFavorite(this.href,'Заголовок сайта'); return false;}">Добавить в закладки</a> | </font></div></td></tr>  
</table>


[Table][/Table]
[Table][/Table]
  • Страница 1 из 1
  • 1
Поиск:
Загрузка...


Все материалы размещенные на сайте пренадлежат их владельцам и предоставляются исключительно в ознакомительных целях.
Администрация ответственности за содержание материала не несет и убытки не возмещает.
По истечении 24 часов материал должен быть удален с вашего компьютера.
Бесплатный хостинг uCoz