О сайте | Обратная связь | Памятка для вебмастера
[ Регистрация · Войти · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: Anka_kuşu, Souteneur 
Форум » Создание сайта » Ucoz » Переключатели страниц (Различный дизайн и способы их размещения на сайте)
Переключатели страниц
Fearfire Дата: Четверг, 03.01.2013, 22:25 | Сообщение # 1
Третьеклашка
Группа: Пользователи
Сообщений: 25
Город: Томск
Репутация: 0
Статус: Offline
Начну с вопроса:
имеется стиль переключателя страниц

Код
/* PageSelector */  
.swchItem, .swchItem1, .swchItemA1, .swchItemA {  
  color:#0A7EC5;  
  border:1px solid #8DC5E6;  
  background:#F8FCFF;
  text-decoration: none;
}  
.swchItemA, .swchItem, .swchItemA1, .swchItem1 {
  -moz-border-radius:3px;  
  -webkit-border-radius:3px;  
  border-radius:3px;
  padding:6px 9px;  
  margin-left:3px;  
  text-decoration:none;
}  
.swchItemA, .swchItemA1, .swchItem1:hover, .swchItem:hover {  
  font-weight:normal;  
  color:#fff;  
  text-shadow:0px 1px #388DBE;  
  box-shadow:0px 1px #EDEDED;  
  -webkit-box-shadow:0px 1px #EDEDED;  
  -moz-box-shadow:0px 1px #EDEDED;  
  border:1px solid #3390CA;  
  background:#58B0E7;  
  background:-moz-linear-gradient(top,#B4F6FF 1px,#63D0FE 1px,#58B0E7);  
  background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#B4F6FF),color-stop(0.02,#63D0FE),color-stop(1,#58B0E7));
  text-decoration: none;
}  
/* PageSelector end */


Проблема: не отображается на IE


Помогите исправить этот недочет если такое возможно ...


Гром Дата: Пятница, 04.01.2013, 11:37 | Сообщение # 2
Профессор(ша)
Награды: 11
Сообщений: 3350
Город: Астрахань
Репутация: 96
Статус: Offline
Код
  border-radius:3px;
   text-shadow:0px 1px #388DBE;   
   box-shadow:0px 1px #EDEDED;  


Эти стили не поддерживаются IE напрямую. Есть альтернативные пути, но на память я не помю. Гуглите


Профессиональный подход к созданию сайтов под ключ.
Все услуги в одном месте.
Домен второго уровня и хостинг на год в подарок!
Fearfire Дата: Пятница, 04.01.2013, 20:08 | Сообщение # 3
Третьеклашка
Группа: Пользователи
Сообщений: 25
Город: Томск
Репутация: 0
Статус: Offline
Гром, спасибо.

вот условие, если это IE, то показывать стандартный переключатель
Код
<?if($USER_AGENT$)="ie"?>...<?else?>...<?endif?>

как объединить стили переключателя в один и ссылаться на него?
Гром Дата: Пятница, 04.01.2013, 20:19 | Сообщение # 4
Профессор(ша)
Награды: 11
Сообщений: 3350
Город: Астрахань
Репутация: 96
Статус: Offline
Цитата (Fearfire)
как объединить стили переключателя в один и ссылаться на него?

В смысле в один? Зачем? Если агент=ie, то стили не выводить, а если другой, то выводить стили

Код
<?if($USER_AGENT$)="ie"?>
Ваш браузер отстой! Скачайте нормальный браузер
<?else?>
<style>
/* PageSelector */    
   .swchItem, .swchItem1, .swchItemA1, .swchItemA {    
    color:#0A7EC5;    
    border:1px solid #8DC5E6;    
    background:#F8FCFF;   
    text-decoration: none;   
   }    
   .swchItemA, .swchItem, .swchItemA1, .swchItem1 {   
    -moz-border-radius:3px;    
    -webkit-border-radius:3px;    
    border-radius:3px;   
    padding:6px 9px;    
    margin-left:3px;    
    text-decoration:none;   
   }    
   .swchItemA, .swchItemA1, .swchItem1:hover, .swchItem:hover {    
    font-weight:normal;    
    color:#fff;    
    text-shadow:0px 1px #388DBE;    
    box-shadow:0px 1px #EDEDED;    
    -webkit-box-shadow:0px 1px #EDEDED;    
    -moz-box-shadow:0px 1px #EDEDED;    
    border:1px solid #3390CA;    
    background:#58B0E7;    
    background:-moz-linear-gradient(top,#B4F6FF 1px,#63D0FE 1px,#58B0E7);    
    background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#B4F6FF),color-stop(0.02,#63D0FE),color-stop(1,#58B0E7));   
    text-decoration: none;   
   }    
   /* PageSelector end */
</style>
<?endif?>


Профессиональный подход к созданию сайтов под ключ.
Все услуги в одном месте.
Домен второго уровня и хостинг на год в подарок!


Гром Дата: Пятница, 04.01.2013, 20:22 | Сообщение # 5
Профессор(ша)
Награды: 11
Сообщений: 3350
Город: Астрахань
Репутация: 96
Статус: Offline
Только это всё нужно прописывать не в CSS, а в страницах сайта, например в шапке

Профессиональный подход к созданию сайтов под ключ.
Все услуги в одном месте.
Домен второго уровня и хостинг на год в подарок!
Fearfire Дата: Пятница, 04.01.2013, 21:57 | Сообщение # 6
Третьеклашка
Группа: Пользователи
Сообщений: 25
Город: Томск
Репутация: 0
Статус: Offline
Гром, Благодарю <_<
Форум » Создание сайта » Ucoz » Переключатели страниц (Различный дизайн и способы их размещения на сайте)
Страница 1 из 11
Поиск:
Переключатели страниц - Создание сайта - Ucoz - Форум
Сегодня были на форуме:
krolenya1, goba2602, marina785f, viktorbilenku, vitiapalia2525, Archer, patriczhuksss, kamilaradiik, infinityzxcv, sergienko1m, sokolenkosan, 1mehanaqopa, interrior4you, irinakkovaleniko

Конструктор кнопок он-лайн


Получить код CSS

Подбор цветов

Справочник по html и CSS

Наши копирайтеры

Поиск