Шапка плавно меняется без перезагрузки страницы
|
|
|
Понедельник, 18.04.2011, 14:03 | Сообщение # 1
|
|
Вот код самой шапки :
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}
|
|
|
|
|
Вторник, 19.07.2011, 16:36 | Сообщение # 2
|
| |
|
|
|
|
Вторник, 19.07.2011, 18:33 | Сообщение # 3
|
| Как куда ??? O_o Туда где хочешь видеть меняющуюся шапку!!!!
http://18-cs-16.ru/avatar/61/556810.png
|
|
|
|
|
Среда, 17.08.2011, 08:01 | Сообщение # 4
|
| |
|
|
|
|
|
Среда, 17.08.2011, 14:47 | Сообщение # 6
|
| да неееет)))) заметно кинь screen
|
|
|
|
|
Воскресенье, 21.08.2011, 04:52 | Сообщение # 7
|
| чёта я поставил толька мини профиль в шапке появился и вс1[color=red]
|
|
|
|
|
Воскресенье, 21.08.2011, 20:21 | Сообщение # 8
|
| 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
|
|
|
|
|
Понедельник, 22.08.2011, 17:11 | Сообщение # 9
|
| менял но чета нечё непоменялось может какойта формат асобеный надо?
|
|
|
|
|
Понедельник, 22.08.2011, 18:30 | Сообщение # 10
|
| 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
|
|
|
|