Игровой портал

Боковое Меню Цветное и серое

DoG — Thu, 25 Jul 2013 14:20:43 GMT

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

Код

  На главную

  Гостевая

  Форум

Обратная связь

Выход

  Вход

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

Серое Меню

Код

#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{
  background-color:#d0a525;
  color:#604e18;
  text-shadow:1px 1px 0 #d8b54b;
  }

  #navigationMenu .m_vxod { background-position:-140px 0;}
  #navigationMenu .m_vxod:hover { background-position:-140px -35px;}
  #navigationMenu .m_vxod span{
  background-color:#af1e83;
  color:#460f35;
  text-shadow:1px 1px 0 #d244a6;
  }

  #navigationMenu .m_vixod { background-position:-175px 0;}
  #navigationMenu .m_vixod:hover { background-position:-175px -35px;}
  #navigationMenu .m_vixod span{
  background-color:#27ddbf;
  color:#097863;
  text-shadow:1px 1px 0 #87ffe7;
  }

Скрипт "Наша кнопка"

DoG — Thu, 25 Jul 2013 11:57:03 GMT

Необходимый скрипт практически для любого сайта ucoz
ведь именно Ваши посетители в знак признательности смогут воспользоваться этим скриптом и установить кнопку или же баннер на страницах уже своего сайта, (пояснять важность этого действия я думаю не стоит) или же поможет в обычном баннер обмене
Установка
Все предельно просто код скрипта ucoz следует разместить желательно в отдельном блоке и заполнить исходя из данных своего сайта

Код

Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте. Если вы хотите обменяться с нами баннерами, пишите в гостевую книгу:

Движущиеся блок "друзья сайта"

DoG — Thu, 25 Jul 2013 09:17:43 GMT

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

Код

Название сайта

Темный мини профиль для Ucoz

DoG — Wed, 24 Jul 2013 13:47:28 GMT

Скрипт для Ucoz изменит мини профиль вашего сайта. Подойдет исключительно для темных дизайнов.

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

Код

$USERNAME$

Ты на сайте: $USER_REG_DAYS$-й день

Личных сообщений: $UNREAD_PM$

Твой Ip: $IP_ADDRESS$

$LOGIN_FORM$

Последние комментарии как на diz-cs

DoG — Wed, 24 Jul 2013 07:45:30 GMT

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

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

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

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

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

Код

в $TIME$ $DATE$

$MESSAGE$

» $ENTRY_TITLE$

Красивая кнопка вверх для блога ( сайта )

DoG — Sun, 21 Jul 2013 14:50:36 GMT

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

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

Код

Статистика кто посетил в красивом стиле для uCoz

DoG — Sun, 21 Jul 2013 12:21:12 GMT

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

Установка:

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

Код

БЛОК "ПОДЕЛИТЬСЯ В СОЦ СЕТЯХ"

DoG — Sun, 21 Jul 2013 10:04:51 GMT

И так начнем
Мы определим секцию и создадим в ней список с нашими кнопками дам им классы наших соц.сетей. Так же 5 кнопка будет выпадающим блоком при наводке для ссылок на страницу материала.

Код

CSS

Теперь добавим немного стилей

Код

.social {
  position: relative;
}

.social li {
  float: left;
}

.social li a{
  width: 36px;
  height: 30px;
  margin: 0 2px;
  display: block;
}

.submenu {
  position: absolute;
  width: 193px;
  top: 37px;
  left: 3px;
  background: rgb(66,67,67);
  background: -moz-linear-gradient(top, rgba(66,67,67,1) 0%, rgba(45,45,45,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(66,67,67,1)), color-stop(100%,rgba(45,45,45,1)));
  background: -webkit-linear-gradient(top, rgba(66,67,67,1) 0%,rgba(45,45,45,1) 100%);
  background: -o-linear-gradient(top, rgba(66,67,67,1) 0%,rgba(45,45,45,1) 100%);
  background: -ms-linear-gradient(top, rgba(66,67,67,1) 0%,rgba(45,45,45,1) 100%);
  background: linear-gradient(to bottom, rgba(66,67,67,1) 0%,rgba(45,45,45,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424343', endColorstr='#2d2d2d',GradientType=0 );
  padding: 0 10px 10px 10px;

  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

  box-shadow: inset 0 3px 5px rgba(0,0,0,.4), 0 0 3px rgba(0,0,0,.38);
  -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.4), 0 0 3px rgba(0,0,0,.38);
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.4), 0 0 3px rgba(0,0,0,.38);

  opacity: 0;

  -webkit-transition:opacity .3s ease .2s;
  -moz-transition:opacity .3s ease .2s;
  -o-transition:opacity .3s ease .2s;
  transition:opacity .3s ease .2s;
}

.link:hover > div {
  opacity: 1;
}

.submenu:after{
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.submenu:after {
  border-bottom-color: rgb(66,67,67);
  border-width: 7px;
  right: 4%;
  margin-left: -7px;
}

.submenu label {
  margin-top: 4px;
  font: 14px Calibri;
  display: block;
  color: #7e7e7e;
  text-shadow: 1px 0 1px rgba(0,0,0,.44);
}

.submenu input[type="text"] {
  width: 100%;
  font-family: Tahoma;
  color: #fff;
  background: #323232;
  padding: 5px;
  border: 1px solid #1b1b1b;
  cursor: text;

  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;

  box-shadow: inset 2px 0 9px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1);
  -moz-box-shadow: inset 2px 0 9px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1);
  -webkit-box-shadow: inset 2px 0 9px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1);
}

.google {
  background: url('http://pnghosts.ru/img/google.png');
}

.facebook {
  background: url('http://pnghosts.ru/img/facebook.png');
}

.vk {
  background: url('http://pnghosts.ru/img/vk.png');
}

.twitter {
  background: url('http://pnghosts.ru/img/twitter1.png');
}

.link {
  background: url('http://pnghosts.ru/img/link.png');
}

Все готово!

Примечание! При создании был использован CSS - Normalize(Reset), поэтому при добавлении на свой сайт без этих стилей, вам нужно будет подстроить стили под себя!

Админ всегда онлайн для Ucoz

DoG — Sun, 21 Jul 2013 07:02:09 GMT

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

Код

$COUNTER$

$ONLINE_COUNTER$

"Ник на сайте"

$ONLINE_USERS_LIST$

"Ник на сайте"- пишем свой ник
При регистрировании пользователя на сайте с таким же ником, к нику второго зарег. появляются цифры 6756465 и т.д.

Игровое онлайн радио Tort.FM

DoG — Mon, 15 Jul 2013 20:28:23 GMT

Radio TORT.FM!
Наше радио ориентировано абсолютно на полный спектр аудитории от 5 и до 155 лет! Наша музыка порадует слух любого, даже самого предвзятого привереду! Наши эфиры заинтересуют даже самого скучающего на лекции по матану студента!

Устанавливаете в любое место сайта.

Код