Показать сообщение отдельно
ArckTick
28.01.2012
 
Мимо проходил, заглянул)
О пользователе
 
Сообщений: 21
ВкоптоКарма: 18

Google Chrome 16.0.912.77 (WinXP)

[#1]
По умолчанию Закругления Вконтакта

Давайте закруглим Вконтакт!
Выкладываем сss-твики с описанием.


Внимание.
Тема временная. Как только мы закруглим все что можно закруглить, я попрошу администрацию ее удалить, а полученный код, я надеюсь, перейдет во ВкОпт, в качестве опционной функции))


Вот, что мне удалось собрать.
добавляйте, то, что не закруглили!
Но в разумных пределах)))

Всё что есть
Код:
#public_avatar img {    
    border-radius: 5px !important;
    -o-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
}


img.im_log_author_chat_thumb, .common_friends a img, img.published_by_photo, div.fl_l.thumb a img, img.feed_post_field_photo, div.fave_link_image img, .fc_msgs_wrap a.fc_msgs_author img.fc_msgs_author, table.like_stats a img, img.feedback_group_photo, img.blst_img, .published_by_photo img, .im_friend img, table.flist_cell td.flist_item_img img, img.settings_bl_photo {
    border-radius: 2px !important;
    -o-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
}

.im_tab, .im_photo_holder a img, .dialogs_photo a img, td.image a img, img.reply_image, a.fw_post_thumb img, a.fw_reply_thumb img, a.ava img, div.fl_l.pv_thumb a img, div.gift_thumb a img, .mv_thumb a img, img.apps_wide_img, .mail_photo a img, div.people_cell a img, div.event_block a img, img.feedback_row_photo, a.bp_thumb img, .wdd_imgs img, .post_image img, .bd_day_events a img {
    border-radius: 3px !important;
    -o-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
}

#mv_box, div.fave_face_name, .feedback_reply_row_wrap, .feedback_reply_row, .wall_module a img, div.user_block a img, div.fl_l.group_row_photo a img, div.mail_envelope_photo a img, a.fave_user_image img, a.fave_face img, div.feed_friend_image a img, div.photo .bg_img img {
    border-radius: 4px !important;
    -o-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
}

.module_header .header_top, #pv_photo img, #profile_avatar img, #group_avatar img, .content a img {
    border-radius: 5px !important;
    -o-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
}




/*Закругление некоторых кнопок*/
#photos_album_area, #photos_album_area:hover, .side_filter, .button_blue button, a.profile_info_link, a.group_wiki_hider, 
.button_blue, .button_gray button, .button_gray, #side_bar ol li a:hover {
border-radius: 7px !important;
-o-border-radius: 7px !important;
-moz-border-radius: 7px !important;
-webkit-border-radius: 7px !important;
 }

/* Закругление блоков на профиле*/ 
 .module_header .header_top {
    border-radius: 5px !important;
    -o-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
}
.module_header {
    background-color: transparent !important;
}





/*Закругление меню и полей ввода данных*/
.replies_open, #feed_summary_wrap, #vk-cat-controls, #header, #friends .search, .video_search, .audio_search, #im_bar, #mail_bar, .groups_list_search, .events_list_search, #feed_bar, .fave_search, .summary_tabs, .app_search, .docs_search_bar, #settings_bl_bar, .search_query_wrap, .feed_bar, .wr_header, #mv_comments_header, #pv_comments_header, .wall_module .reply_fakebox, .reply_field_wrap, .group_wiki_hider, a.profile_info_link, .selector_dropdown, .selector_table, #profile_editor, .selector, #page_body, #editor, .events_list_search, input.text, input.search, textarea, input.big_text, #wrap1, #wrap2, #wrap3, .summary_tabs , .audio_search, .video_search, #header, #header_wrap1, .video_layout .side_panel, .full_wall_tabs, .t_bar,  .settings_view_as_text, #friends .side_panel, #friends #s_search, #main_feed .feed_post_field_wrap #submit_post_box textarea#post_field, .wall_module .mention_rich_ta, .left_box, #settings_panel, .audio_table .side_panel, #profile, .wall_module .reply_fakebox, .reply_field_wrap {
border-radius: 8px !important;
-o-border-radius: 8px !important;
-moz-border-radius: 8px !important;
-webkit-border-radius: 8px !important;
 }



Так.. Теперь давайте всё это отструктурируем:

Закругление аватарок

Редактируется


Закругление фотографий

Редактируется


Закругление заголовков

Редактируется


Закругление кнопок

Редактируется


Закругление полей меню

Редактируется


Закругление прочих элементов

Код:
/* Закругления сердечек*/ 
div.post_like:hover, div.post_like_link:hover, div.post_like_wrap:hover, .fw_like_wrap:hover, #mv_like_wrap:hover, #pv_like_wrap:hover {
      border-radius: 5px !important;
    -o-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
}
/* Закругления сердечек комментариев*/ 
div.like:hover, div.like_link:hover, div.like_wrap:hover {
      border-radius: 5px !important;
    -o-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
}

Последний раз редактировалось ArckTick; 03.02.2012 в 15:04.
Оффлайн
 
Ответить с цитированием
7 пользователя(ей) сказали cпасибо: