Приветствую Вас, Гость! Регистрация RSS

Мой сайт

Пятница, 17.05.2024
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 2
  • 1
  • 2
  • »
Форум » Система uCoz » Скрипты с сайта 18-cs-16 » Шапка плавно меняется без перезагрузки страницы
Шапка плавно меняется без перезагрузки страницы
Понедельник, 18.04.2011, 14:03 | Сообщение # 1
Ушёл =====> :D :D :D
Сообщений:
276
Награды:
Замечания:
Статус:


Вот код самой шапки :

Code

<script type="text/javascript" src="http://18-cs-16.pp.ua/js/slider.js"></script>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td>
<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>
</td>
<td style="border: 0px solid rgb(38, 38, 38);" align="left">
<br>
<div class="profile_full"><div class="profile_info">
<?if($USER_LOGGED_IN$)?>
<img src="$USER_AVATAR_URL$" class="profile_info_avatar" width="104" height="104" />
<ul>
<li><a target="_blank" href="http://www.ripe.net/perl/whois?$IP_ADDRESS$" title="Мой IP Адресс"><div class="text">$IP_ADDRESS$</div></a></li>
<li><a href="$PERSONAL_PAGE_LINK$" target="_blank" title="Мой профиль на сайте"><div class="text">Профиль</div></a></li>
<li><a href="/index/11" target="_blank" title="Редактировать информацию"><div class="text">Изменить данные</div></a></li>
<li><a href="$PM_URL$ target="_blank" title="Просмотреть личные сообщения"><div class="text">Личные сообщения: $UNREAD_PM$</div></a></li>
<li><a href="$LOGOUT_LINK$"><div class="text">Выход</div></a></li>
</ul></div></div>
<?else?>
<img src="http://sinners.pp.ua/SINNERS/1/img/no_avatar_mini.png" class="profile_info_avatar" width="104" height="104" />
<ul><br><br>
<li><a href="$LOGIN_LINK$"><div class="text" align="left">Вход</div></a></li>
<li><a href="$REGISTER_LINK$"><div class="text" align="left">Регистрация</div></a></li>
</div></div>
<?endif?>
</tr>
</td>
</table>


Не забываем про 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;
}
/* ------- */
/* Profile */
.profile_full {width:317px; height:165px;padding:20px 0 0 20px; right:19px; background:url(http://sinners.pp.ua/SINNERS/1/img/profile.png) no-repeat; top: 21px;}
.profile_full form {width:278px;}
.profile_full form, .profile_full form div input {padding:0; margin:0;border:0; font-family:Verdana; font-size:12px; font-style:italic;color:#5d5d5d; line-height:28px;}
.profile_full form div input { width:244px; height:31px; float:left; margin:80px 0 0 0;}
.profile_info { }
.profile_info_avatar {width:104px;height:104px;float:left;margin:0 1px 0 0;}
.profile_info ul {width:150px; margin:0; padding:0; list-style:none;display:block; float:left;background:url(http://sinners.pp.ua/SINNERS/1/img/vertical_line.png)no-repeat 0px 0px;}
.profile_info ul a {display:block;margin:0 0 0 2px; padding:4px 0 4px 18px; font-size:11px;color:#5d5d5d; text-decoration:none;background:url(http://sinners.pp.ua/SINNERS/1/img/link_on.png)repeat-y 0px 0px;}
.profile_info ul a:hover {text-decoration:none; background-position:-210px 0px;}
.link_blue:link, .link_blue:active, .link_blue:visited, .link_blue:hover { color:#5d5d5d;}
/* -------- */
.text {text-shadow:0px 1px 0px #fff}
        
Сообщение


Вот код самой шапки :

Code

<script type="text/javascript" src="http://18-cs-16.pp.ua/js/slider.js"></script>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td>
<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>
</td>
<td style="border: 0px solid rgb(38, 38, 38);" align="left">
<br>
<div class="profile_full"><div class="profile_info">
<?if($USER_LOGGED_IN$)?>
<img src="$USER_AVATAR_URL$" class="profile_info_avatar" width="104" height="104" />
<ul>
<li><a target="_blank" href="http://www.ripe.net/perl/whois?$IP_ADDRESS$" title="Мой IP Адресс"><div class="text">$IP_ADDRESS$</div></a></li>
<li><a href="$PERSONAL_PAGE_LINK$" target="_blank" title="Мой профиль на сайте"><div class="text">Профиль</div></a></li>
<li><a href="/index/11" target="_blank" title="Редактировать информацию"><div class="text">Изменить данные</div></a></li>
<li><a href="$PM_URL$ target="_blank" title="Просмотреть личные сообщения"><div class="text">Личные сообщения: $UNREAD_PM$</div></a></li>
<li><a href="$LOGOUT_LINK$"><div class="text">Выход</div></a></li>
</ul></div></div>
<?else?>
<img src="http://sinners.pp.ua/SINNERS/1/img/no_avatar_mini.png" class="profile_info_avatar" width="104" height="104" />
<ul><br><br>
<li><a href="$LOGIN_LINK$"><div class="text" align="left">Вход</div></a></li>
<li><a href="$REGISTER_LINK$"><div class="text" align="left">Регистрация</div></a></li>
</div></div>
<?endif?>
</tr>
</td>
</table>


Не забываем про 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;
}
/* ------- */
/* Profile */
.profile_full {width:317px; height:165px;padding:20px 0 0 20px; right:19px; background:url(http://sinners.pp.ua/SINNERS/1/img/profile.png) no-repeat; top: 21px;}
.profile_full form {width:278px;}
.profile_full form, .profile_full form div input {padding:0; margin:0;border:0; font-family:Verdana; font-size:12px; font-style:italic;color:#5d5d5d; line-height:28px;}
.profile_full form div input { width:244px; height:31px; float:left; margin:80px 0 0 0;}
.profile_info { }
.profile_info_avatar {width:104px;height:104px;float:left;margin:0 1px 0 0;}
.profile_info ul {width:150px; margin:0; padding:0; list-style:none;display:block; float:left;background:url(http://sinners.pp.ua/SINNERS/1/img/vertical_line.png)no-repeat 0px 0px;}
.profile_info ul a {display:block;margin:0 0 0 2px; padding:4px 0 4px 18px; font-size:11px;color:#5d5d5d; text-decoration:none;background:url(http://sinners.pp.ua/SINNERS/1/img/link_on.png)repeat-y 0px 0px;}
.profile_info ul a:hover {text-decoration:none; background-position:-210px 0px;}
.link_blue:link, .link_blue:active, .link_blue:visited, .link_blue:hover { color:#5d5d5d;}
/* -------- */
.text {text-shadow:0px 1px 0px #fff}

Автор - BoJIk
Дата добавления - 18.04.2011 в 14:03
Вторник, 19.07.2011, 16:36 | Сообщение # 2
Сообщений:
3
Награды:
Замечания:
Статус:
Куда ставить первый код?
СообщениеКуда ставить первый код?

Автор - ^_^EmPIRe
Дата добавления - 19.07.2011 в 16:36
Вторник, 19.07.2011, 18:33 | Сообщение # 3
Сообщений:
391
Награды:
Замечания:
Статус:
Как куда ??? O_o Туда где хочешь видеть меняющуюся шапку!!!!

http://18-cs-16.ru/avatar/61/556810.png
СообщениеКак куда ??? O_o Туда где хочешь видеть меняющуюся шапку!!!!

Автор - 18-cs-16
Дата добавления - 19.07.2011 в 18:33
Среда, 17.08.2011, 08:01 | Сообщение # 4
Сообщений:
5
Награды:
Замечания:
Статус:
у вас где стоит
Сообщениеу вас где стоит

Автор - w1nn3r
Дата добавления - 17.08.2011 в 08:01
Среда, 17.08.2011, 09:00 | Сообщение # 5
Сообщений:
391
Награды:
Замечания:
Статус:
w1nn3r, Не заметно что ли где wink

http://18-cs-16.ru/avatar/61/556810.png
Сообщениеw1nn3r, Не заметно что ли где wink

Автор - 18-cs-16
Дата добавления - 17.08.2011 в 09:00
Среда, 17.08.2011, 14:47 | Сообщение # 6
Сообщений:
5
Награды:
Замечания:
Статус:
да неееет)))) заметно кинь screen
Сообщениеда неееет)))) заметно кинь screen

Автор - w1nn3r
Дата добавления - 17.08.2011 в 14:47
Воскресенье, 21.08.2011, 04:52 | Сообщение # 7
Сообщений:
4
Награды:
Замечания:
Статус:
чёта я поставил толька мини профиль в шапке появился и вс1[color=red]
Сообщениечёта я поставил толька мини профиль в шапке появился и вс1[color=red]

Автор - coonter
Дата добавления - 21.08.2011 в 04:52
Воскресенье, 21.08.2011, 20:21 | Сообщение # 8
Сообщений:
391
Награды:
Замечания:
Статус:
coonter, Картинки замени на свои !!!

Quote

<script type="text/javascript" src="http://sinners.pp.ua/SINNERS/1/js/slider.js"></script>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td>
<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>
</td>
<td style="border: 0px solid rgb(38, 38, 38);" align="left">
<br>
<div class="profile_full"><div class="profile_info">
<?if($USER_LOGGED_IN$)?>
<img src="$USER_AVATAR_URL$" class="profile_info_avatar" width="104" height="104" />
<ul>
<li><a target="_blank" href="http://www.ripe.net/perl/whois?$IP_ADDRESS$" title="Мой IP Адресс"><div class="text">$IP_ADDRESS$</div></a></li>
<li><a href="$PERSONAL_PAGE_LINK$" target="_blank" title="Мой профиль на сайте"><div class="text">Профиль</div></a></li>
<li><a href="/index/11" target="_blank" title="Редактировать информацию"><div class="text">Изменить данные</div></a></li>
<li><a href="$PM_URL$ target="_blank" title="Просмотреть личные сообщения"><div class="text">Личные сообщения: $UNREAD_PM$</div></a></li>
<li><a href="$LOGOUT_LINK$"><div class="text">Выход</div></a></li>
</ul></div></div>
<?else?>
<img src="http://sinners.pp.ua/SINNERS/1/img/no_avatar_mini.png" class="profile_info_avatar" width="104" height="104" />
<ul><br><br>
<li><a href="$LOGIN_LINK$"><div class="text" align="left">Вход</div></a></li>
<li><a href="$REGISTER_LINK$"><div class="text" align="left">Регистрация</div></a></li>
</div></div>
<?endif?>
</tr>
</td>
</table>


http://18-cs-16.ru/avatar/61/556810.png
Сообщениеcoonter, Картинки замени на свои !!!

Quote

<script type="text/javascript" src="http://sinners.pp.ua/SINNERS/1/js/slider.js"></script>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td>
<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>
</td>
<td style="border: 0px solid rgb(38, 38, 38);" align="left">
<br>
<div class="profile_full"><div class="profile_info">
<?if($USER_LOGGED_IN$)?>
<img src="$USER_AVATAR_URL$" class="profile_info_avatar" width="104" height="104" />
<ul>
<li><a target="_blank" href="http://www.ripe.net/perl/whois?$IP_ADDRESS$" title="Мой IP Адресс"><div class="text">$IP_ADDRESS$</div></a></li>
<li><a href="$PERSONAL_PAGE_LINK$" target="_blank" title="Мой профиль на сайте"><div class="text">Профиль</div></a></li>
<li><a href="/index/11" target="_blank" title="Редактировать информацию"><div class="text">Изменить данные</div></a></li>
<li><a href="$PM_URL$ target="_blank" title="Просмотреть личные сообщения"><div class="text">Личные сообщения: $UNREAD_PM$</div></a></li>
<li><a href="$LOGOUT_LINK$"><div class="text">Выход</div></a></li>
</ul></div></div>
<?else?>
<img src="http://sinners.pp.ua/SINNERS/1/img/no_avatar_mini.png" class="profile_info_avatar" width="104" height="104" />
<ul><br><br>
<li><a href="$LOGIN_LINK$"><div class="text" align="left">Вход</div></a></li>
<li><a href="$REGISTER_LINK$"><div class="text" align="left">Регистрация</div></a></li>
</div></div>
<?endif?>
</tr>
</td>
</table>

Автор - 18-cs-16
Дата добавления - 21.08.2011 в 20:21
Понедельник, 22.08.2011, 17:11 | Сообщение # 9
Сообщений:
4
Награды:
Замечания:
Статус:
менял но чета нечё непоменялось может какойта формат асобеный надо?
Сообщениеменял но чета нечё непоменялось может какойта формат асобеный надо?

Автор - coonter
Дата добавления - 22.08.2011 в 17:11
Понедельник, 22.08.2011, 18:30 | Сообщение # 10
Сообщений:
391
Награды:
Замечания:
Статус:
coonter, Так пробуй !!!

Quote

<script type="text/javascript" src="http://18-cs-16.pp.ua/js/slider.js"></script>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td>
<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>
</td>
<td style="border: 0px solid rgb(38, 38, 38);" align="left">
<br>
<div class="profile_full"><div class="profile_info">
<?if($USER_LOGGED_IN$)?>
<img src="$USER_AVATAR_URL$" class="profile_info_avatar" width="104" height="104" />
<ul>
<li><a target="_blank" href="http://www.ripe.net/perl/whois?$IP_ADDRESS$" title="Мой IP Адресс"><div class="text">$IP_ADDRESS$</div></a></li>
<li><a href="$PERSONAL_PAGE_LINK$" target="_blank" title="Мой профиль на сайте"><div class="text">Профиль</div></a></li>
<li><a href="/index/11" target="_blank" title="Редактировать информацию"><div class="text">Изменить данные</div></a></li>
<li><a href="$PM_URL$ target="_blank" title="Просмотреть личные сообщения"><div class="text">Личные сообщения: $UNREAD_PM$</div></a></li>
<li><a href="$LOGOUT_LINK$"><div class="text">Выход</div></a></li>
</ul></div></div>
<?else?>
<img src="http://sinners.pp.ua/SINNERS/1/img/no_avatar_mini.png" class="profile_info_avatar" width="104" height="104" />
<ul><br><br>
<li><a href="$LOGIN_LINK$"><div class="text" align="left">Вход</div></a></li>
<li><a href="$REGISTER_LINK$"><div class="text" align="left">Регистрация</div></a></li>
</div></div>
<?endif?>
</tr>
</td>
</table>



Должно работать !!!
То что красным замени на свои картинки формата [jpg]

[p.s.]Если не получится так пиши мне в skype помогу !!![/p.s.]


http://18-cs-16.ru/avatar/61/556810.png
Сообщениеcoonter, Так пробуй !!!

Quote

<script type="text/javascript" src="http://18-cs-16.pp.ua/js/slider.js"></script>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td>
<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>
</td>
<td style="border: 0px solid rgb(38, 38, 38);" align="left">
<br>
<div class="profile_full"><div class="profile_info">
<?if($USER_LOGGED_IN$)?>
<img src="$USER_AVATAR_URL$" class="profile_info_avatar" width="104" height="104" />
<ul>
<li><a target="_blank" href="http://www.ripe.net/perl/whois?$IP_ADDRESS$" title="Мой IP Адресс"><div class="text">$IP_ADDRESS$</div></a></li>
<li><a href="$PERSONAL_PAGE_LINK$" target="_blank" title="Мой профиль на сайте"><div class="text">Профиль</div></a></li>
<li><a href="/index/11" target="_blank" title="Редактировать информацию"><div class="text">Изменить данные</div></a></li>
<li><a href="$PM_URL$ target="_blank" title="Просмотреть личные сообщения"><div class="text">Личные сообщения: $UNREAD_PM$</div></a></li>
<li><a href="$LOGOUT_LINK$"><div class="text">Выход</div></a></li>
</ul></div></div>
<?else?>
<img src="http://sinners.pp.ua/SINNERS/1/img/no_avatar_mini.png" class="profile_info_avatar" width="104" height="104" />
<ul><br><br>
<li><a href="$LOGIN_LINK$"><div class="text" align="left">Вход</div></a></li>
<li><a href="$REGISTER_LINK$"><div class="text" align="left">Регистрация</div></a></li>
</div></div>
<?endif?>
</tr>
</td>
</table>



Должно работать !!!
То что красным замени на свои картинки формата [jpg]

[p.s.]Если не получится так пиши мне в skype помогу !!![/p.s.]

Автор - 18-cs-16
Дата добавления - 22.08.2011 в 18:30
Форум » Система uCoz » Скрипты с сайта 18-cs-16 » Шапка плавно меняется без перезагрузки страницы
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: