Sinister Valley

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

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


Вы здесь » Sinister Valley » Партнерство » Коды и скрипты нашего форума


Коды и скрипты нашего форума

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

1

Правила использования:

— Можете брать любые коды и скрипты из этой темы, как угодно переделывать их под свой дизайн и т.д. Отписываться в гостевой или где-то еще о том, что вы что-то берете, совершенно не нужно, просто берите и используйте на здоровье, нам не жалко.

— Указывайте в видимой части вашего форума ссылку на наш форум и копирайт.

— Задавать вопросы и сообщать о багах можно в этой теме. Но помните, что мы не ваши домовые эльфы, ага.

— Запрещено продавать этот скрипт как часть авторского дизайна за денюжки. Также запрещено без ведома автора выкладывать исходники кодов и скриптов на сторонних ресурсах.


Авторские права:

— В коде боковой панели использован скрипт пиар-входа от Deff
— Иконки для боковой панели взяты с The Noun Project
— Идея аватарки со всплывающим профилем взята с американских и европейских форумов.

0

2

Клевый выезжающий боковой блок

В html-низ или любую видимую часть вашего форума поставьте:

<div align="center">Скрипт боковой панели взят с <a href="http://valley.rusff.ru/">Sinister Valley</a></div>

или

<div align="center">За идею и скрипт боковой панели спасибо <a href="http://valley.rusff.ru/">Sinister Valley</a></div>

или как-то так, идею вы поняли.

HTML-низ
Код:
<!--Выезжающий боковой блок-->

<div id="menu-left">
   <div id="menu-news">
<!--Текст приветствия-->
<p>Добро пожаловать,</p>

<!--Вывод логина пользователя или "Гость"-->
<h2><script>GroupID == 3 ? document.write('Гость') : document.write(UserLogin)</script></h2>

<!--Вывод аватарки или картинки по-умолчанию-->
<div class="news-aw"><script>UserAvatar == '' ? document.write('<img src="http://forumfiles.ru/files/0014/d1/e8/43552.jpg">') : document.write('<img src="' + UserAvatar + '">')</script></div>

<!--Навигация-->
<ul class="news-lnks">
<li><a href="#">Правила</a></li>
<li><a href="#">Сюжет</a></li>
<li><a href="#">Акции</a></li>
<li><a href="#">Шаблоны анкет</a></li>
<li class="lst"><a href="#">Реклама</a></li>
</ul>
<!--Навигация конец-->

<!--Новости-->
<div class="menu-hiss">
<h3>Заголовок</h3>
<p>Текст новостей</p></div>
<!--Новости конец-->

   </div>
   <div id="menu-nav">
<div class="pr">&nbsp;</div>
<ul><li class="mainlnk" title="форум"><a href="/">Форум</a></li>
<li class="listlnk"><a href="/userlist.php" title="участники">Участники</a></li>
<li class="awlnk"><a href="/userlist.php" title="награды">Награды</a></li>
<li class="srchlnk"><a href="/mod/awards/" title="поиск">Поиск</a></li>
<script>if (GroupID != 3) { document.write('<li class="proflnk"><a href="/profile.php?id=' + UserID + '" title="профиль">Профиль</a></li>');
var mll = 0;
if ((document.getElementById("navpm").innerHTML.indexOf("(")!=-1)&&(document.URL.indexOf("messages.php")==-1)) mll = 1;
document.write('<li class="maillnk' + mll + '"><a href="/messages.php" title="сообщения">Сообщения</a></li>');
}
if (GroupID == 1) { document.write('<li class="adminlnk"><a href="/admin_index.php" title="настройки">Настройки</a></li>');}</script>
<script>if (GroupID != 3) document.write('<li class="outlnk"><a href="/login.php?action=out&id=' + UserID + '" title="выход">Выход</a></li>')
if (GroupID == 3)  document.write('<li class="signlnk"><a href="/register.php" title="регистрация">Регистрация</a></li><li class="inlnk"><a href="/login.php" title="вход">Вход</a></li>')</script>


<!--Скрипт пиар-входа (by Deff) для бокового меню--><script>function PiarIn () {
$("#PR_loginDiv #fld1").val("PR"); //логин
$("#PR_loginDiv #fld2").val("1111"); //пароль
$("#PR_loginDiv input[type='submit']").click();
}</script>
<div id="PR_loginDiv" style="display:none;">
<form id="form_login" name="login" method="post" action="login.php?action=in" onsubmit="return check_form()">
<fieldset>
<input type="hidden" name="form_sent" value="1">
<input type="text" id="fld1" name="req_username" size="21" maxlength="25">
<input type="text" id="fld2" name="req_password" size="7" maxlength="16">
<input type="submit" class="button" name="login">
</fieldset></form></div>
<li class="prlnk" style="cursor:pointer;"><a onclick="PiarIn()" title="вход для рекламы">Пиар-вход</a></li>
</ul><!--Скрипт пиар-входа конец-->

<div class="pl">&nbsp;</div>

   </div>
</div>

<!--Скрипт появления второго уровня меню--><script>
$( ".mainlnk").hover(function() {
$("#pun-ulinks").css("left", "315px"); $("#pun-ulinks").css("opacity", "1"); $("#pun-ulinks ul").css("display", "block");
}, function() {
$("#pun-ulinks").css("left", "50px"); $("#pun-ulinks").css("opacity", "0"); $("#pun-ulinks ul").css("display", "none");
});</script>

<!--ЛС--><script>
$(document).ready(function(){
if ((document.getElementById("navpm").innerHTML.indexOf("(")!=-1)&&(document.URL.indexOf("messages.php")==-1)) 
$("li#navpm").addClass("mail-hov");})
</script>

<!--Скрипт пиар-входа (by Deff) для верхнего меню--><script type="text/javascript">
    PiarNik="PR"; //логин
    PiarPas="1111"; //пароль

    var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
    <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
    <fieldset>\
    <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
    <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
    <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
    <input type=\"submit\" class=\"button\" name=\"login\"/>\
    </fieldset>\
    </form>\
    </div>\
    <li id=\"navpiar\" style=\"cursor:pointer;\"><a onclick=\"PiarIn()\">Пиар-Вход</a></li>";
    if($("#navlogin").html()!=null){

    $("#navlogin").after(L) //navlogin
    $("#PR_loginDiv #fld1").val(PiarNik)
    $("#PR_loginDiv #fld2").val(PiarPas)
    function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
    }
    </script><!--Скрипт пиар-входа конец-->

<!--Конец бокового блока-->
Свой стиль style_css.сss в самый конец
Код:
/* Выезжающий боковой блок
 -------------------------------------------------------------*/

#menu-left {
  width: 320px;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 99 !important;
  position: fixed;
  top: 0;
  left: -265px;
  transition: 0.2s ease 1s;
  color: #cacaca;
  text-align: center;
}

#menu-left:hover {left: 0 !important;}

#pun-navlinks, #pun-status {display: none;}


/* Полоса меню (горизонтальная, маленькие экраны) */

#pun-navlinks {
  height: 55px;
  width: 100%;
  margin: 0;
  padding: 0;
  z-index: 99 !important;
  position: fixed;
  left: 0;
  top: 0;
  transition: 0.2s ease 1s;
  color: #cacaca;
  text-align: center;
  background-color: #1c1c1c;
}

#pun-navlinks .container {
  margin: 0 !important; padding: 0  !important;
  height: 55px;
  background-color: #1c1c1c  !important;
  color: #cacaca  !important;
}

#pun-navlinks > ul, #pun-navlinks > ul > li {padding: 0; margin: 0;}

#pun-navlinks > ul > li {
  background-color: #1c1c1c;
  width: 55px;
  height: 55px;
  display: block;
  float: left;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0; margin: 0;
}

#pun-navlinks > ul > li:hover {
  background-color: #313131;
}

#pun-navlinks > ul > li > a {
  width: 55px;
  height: 55px;
  display: block;
  padding: 0; margin: 0;
  cursor: pointer;
}

/* Иконки в меню */

#pun-navlinks li#navindex > a {
  background: url('http://forumfiles.ru/files/0014/d1/e8/67624.png') 50% 50% no-repeat;}

#pun-navlinks li#navuserlist > a {
  background: url('http://forumfiles.ru/files/0014/d1/e8/31422.png') 50% 50% no-repeat;}

#pun-navlinks li#navsearch > a {
  background: url('http://forumfiles.ru/files/0014/d1/e8/87184.png') 50% 50% no-repeat;}

#pun-navlinks li#navprofile > a {
  background: url('http://forumfiles.ru/files/0014/d1/e8/81800.png') 50% 50% no-repeat;}

#pun-navlinks li#navpm> a {
  background: url('http://forumfiles.ru/files/0014/d1/e8/25210.png') 50% 50% no-repeat;}

#pun-navlinks li.maillnk1 > a {
  background: #7e3b3b url('http://forumfiles.ru/files/0014/d1/e8/25210.png') 50% 50% no-repeat;}

#pun-navlinks li.maillnk1:hover > a {
  background: #9f5050 url('http://forumfiles.ru/files/0014/d1/e8/25210.png') 50% 50% no-repeat;}

#pun-navlinks li#navadmin > a {
  background: url('http://forumfiles.ru/files/0014/d1/e8/71126.png') 50% 50% no-repeat;}

#pun-navlinks li#navlogout > a {
  background: url('http://forumfiles.ru/files/0014/d1/e8/59805.png') 50% 50% no-repeat;}

#pun-navlinks li#navregister > a {
  background: url('http://forumfiles.ru/files/0014/d1/e8/19906.png') 50% 50% no-repeat;}

#pun-navlinks li#navlogin > a {
  background: url('http://forumfiles.ru/files/0014/d1/e8/45677.png') 50% 50% no-repeat;}

#pun-navlinks li#navawards > a {
  background: url('http://forumfiles.ru/files/0014/d1/e8/96723.png') 50% 50% no-repeat;}

#pun-navlinks li#navpiar > a {
  background: #7e3b3b url('http://forumfiles.ru/files/0014/d1/e8/57498.png') 50% 50% no-repeat;}

#pun-navlinks li#navpiar:hover > a {
  background: #9f5050 url('http://forumfiles.ru/files/0014/d1/e8/57498.png') 50% 50% no-repeat;}


/* Второе всплывающее меню */

#pun-ulinks {
  display: block;
  width: 120 !important;
  margin: 0;
  padding: 0;
  z-index: 98 !important;
  position: fixed!important;
  top: 80px;
  left: 50px;
  padding: 0 7px;
  background: url('http://forumfiles.ru/files/0014/d1/e8/63646.png') 0 26px no-repeat;
  transition: left 0.2s ease 1s;
  opacity: 0;
}

#pun-ulinks .item7 .bubble {
  position: relative;
  top: -2px;
  left: 7px;
  border-radius: 50%;
  padding: 2px 2px 3px 2px;
  background: #7E3B3B;
}

#pun-ulinks .item7 .bubble:after {content: none;}

#pun-ulinks:hover {opacity: 1 !important;}
#pun-ulinks:hover ul {display: block !important;}

#pun-ulinks ul {
  background: #1c1c1c;
  margin: 0 !important; 
  padding: 10px 15px !important; 
  width: 100%;
  display: none;
  text-indent: 0 !important;
  border: none !important;}

#pun-ulinks li {margin: 2px 0 !important; display: block !important; padding: none; border: none !important; border-width: none !important; border-bottom: 1px solid #313131 !important;}
#pun-ulinks li.lst {border-bottom: none !important;}

#pun-ulinks li a {margin: 0; display: block !important; padding: 3px 0 6px 6px !important; color: #7b7b7b !important; transition: 0.5s; text-decoration: none !important; text-align: left !important; border: none !important;}

#pun-ulinks a:hover {color: #cacaca !important;}

/* Информационный блок (выезжающий) */

#menu-news {
  background: #212121;
  width: 225px;
  float: left;
  height: 100%;
  padding: 20px;
}

/* Полоса меню (вертикальная, большие экраны) */

#menu-nav {
  width: 55px;
  float: left;
  height: 100%;
}

#menu-nav > ul, #menu-nav > ul > li {padding: 0; margin: 0;}

#menu-nav > ul > li {
  background-color: #1c1c1c;
  width: 55px;
  height: 55px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}

#menu-nav > ul > li:hover {
  background-color: #313131;
}

#menu-nav > ul > li > a {
  width: 55px;
  height: 55px;
  display: block;
  padding: 0; margin: 0;
}

#menu-nav .pl {
  width: 55px;
  height: 100%;
  background-color: #1c1c1c;
}

#menu-nav .pr {
  width: 55px;
  height: 85px;
  background-color: #1c1c1c;
}

/* Иконки в боковом меню */

#menu-nav li.mainlnk {
  background: transparent url('http://forumfiles.ru/files/0014/d1/e8/35812.png')  50% 100% no-repeat !important;
}

#menu-nav li.mainlnk:hover {
  background-image: url('http://forumfiles.ru/files/0014/d1/e8/29866.png'),  url('http://forumfiles.ru/files/0014/d1/e8/35812.png') !important;
}

#menu-nav li.mainlnk > a {
  background: url('http://forumfiles.ru/files/0014/d1/e8/67624.png') 50% 50% no-repeat;}

#menu-nav li.listlnk > a {
  background: url('http://forumfiles.ru/files/0014/d1/e8/31422.png') 50% 50% no-repeat;}

#menu-nav li.srchlnk > a {
  background: url('http://forumfiles.ru/files/0014/d1/e8/87184.png') 50% 50% no-repeat;}

#menu-nav li.proflnk > a {
  background: url('http://forumfiles.ru/files/0014/d1/e8/81800.png') 50% 50% no-repeat;}

#menu-nav li.maillnk0 > a {
  background: url('http://forumfiles.ru/files/0014/d1/e8/25210.png') 50% 50% no-repeat;}

#menu-nav li.maillnk1 > a {
  background: #7e3b3b url('http://forumfiles.ru/files/0014/d1/e8/25210.png') 50% 50% no-repeat;}

#menu-nav li.maillnk1:hover > a {
  background: #9f5050 url('http://forumfiles.ru/files/0014/d1/e8/25210.png') 50% 50% no-repeat;}

#menu-nav li.adminlnk > a {
  background: url('http://forumfiles.ru/files/0014/d1/e8/71126.png') 50% 50% no-repeat;}

#menu-nav li.outlnk > a {
  background: url('http://forumfiles.ru/files/0014/d1/e8/59805.png') 50% 50% no-repeat;}

#menu-nav li.signlnk > a {
  background: url('http://forumfiles.ru/files/0014/d1/e8/19906.png') 50% 50% no-repeat;}

#menu-nav li.inlnk > a {
  background: url('http://forumfiles.ru/files/0014/d1/e8/45677.png') 50% 50% no-repeat;}

#menu-nav li.awnk > a {
  background: url('http://forumfiles.ru/files/0014/d1/e8/96723.png') 50% 50% no-repeat;}

#menu-nav li.prlnk > a {
  background: #7e3b3b url('http://forumfiles.ru/files/0014/d1/e8/57498.png') 50% 50% no-repeat;}

#menu-nav li.prlnk:hover > a {
  background: #9f5050 url('http://forumfiles.ru/files/0014/d1/e8/57498.png') 50% 50% no-repeat;}

/* Заголовки и текст */

#menu-left h2 {border: none; padding: none !important; font-size: 24px;}

#menu-left h3 {font-size: 21px; font-weight: bold;}

/* Игровые ссылки */

.news-lnks {margin: 25px auto !important; padding: 0 !important; width: 85%; display: block;}
.news-lnks li {margin: 2px 0 !important; display: block; padding: none; border-bottom: 1px solid #313131;}
.news-lnks .lst {border-bottom: none !important;}

.news-lnks a {margin: 0; display: block; padding: 3px 0 6px 0; color: #7b7b7b !important; transition: 0.5s; text-decoration: none !important;}

.news-lnks a:hover {color: #cacaca !important;}

/* Аватарка */

.news-aw {
  width: 160px;
  height: 160px;
  min-width: 160px;
  min-height: 160px;
  border-radius: 50%;
  padding: 0; margin: 15px auto !important;
  overflow: hidden;
}

.news-aw img {width: 100%; margin: 0 auto;}

/* Текстовый блок */

.menu-hiss p {color: #7b7b7b; margin: 10px 5px; text-align: justify;}

/* Адаптивное меню */

@media screen and (max-width: 1100px) {
#menu-left {display: none !important;}
#pun-navlinks {display: block !important;}
#pun-ulinks {display: block !important; position: fixed !important; left: 0; top: 55px; width: 100%; background: #212121 !important; opacity: 1 !important; margin: 0; transition: 0;}
#pun-ulinks ul {padding: 0 !important;}
#pun-ulinks .container {display: block; opacity: 1; background: #212121 !important;}
#pun-ulinks li, #pun-ulinks li a {display: block !important; float: left;}
#pun-ulinks li {border-bottom:0 !important; border-left: 1px solid #7B7B7B ; margin-left: 2px !important; transition: 1s; margin: 0; padding: 0;}
#pun-ulinks li a {margin: 0 !important; padding: 3px 5px !important; text-deciration: none  !important;}
}

/* Конец бокового блока
 -------------------------------------------------------------*/

0


Вы здесь » Sinister Valley » Партнерство » Коды и скрипты нашего форума


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC