Вед. дизайнер
Сообщений: 13
Награды: 0
Репутация: 14
Создаем красивый scrollbar для google chrome и Firefox.

Создаем блокнотик с названием ScrollinChrome.css
И добавляем туда следующее:
Code

   #body{}   
   ::-webkit-scrollbar   
   {   
   width: 5px;   
   height: 6px;   
   }   
   ::-webkit-scrollbar-track-piece   
   {   
   background-color: #ffffff;   
   -webkit-border-radius: 6px;   
   }   
   ::-webkit-scrollbar-thumb:vertical   
   {   
   height: 5px;   
   background-color: #666;   
   -webkit-border-radius: 6px;   
   }   
   ::-webkit-scrollbar-thumb:horizontal   
   {   
   width: 5px;   
   background-color: #666;   
   -webkit-border-radius: 6px;  
   }




Создаем красивый scrollbar для Opera и IE.

Создаем блокнотик с названием ScrollinOpera.css
И добавляем туда следующее:
Code

   body {   
   scrollbar-face-color:#5997CA;   
   scrollbar-shadow-color: #ffffff;  
   scrollbar-highlight-color: #ffffff;  
   scrollbar-3dlight-color: #5997CA;  
   scrollbar-darkshadow-color: #5997CA;   
   scrollbar-track-color: #F6F6F6;  
   scrollbar-arrow-color: #F6F6F6;  
   }


Теперь заливаем эти файлы в файловый менеджер. Дальше, перед на нужной странице ставим следующее:
Code
<?if($USER_AGENT$='chrome' || $USER_AGENT$='firefox')?><link type="text/css" rel="StyleSheet" href="/css/ScrollInChrome.css" /><?else?><link type="text/css" rel="StyleSheet" href="/css/ScrollInOpera.css" /><?endif?>


*Примечание: для того, чтобы scrollbar корректно работал в Opera - нужно удалить из DOCTYPE (!DOCTYPE HTML PUBLIC "-//W3C..DTD HTML 4.01 Transitional//EN" "http://www.w3.prg/TR/html4/loose.dtd") следующее:--"http://www.w3.prg/TR/html4/loose.dtd"--
Прикрепления: 1862247.png (59.2 Kb)


Дорогие друзья, у меня есть большая просьба ко всем вам.Я хочу, что бы вы зашли по ссылке и написали отзыв обо мне. Это очень важно для меня. Спасибо всем с заранее. Надеюсь на вас!