JavaScript

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » JavaScript » Скрипты установленные на данном форуме » Установка шапки


Установка шапки

Сообщений 1 страница 6 из 6

1

Код:
<style type="text/css">
#pun {
width: 960px;
margin: 0 auto;
}

#pun-title {
background:  url(http://s014.radikal.ru/i329/1010/77/6481b220e4d7.png) no-repeat top center;
height: 432px;
border-style: none;
}
.title-logo span {
visibility: hidden;
}
#cloudbar {
    display: block;
    position: relative;
    top:-730px;
    float: right;
    height:325px;
    width:252px;
    background:url('http://ruseller.com/lessons/les122/example/images/cloud-bar.png') no-repeat bottom center;
    visibility: hidden;
    }
#pun-title-message {
    position: relative;
    z-index: -1;
    top: 355px;
    }
#pun-title-message div {
    width: 439px;
    height: auto;
    padding: 10px 5px 140px 5px;
    font: bold italic 15pt serif;
    color: white;
    display: block;
    visibility: hidden;
    background-color: #a5946b;
    margin: -2px 0 0 0;
    }
</style>

<div id="pun-title-message">
 <img src="http://s005.radikal.ru/i209/1010/c5/f411c593af6e.png" alt="man" />
 <div>
  Some text information... And Here and here.<br /> Here she comes
 </div>
</div>
<div id="cloudbar">
<div class="cloud-padding">
<h2>Subscribe via RSS</h2>
<a href="#"><img src="http://ruseller.com/lessons/les122/example/images/feed-icon.gif" alt="Subscribe today!"/></a>
</div>
</div>

<script src="http://ruseller.com/lessons/les122/example/js/jquery.easing.1.3.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
var headeranimation = function(){
$("#pun-title-message div").css({visibility: 'visible'});
$("#pun-title-message").stop().animate({top: '-=230px'}, {queue:false, duration:2000,easing: "easeInOutBack"});
$("#cloudbar").css({visibility: 'visible'});
$("#cloudbar").stop().animate({top: '+=270px'}, {queue:false, duration:2000,easing: "easeInOutBack"});
}
setTimeout(headeranimation,1500);
})
</script>

html-верх, когда появится новый стиль надо удалить все из html-верха и поставить это.


<div id="pun-title-message">
<img src="http://s005.radikal.ru/i209/1010/c5/f411c593af6e.png" alt="man" />
<div>
  Some text information... And Here and here.<br /> Here she comes
</div>
</div>
<div id="cloudbar">
<div class="cloud-padding">
<h2>Subscribe via RSS</h2>
<a href="#"><img src="http://ruseller.com/lessons/les122/example/images/feed-icon.gif" alt="Subscribe today!"/></a>

</div>
</div>

текст в левом блоке
текст в правом блоке


<script src="http://ruseller.com/lessons/les122/example/js/jquery.easing.1.3.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
var headeranimation = function(){
$("#pun-title-message div").css({visibility: 'visible'});
$("#pun-title-message").stop().animate({top: '-=230px'}, {queue:false, duration:2000,easing: "easeInOutBack"});
$("#cloudbar").css({visibility: 'visible'});
$("#cloudbar").stop().animate({top: '+=270px'}, {queue:false, duration:2000,easing: "easeInOutBack"});
}
setTimeout(headeranimation,1500);
})
</script>

количество пикселей, на которое выезжает вниз правый блок
количество пикселей, на которое выезжает вверх левы блок
задержка в миллисекундах перед началом анимации после загрузки страницы

2

Код:
<style type="text/css">
ul{list-style-image: none; clear: both; height: 45px;}
ul li{float: left; margin: 0 5px; height: 30px; width: 100px;}
div.tab_content{display: none;}
</style>
<ul class="tabs">
    <li><a href="#tab1">Новости</a></li>
    <li><a href="#tab2">Персонажи</a></li>
<li><a href="#tab3">Квесты</a></li>
      <li><a href="#tab4">Погода</a></li>
<li><a href="#tab5">Баннеры</a></li>

</ul>

<div class="tab_container1">
    <div id="tab1" class="tab_content">
       <font color="#ff0022" size="+1">•</font> Активненько заполняем ролевую
    </div>
   <div id="tab2" class="tab_content">
        <b>Требуемые персонажи:</b>
   </div>
   <div id="tab3" class="tab_content">
     <center> Разрабатывается</center>
    </div>
  <div id="tab4" class="tab_content">
   <b>Konoha</b><br><br>Температура:
  </div>
  <div id="tab5" class="tab_content">
       	Разрабатывается
  </div>
</div>
<script type="text/javascript">

$(document).ready(function() {

$(".tab_content").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tab_content:first").show();

$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
});

});
</script>

3

Код:
<div style="position: relative; bottom: 405px; left: 35px; z-index: 10000; font-size: 1.2em; text-align: center; float: left;"><a style="color: #ff0000;" href="http://katinanarutorolka.0pk.ru/profile.php?id=618">Атсуми</a><br /><a style="color: #ff0000;" href="http://katinanarutorolka.0pk.ru/profile.php?id=349">Мидз Сэирю</a><br /><a style="color: #ff0000;" href="http://katinanarutorolka.0pk.ru/profile.php?id=401">Хитс Тоуширо</a><br /><a style="color: #ff0000;" href="http://katinanarutorolka.0pk.ru/profile.php?id=2281">Якуши Кабуто</a></div>
<div style="position: relative; bottom: 405px; left: 135px; z-index: 10000; font-size: 1.2em; text-align: center; float: left;"><a style="color: #ff0000;" href="http://katinanarutorolka.0pk.ru/profile.php?id=1698">Хошигаке Ритсуко</a><br /><a style="color: #ff0000;" href="http://katinanarutorolka.0pk.ru/profile.php?id=917">Омино Хатаке</a><br /><a style="color: #ff0000;" href="http://katinanarutorolka.0pk.ru/profile.php?id=1540">Учиха Саске</a><br /><a style="color: #ff0000;" href="http://katinanarutorolka.0pk.ru/profile.php?id=1468">Абараи Ренджи</a><br /><a style="color: #ff0000;" href="http://katinanarutorolka.0pk.ru/profile.php?id=2749">Акина</a><br /><a style="color: #ff0000;" href="http://katinanarutorolka.0pk.ru/profile.php?id=2654">Нориюки</a><br /><a style="color: #ff0000;" href="http://katinanarutorolka.0pk.ru/profile.php?id=1182">Сабаку но Аико</a></div>

4

Код:
<script type="text/javascript">
$(document).ready(function(){$("#title-logo-tdr").css({top: "80px",left: "50px";})});
</script>

верх или низ не имеет значения

5

Код:
<style type="text/css">
#administration, #moderators {display: inline; float: left; position: relative; z-index: 150000}
#administration{top: -405px; left: -30px;}
#moderators {top: -395px; left: -50px;}
#administration a, #moderators a{display: block; clear: both; text-align: right;padding: 0;}
#moderators a{margin: -2px 0;}

</style>
<div id="administration">
<a href="http://katinanarutorolka.ru/profile.php?id=618"><img src="https://forumupload.ru/uploads/0002/12/e4/268031-4.png" alt="" border="0" /></a>
<a href="http://katinanarutorolka.ru/profile.php?id=349"><img src="https://forumupload.ru/uploads/0002/12/e4/268031-5.png" alt="" border="0" /></a>
<a href="http://katinanarutorolka.ru/profile.php?id=2281"><img src="https://forumupload.ru/uploads/0002/12/e4/268033-1.png" alt="" border="0" /></a>
<a href="http://katinanarutorolka.ru/profile.php?id=401"><img src="https://forumupload.ru/uploads/0002/12/e4/268032-5.png" alt="" border="0" /></a>
</div>
<div id="moderators">
<a href="http://katinanarutorolka.ru/profile.php?id=1698"><img src="https://forumupload.ru/uploads/0002/12/e4/268032-2.png" alt="" border="0" /></a>
<a href="http://katinanarutorolka.ru/profile.php?id=2749"><img src="https://forumupload.ru/uploads/0002/12/e4/268031-3.png" alt="" border="0" /></a>
<a href="http://katinanarutorolka.ru/profile.php?id=1182"><img src="https://forumupload.ru/uploads/0002/12/e4/268031-2.png" alt="" border="0" /></a>
<a href="http://katinanarutorolka.ru/profile.php?id=1540"><img src="https://forumupload.ru/uploads/0002/12/e4/268032-3.png" alt="" border="0" /></a>
<a href="http://katinanarutorolka.ru/profile.php?id=917"><img src="https://forumupload.ru/uploads/0002/12/e4/268032-1.png" alt="" border="0" /></a>
<a href="http://katinanarutorolka.ru/profile.php?id=1468"><img src="https://forumupload.ru/uploads/0002/12/e4/268031-1.png" alt="" border="0" /></a>
<a href="http://katinanarutorolka.ru/profile.php?id=2823"><img src="https://forumupload.ru/uploads/0002/12/e4/268032-4.png" alt="" border="0" /></a>
</div>

6

заменить указанные поля предложенным кодом

1) html-верх

Код:
<style type="text/css"> 
#administration {
width: 185px; 
height: 145px; 
margin-top: -415px;
padding-bottom: 130px; 
margin-left: -25px;
z-index: 1000; 
position: relative; 
}
 
#moderators {
width: 185px; 
height: 145px; 
margin-left: 180px;
margin-top: -273px;
position: relative; 
z-index: 1000; 
}
</style> 
 
<style type="text/css"> 
#cloudbar {
    display: block;
    position: relative;
    top:-730px;
    float: right;
    height:325px;
    width:252px;
    background:url('https://forumupload.ru/uploads/0002/12/e4/263709-1-f.png') no-repeat bottom center;
    visibility: hidden;
    }
#pun-title-message {
    position: relative;
    top: 410px;
    }
 
 
 
#pun-title-message div {
    width: 439px;
    height: auto;
    padding: 10px 5px 140px 5px;
    font: 12pt serif;
    color: white;
    display: block;
    visibility: hidden;
    background-color: #a5946b;
    margin: -2px 0 0 0;
    }
 
</style> 
 
<div id="pun-title-message"> 
 <img src="https://forumupload.ru/uploads/0002/12/e4/263709-3-f.png" alt="man" /> 
 <div> 
  Мы рады приветствовать вас на ролевой по манге и аниме "Наруто" - "Новое Поколение". Для начала мы бы хотели предложить вам ознакомиться с нашим <a href=
"http://katinanarutorolka.0pk.ru/viewtopic.php?id=415">сюжетом</a>. Далее вам следует прочитать <a href="http://katinanarutorolka.0pk.ru/viewtopic.php?id=124">наши правила</a>,
 и если вас все устраивает, то можете посетить <a href="http://katinanarutorolka.0pk.ru/viewtopic.php?id=414">наш Список Ролей</a> 
 для того что бы определится с ролью. Теперь вы можете прочесть <a href="http://katinanarutorolka.0pk.ru/viewtopic.php?id=6">шаблон анкеты</a> 
 и приступать к ее написанию. Счастливой игры. 
 
 </div> 
</div> 
<div id="cloudbar"> 
<div class="cloud-padding"> 
 
<h2> 
 
 
 
<img src=https://forumupload.ru/uploads/0002/12/e4/263709-2-f.png border="0" usemap="#Map"/> 
<map name="Map"><area shape="rect" coords="23,100,115,134" href="http://katinanarutorolka.0pk.ru/viewtopic.php?id=124" target="_blank"> 
<area shape="rect" coords="161,126,240,161" href="http://katinanarutorolka.0pk.ru/viewtopic.php?id=415" target="_blank"> 
<area shape="rect" coords="10,161,142,193" href="http://katinanarutorolka.0pk.ru/viewtopic.php?id=414" target="_blank"> 
<area shape="rect" coords="91,201,246,241" href="http://katinanarutorolka.0pk.ru/viewforum.php?id=2" target="_blank"> 
<area shape="rect" coords="16,250,115,283" href="http://katinanarutorolka.0pk.ru/viewforum.php?id=133" target="_blank"> 
<area shape="rect" coords="149,273,234,311" href="http://katinanarutorolka.0pk.ru/viewforum.php?id=81" target="_blank"> 
</map> 
 
 
 
 
 
</h2> 
</div> 
</div> 
 
<script src="http://ruseller.com/lessons/les122/example/js/jquery.easing.1.3.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function(){
var headeranimation = function(){
$("#pun-title-message div").css({visibility: 'visible'});
$("#pun-title-message").stop().animate({top: '-=230px'}, {queue:false, duration:2000,easing: "easeInOutBack"});
$("#cloudbar").css({visibility: 'visible'});
$("#cloudbar").stop().animate({top: '+=270px'}, {queue:false, duration:2000,easing: "easeInOutBack"});
}
setTimeout(headeranimation,1500);
})
</script> 
<script type="text/javascript"> 
 
$(document).ready(function() {
 
$(".tab_content").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tab_content:first").show();
 
$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
});
 
});
</script>

Объявление

Код:
<div id="administration"> 
<a href="http://katinanarutorolka.ru/profile.php?id=618"><img src="https://forumupload.ru/uploads/0002/12/e4/268031-4.png" alt="" border="0" /></a> 
<a href="http://katinanarutorolka.ru/profile.php?id=349"><img src="https://forumupload.ru/uploads/0002/12/e4/268031-5.png" alt="" border="0" /></a> 
<a href="http://katinanarutorolka.ru/profile.php?id=2281"><img src="https://forumupload.ru/uploads/0002/12/e4/268033-1.png" alt="" border="0" /></a> 
<a href="http://katinanarutorolka.ru/profile.php?id=401"><img src="https://forumupload.ru/uploads/0002/12/e4/268032-5.png" alt="" border="0" /></a> 
</div> 
<div id="moderators"> 
<a href="http://katinanarutorolka.ru/profile.php?id=1698"><img src="https://forumupload.ru/uploads/0002/12/e4/268032-2.png" alt="" border="0" /></a> 
<a href="http://katinanarutorolka.ru/profile.php?id=2749"><img src="https://forumupload.ru/uploads/0002/12/e4/268031-3.png" alt="" border="0" /></a> 
<a href="http://katinanarutorolka.ru/profile.php?id=1182"><img src="https://forumupload.ru/uploads/0002/12/e4/268031-2.png" alt="" border="0" /></a> 
<a href="http://katinanarutorolka.ru/profile.php?id=1540"><img src="https://forumupload.ru/uploads/0002/12/e4/268032-3.png" alt="" border="0" /></a> 
<a href="http://katinanarutorolka.ru/profile.php?id=917"><img src="https://forumupload.ru/uploads/0002/12/e4/268032-1.png" alt="" border="0" /></a> 
<a href="http://katinanarutorolka.ru/profile.php?id=1468"><img src="https://forumupload.ru/uploads/0002/12/e4/268031-1.png" alt="" border="0" /></a> 
<a href="http://katinanarutorolka.ru/profile.php?id=2823"><img src="https://forumupload.ru/uploads/0002/12/e4/268032-4.png" alt="" border="0" /></a> 
</div> 
 
 
 
 
 
 
<center style="padding-top: 24em;"><table width="900" align="center" height="275"><tr align="center" ><td width="900" align="center"    rowspan="2"> 
<ul class="tabs"> 
    <li><a href="#tab1">Новости</a></li> 
    <li><a href="#tab2">Персонажи</a></li> 
    <li><a href="#tab3">Реклама и партнеры</a></li> 
    <li><a href="#tab4">Погода</a></li> 
    <li><a href="#tab5">Объявления</a></li> 
 
</ul> 
 
<div class="tab_container1"> 
    <div id="tab1" class="tab_content"> 
       <table style="color:#717171;font-size: 12px;"><td ><center> <font color="#ff0022" size="+1">•</font> Активно регистрируемся, пишем анкету на любимого персонажа и играем.<br>Бронируем роли, если не способны написать анкету сейчас.
<br> 
<b>Поздравляю нас! Нам три года!</b> 
 
 <br><br><br><b>События ролевой игры:</b><br> 
Подозрительное поведение "Акацуки", слухи о возвращении Учихи Мадары, это не могло вызвать множества вопросов у глав других 
 
стран. Как только эта новость разнеслась по пяти великим странам, то все главы решили по-своему узнать правду. 
Возродилась организация "Ястреб", глава которой - Учиха Саске теперь стал главной угрозой для селения Скрытого Листа.
Начинаются новые волнения, новые тайны, новая мировая война.
 
</center></td></tr></table> 
    </div> 
    <div id="tab2" class="tab_content"> 
        <table style="font-size: 12px;"  width="100%"><tr><td><center><b>Требуемые персонажи:</b><font 
 
color='#ffffff'><br><br>Naruto Uzumaki<br> 
Yamato<br> 
Orochimaru & Tsunade<br> 
Danzo Shimura<br> 
Sasori & Kisame Hoshigaki<br> 
Karin & Jugo<br> 
Mei Terumi<br> 
Ao & Chujuro<br> 
Yondaime Raikage & Killer Bee<br> 
Samui & Karui<br> 
Shii & Darui<br> 
Sandaime Tsuchikage - Onoki<br> 
Kurotsuchi & Akatsuchi<br> 
 
</font></center></td><td><center><br><b>Акции:</b><br><br><br><a href="http://katinanarutorolka.0pk.ru/viewtopic.php?id=5275" 
 
target="_blank"> акция #1. За пару минут.</a> <br>получай халявный опыт.<br><br><br><a 
 
href="http://katinanarutorolka.0pk.ru/viewtopic.php?id=5343" target="_blank"> акция #2. А нас все больше.</a><br>пригласи на 
 
ролевую друзей.<br><br><br><a href="http://katinanarutorolka.0pk.ru/viewtopic.php?id=5275" target="_blank">  акция #3. 
 
Кликнул? Получи.</a><br>кликни на банер и получи халявную технику.<br><center></td></tr></table> 
    </div> 
 
 
<div id="tab3" class="tab_content"> 
     <table style="font-size: 12px;"  width="100%"><tr><td><center> 
 
 
<a href="http://katinanarutorolka.0pk.ru/viewtopic.php?id=5272#p243738" target="_blank"><font 
 
style="font-size: 14px;">Наша реклама</font></a> 
<br>Строго взаимная<br> <br><b>Ник:</b> PR-Agent <br><b>Пароль:</b> 1234 <br> <br> <br> 
 
 
<a href="http://katinanarutorolka.0pk.ru/viewforum.php?id=139" target="_blank"><font style="font-size: 14px;">Наши 
 
партнеры</font></a> 
<br><b>Наш банер</b><br><br> 
 
<a target="_blank"
href="http://katinanarutorolka.0pk.ru/"><img
src="https://forumupload.ru/uploads/0002/12/e4/263710-3.gif"
></a> 
 
 
</center></td><td><center><br><b>Банеры топа:</b><br> 
Не забываем каждый день тыкать<br><br><a href="http://top.roleplay.ru/11539" target="top_"> 
<img src="http://img.rpgtop.su/rpgtop1.gif" alt="Рейтинг Ролевых Ресурсов" border="0" width="88" height="31"></a> 
 
 
 
 
 
 
 
 
 
 
<a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=10777' target='_blank'><img src="http://palantir.in/count.php?id=10777&cid=palantir2006.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></a> 
 
<a href='http://aotop.ru/site.php?fo=smt&sd=87364'> 
<img border='0' src='http://aotop.ru/rat/6.php?r=11&did=87364' width='88' height='31'></a><br> 
 
<br><b>Наши лучшие друзья:</b><br><br> 
 
<a href=http://narutolifestories.ru><img src="https://forumupload.ru/uploads/0007/e4/7b/153212-2.gif"border=0 title="Naruto Life Stories"></a> 
<br><center></td></tr></table> 
    </div> 
 
  <div id="tab4" class="tab_content"> 
<table style="color:#717171;font-size: 13px" ><tr><td width="20%"><center><b>Konoha</b><br><br>Температура:<br> 
-18°C - -23°C<br> 
<img src='http://i.yandex.st/weather/i/icons/2.png'><br> 
Ветер:<br> западный,<br> 5 м/с <br> 
Давление: <br>743 мм рт. ст.<br> 
Влажность:<br> 87%
</center></td><td width="20%"><center><b>Suna</b><br><br>Температура:<br> 
+12°C - +15°C<br> 
<img src='http://i.yandex.st/weather/i/icons/16.png'><br> 
Ветер: <br>южный, <br>7 м/с <br> 
Давление: <br>742 мм рт. ст.<br> 
Влажность:<br> 50% </center></td><td width="20%"><center><b>Kiri</b><br><br>Температура:<br> 
-9°C - -13°C<br> 
<img src='http://i.yandex.st/weather/i/icons/8.png'><br> 
Ветер: <br>западный, <br>3 м/с <br> 
Давление:<br> 742 мм рт. ст.<br> 
Влажность:<br> 87% 
</center></td><td width="20%"><center><b>Kumo</b><br><br>Температура:<br> 
-30°C - -34°C<br> 
<img src='http://i.yandex.st/weather/i/icons/17.png'><br> 
Ветер:<br> западный, <br>7 м/с <br> 
Давление: <br>742 мм рт. ст.<br> 
Влажность:<br> 43% 
</center></td><td width="20%"><center><b>Iwa</b><br><br>Температура:<br> 
+12°C - +14°C<br> 
<img src='http://i.yandex.st/weather/i/icons/11.png'><br> 
Ветер: <br>южный, <br>6 м/с <br> 
Давление: <br>742 мм рт. ст.<br> 
Влажность:<br> 47% 
 
</center></td></tr></table> 
        </div> 
  <div id="tab5" class="tab_content"> 
<table style="color:#717171;font-size: 12px;"><td><left><br> 
 
28.11.2010 <img src="https://forumupload.ru/uploads/0002/12/e4/263714-1.png"> По поводу проблем с почтой: вышло из строя серверное оборудование в мастерхосте. Возможно потребуется смена железа. Как сервер заработает, все накопившиеся письма разошлются из очереди. Просьба набраться терпения.<br> 
 
27.11.2010 <img src="https://forumupload.ru/uploads/0002/12/e4/263714-3.png"> Открыт набор модераторов, всех желающих прошу проследовать в <a href="http://katinanarutorolka.ru/viewtopic.php?id=5627#p265573" target="_blank"><font style="font-size: 14px;">данную</font></a> тему.
<br> 
 
17.11.2010 <img src="https://forumupload.ru/uploads/0002/12/e4/263714-4.png"> 
Для форума был приобретен домен второго уровня .ru . Теперь вы можете заходить к нам по адресу katinanarutorolka.ru. <br> 
 
11.11.2010 <img src="https://forumupload.ru/uploads/0002/12/e4/263714-4.png"> Внимание, теперь неканоны принимаются только в селения. Набор преступников окончен.<br> 
 
10.11.2010 <img src="https://forumupload.ru/uploads/0002/12/e4/263714-1.png"> Правила отредактированы. Мы настоятельно рекомендуем вам ознакомиться с ними в <a href="http://katinanarutorolka.0pk.ru/viewtopic.php?id=124" target="_blank"><font style="font-size: 14px;">данной</font></a> теме.<br> 
 
09.11.2010 <img src="https://forumupload.ru/uploads/0002/12/e4/263727-5.png"> Нашу ролевую покинул один из модераторов, Норьюки. Он посвятил ролевой многие месяцы и мы искренне желаем ему счастье в реальном мире.
 
</left></td></tr></table> 
</div></div></td><td height="32" cellspacing="0"></td></tr></tr> 
</tr></table></center> 
<!--narutofourthshinobiwar.rolka.su-->

Вы здесь » JavaScript » Скрипты установленные на данном форуме » Установка шапки