Вы вошли как: Гость
Форум All-For-VKontakte
Это сообщество, объединяющее в себе пользователей, заинтересованных в продвижении в популярных социальных сетях и заработке на них. У нас вы сможете узнать мнения профессионалов по любым вопросам или поделиться своим опытом с неопытными пользователями, найти полезную информацию и просто пообщаться с хорошими людьми.
Присоединяйтесь к нам!
Главная Социальные сети Всё для ВКонтакте Элементы для дизайна ВКонтакте
Светлый стиль inline-чата для ВКонтакте
29.01.2012 в 15:32
2.9K
просмотров
0
комментариев
17
оценок
К сожалению, данный материал более не актуален
Представляю вашему вниманию измененный стиль окон с диалогами на более подходящий дизайну к ВКонтакте. Также были добавлены тёмные тени для 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-стилей можно прочитать в специальной статье на этой странице.
Источник:
Вам понравился материал?
17
Похожие материалы
Обсуждение
Станьте первым(ой), кто оставит свой отзыв или мнение об этом материале
Зарегистрируйтесь или авторизуйтесь, чтобы получить возможность отвечать на комментарии других пользователей и оценивать их
Категории раздела