Вы вошли как:  Гость
Форум All-For-VKontakte
Это сообщество, объединяющее в себе пользователей, заинтересованных в продвижении в популярных социальных сетях и заработке на них. У нас вы сможете узнать мнения профессионалов по любым вопросам или поделиться своим опытом с неопытными пользователями, найти полезную информацию и просто пообщаться с хорошими людьми.
Присоединяйтесь к нам!
    
Светлый стиль inline-чата для ВКонтакте
29.01.2012 в 15:32
К сожалению, данный материал более не актуален
Представляю вашему вниманию измененный стиль окон с диалогами на более подходящий дизайну к ВКонтакте. Также были добавлены тёмные тени для inline-плеера для большей читаемости.

Светлый стиль inline-чата для ВКонтакте

Code
@-moz-document domain("vk.com") {  
  /*========== begin messenger ==========*/  

  .fc_clist_inner, .fc_tab.fc_tab_online, .fc_tab {  
border: 1px solid #d3dae0 !important;  
background: #e1e7ed !important;  
position: relative !important;  
box-shadow: 0 0 10px rgba(0,0,0,0.5);  
}  

  div.fc_scrollbar_inner {  
background-color: #45688e !important;  
}  

  div.fc_tab_title.noselect {  
color: #45688e !important;  
text-shadow: 0px 1px 0px #ffffff !important;  
}  

  .fc_tab_min_wrap.fl_r,.fc_tab_close_wrap.fl_r,.fc_tab_max_wrap.fl_r {  
background-color: #45688e !important;
}  

  /*========== end messenger ==========*/  

  /*========== begin audioplayer ==========*/  

  #gp_wrap {  
  text-shadow: 0px 1px 0px #000000 !important;  
  }  

  /*========== end audioplayer ==========*/  
  }  

  @-moz-document domain("vkontakte.ru") {  
  /*========== begin messenger ==========*/  

  .fc_clist_inner, .fc_tab.fc_tab_online, .fc_tab {  
border: 1px solid #d3dae0 !important;  
background: #e1e7ed !important;  
position: relative !important;  
box-shadow: 0 0 10px rgba(0,0,0,0.5);  
}  

  div.fc_scrollbar_inner {  
background-color: #45688e !important;  
}  

  div.fc_tab_title.noselect {  
color: #45688e !important;  
text-shadow: 0px 1px 0px #ffffff !important;  
}  

  .fc_tab_min_wrap.fl_r,.fc_tab_close_wrap.fl_r,.fc_tab_max_wrap.fl_r {  
background-color: #45688e !important;
}  

  /*========== end messanger ==========*/  

  /*========== begin audioplayer ==========*/  

  #gp_wrap {  
  text-shadow: 0px 1px 0px #000000 !important;  
  }  

  /*========== end audioplayer ==========*/  
  }
Об установке тем или CSS-стилей можно прочитать в специальной статье на этой странице.
Вам понравился материал?
Источник/Официальный сайт
Рассказать друзьям
Обсуждение
Станьте первым, кто оставит свой отзыв или мнение об этом материале