[ VKontakte Optimizer ]

[ VKontakte Optimizer ] (//vkopt.net/forum/index.php)
-   В Контакте | Оформление (//vkopt.net/forum/forumdisplay.php?f=13)
-   -   Небольшие CSS-твики (//vkopt.net/forum/showthread.php?t=4308)

Вэлл 04.09.2015 09:00

Алексей Королёв, это надо скриптом вставлять...

Алексей Королёв 04.09.2015 14:43

Цитата:

Сообщение от Вэлл (Сообщение 68834)
Алексей Королёв, это надо скриптом вставлять...

поможешь ?

Вэлл 08.09.2015 01:31

Цитата:

Сообщение от Алексей Королёв (Сообщение 68836)
поможешь ?

Не, я тут не помогу уже.

Вячеслав Смолин 08.09.2015 09:22

Цитата:

Сообщение от Саша Толмачёв (Сообщение 68717)
PHP код:

/* Закругление аватарок, Новый вид диалогов и опросов */
/* -------------------------------------------------- */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ ИНФОРМАЦИЯ ~~~~~~~~~~~~~~~~~~~~~~~~ */
#side_bar {
    
margin-top0px !important;
}
#sideBar { /* старое меню */
    
margin0px !important;
    
padding5px 0 0px 4px !important;
}
.
im_fixed_nav #side_bar, .audio_fixed_nav #side_bar {
    
top40px !important;
}
#stl_bg {
    
padding13px 0 13px !important;
}
.
im_add_row .im_log_author a, .im_add_row .im_log_date span, .im_add_row .im_log_date a.im_date_link, .im_add_row .im_log_author_chat_thumb, .im_add_row .im_log_author_chat_name {
    
displayblock !important;
}
.
im_important_toggler {
    
margin-top: -2px !important;
}
.
im_log_check {
    
margin-top9px !important;
}
.
im_log_act, .im_log_author, .im_log_body, .im_log_date, .im_log_rspacer {
    
border-top5px solid #fff !important;
}
.
im_log_t .im_in,.im_log_t .im_out {
    
display:inline-block!important;
    
padding:0 10px!important;
    
clear:both!important;
    
position:relative!important;
    
width:607px!important;
    
z-index:0!important
}
.
im_log_t .im_log_author {
    
display:inline-block!important;
    
border:none!important;
    
padding:6px 0px!important;
    
z-index:2!important;
    
position:absolute!important;
    
bottom:1px!important
}
.
im_log_t .im_in .im_log_author {
    
float:left!important;
    
clear:left!important;
    
left:10px!important
}
.
im_log_t .im_out .im_log_author {
    
float:right!important;
    
right:10px!important;
    
clear:right!important
}
.
im_log_t .im_log_body {
    
display:inline-block!important;
    
border-top:none!important;
    
border-radius:16px!important;
    
padding:6px 10px!important;
    
width:initial!important;
    
margin:7px!important;
    
line-height:0!important;
    
z-index:3!important
}
.
im_log_t .im_in .im_log_body {
    
float:left!important;
    
margin-left:47px!important;
    
background:#e4f1ff!important;
    
border1px solid #DBE8F7 !important;
}
.
im_log_t .im_out .im_log_body {
    
float:right!important;
    
margin-right:47px!important;
    
background:#f7f8fa!important;
    
border1px solid #EFEFEF !important;
}
.
im_log_t .im_log_date {
    
margin:12px 0 0!important;
    
border:none!important;
    
z-index:4!important
}
.
font_medium .im_log_t .im_log_date {
    
margin14px 0 0!important;
}
.
im_log_t .im_out .im_log_date {
    
float:right!important
}
.
im_log_t .im_in .im_log_date {
    
float:left!important
}
.
im_log_t .im_log_rspacer {
    
position:absolute!important;
    
top:0!important;
    
left:0!important;
    
right:0!important;
    
bottom:0!important;
    
width:initial!important;
    
border:none!important;
    
z-index:-1!important
}
.
im_log_t .im_in .im_important_toggler {
    
margin-left:49px!important;
}
.
font_medium .im_log_t .im_out .im_important_toggler {
    
margin-right:59px!important;
}
.
font_medium .im_log_t .audio .duration{
    
padding7px 7px 7px 0px!important
}
.
im_log_t .im_important_toggler {
    
margin-top:-3px!important;
}
.
im_log_t .im_add_row .im_log_author_chat_name,
.
im_log_t .im_del_row .im_log_date,
.
im_log_t .im_log_act,
.
im_log_t .im_log_author_chat_name,
.
im_single_log_t .im_log_author {
    
display:none!important
}
.
im_del_row td,.im_new_msg .im_log_author,.im_new_msg .im_log_date {
    
background:0 0!important
}
.
im_add_row .im_log_author a,.im_add_row .im_log_author_chat_thumb,.im_add_row .im_log_date a.im_date_link,.im_add_row .im_log_date span {
    
display:block!important
}
.
im_gift_msg .im_important_toggler,.im_new_msg .im_important_toggler,.im_sel_row .im_important_toggler {
    
background-color:transparent!important
}
.
im_log_t .im_msg_text {
    
display:inline-block;
    
width:initial!important;
    
line-height:22px!important;
    
padding-bottom:0!important;
    
max-width:450px!important
}
.
im_log_t .wrapped {
    
width:initial!important;
    
margin:0!important;
    
padding:0!important
}
.
im_log_t .emoji,.im_log_t .emoji_css {
    
vertical-align:middle!important;
    
margin-top:-2px
}
.
im_log_t .wall_module {
    
max-width:450px!important
}
.
im_fwd_log_wrap {
    
min-width:335px!important
}
.
im_fwd_log_author {
    
width:32px!important
}
.
im_add_row .im_important_toggler {
    
margin-top:-3px!important
}
.
wall_module .post_media,.wall_module .post_media .media_desc {
    
padding:0!important
}
.
im_msg_media_doc .media_desc,.post_media {
    
width:initial!important
}
.
im_log_t .page_media_map {
    
margin-bottom:1px!important;
    
margin-top:0!important
}
.
im_log_t .post_video_desc {
    
width:350px!important
}
.
im_fwd_log_wrap .im_log_author_chat_name {
    
display:block!important
}
.
im_fwd_log_wrap .im_fwd_log_wrapped .im_msg_text {
    
display:block!important;
    
line-height:1.182!important
}
.
im_fwd_log_wrap .im_fwd_log_wrapped .post_media {
    
padding-top:0!important
}
.
im_msg_media_doc,.im_msg_media_video {
    
display:block!important
}
.
im_log_t .wall_module .audio {
    
margin-left:0!important
}
.
im_log_t .wall_module .im_msg_media_doc .post_media {
    
padding-bottom:4px!important;
    
margin-top:-1px!important;
    
margin-right:0!important
}
.
im_log_t .page_media_poll {
    
line-height:1.182!important
}
.
im_log_t .wall_module .post_media.post_audio {
    
margin-left:0!important;
    
margin-bottom:4px!important
}
.
im_new_msg {
    
background:#EDF1F5!important
}
.
im_del_row {
    
background:#F4EBD6!important
}
.
im_del_row td {
    
border-bottom:!important
}
.
im_marked_res {
    
padding:11px 0!important
}
.
im_log_t .audio.over .area {
    
border-radius:5px
}
.
im_fwd_log_wrapped .page_post_sized_thumbs {
    
margin:9px 0 0!important
}
.
im_log_t .page_post_sized_thumbs {
    
margin:0!important;
    
border-radius:8px!important
}
.
page_post_video_duration_single {
    
line-height:1.182!important
}
.
im_log_t .page_post_thumb_last_row,
.
im_log_t .page_post_thumb_video,
.
im_log_t .page_post_thumb_wrap {
    
border-radius:8px!important
}
.
im_log_t .audio .area {
    
margin-bottom:0!important
}
.
im_single_log_wrap .im_log_author {
    
display:table-cell!important;
    
position:relative!important
}
.
im_single_log_wrap .im_log_body {
    
display:table-cell!important;
    
background-color:transparent!important
}
.
im_single_log_wrap .im_log_author_chat_name {
    
display:block!important
}
.
im_single_log_wrap .wrapped {
    
line-height:1.182!important
}
.
im_browse_msg_images {
    
margin:4px 0 12px!important
}
.
im_log_t .im_log_body:before {
    
content:'';
    
width:19px;
    
height:18px;
    
position:absolute;
    
bottom:7px;
    
z-index4;
}
.
im_log_t .im_in .im_log_body:before {
    
background:url(http://savepic.net/7040391.png) no-repeat;
    
left:49px
}
.
im_log_t .im_out .im_log_body:before {
    
background:url(http://savepic.net/7037319.png) no-repeat;
    
right:49px;
}
.
is_2x .im_log_t .im_in .im_log_body:before {
    
background:url(http://savepic.net/6380669.png) no-repeat;
    
background-size15px 17px !important;

}
.
is_2x .im_log_t .im_out .im_log_body:before {
    
background:url(http://savepic.net/6368381.png) no-repeat;
    
background-size15px 17px !important;
}
.
im_log_author,.im_log_date {
    
background-color:transparent!important
}
.
im_log_t .im_in .page_media_poll_title {
    
border-bottom:1px solid #C3D1E0!important
}
.
im_log_author_chat_thumb {
    
border-radius:50%!important
}
.
im_sel_row,.im_sel_row .im_log_author,.im_sel_row .im_log_body,.im_sel_row .im_log_date {
    
background#EDF1F5!important
}
.
im_single_log_wrap .im_fwd_log_wrap {
    
min-width100% !important;
}
#im_user_holder img, #im_peer_holders img{
    
border-radius50% !important;
}
.
im_srv_msg_td {
    
border-top0px !important;
}
.
im_chat_event {
    
background-color:transparent!important
}
.
im_wall_log_wrap .im_log_author_chat_name {
    
display:block !important;
}

.
im_wall_log_wrap {
    
line-height1.182 !important;
}
.
im_log_author {
    
padding-right0px !important;
    
width36px !important;
}
img.im_log_author_chat_thumb,
div.im_log_author_chat_thumb {
    
width36px !important;
    
height36px !important;
}
.
im_log_t .im_out .im_log_context {
    
backgroundurl(http://savepic.net/6969934.png) 0px -85px no-repeat !important;
}
.
is_2x .im_log_t .im_out .im_log_context {
    
backgroundurl(http://savepic.net/6966851.png) 0px -85px no-repeat !important;
    
background-size21px 105px !important;
}
.
im_log_context {
    
background-position0px -85px !important;
}
.
im_log_t .im_in .im_log_ract {
    
floatright;
}
.
im_log_t .im_out .im_log_ract {
    
floatleft;
}
/* материалы беседы */
.wk_cont_t .wall_module .post_media {
    
padding6px 0px 4px !important;
}
.
wk_cont_t .wall_module .post_media .media_desc {
    
padding-top8px !important;
}
/* смещение сообщения в групповом чате */
.im_log_t tr.im_chat_event {
    
displaytable-row !important;
}
/* отступ сообщения в групповом чате */
.im_log_t .im_chat_event .wall_module {
    
max-width100% !important;
}
/* отступ сообщения */
.im_log_t .im_srv_msg_td {
    
border-top5px solid #FFF !important;
}
#im_peer_controls table {
    
padding-left59px;
}
#im_user_holder {
    
positionabsolute;
    
right82px;
    
padding-right0px !important;
}
#im_peer_holders {
    
positionabsolute;
    
left67px;
    
padding-left0px !important;
}
#im_user_holder img, #im_peer_holders img{
    
border-radius50% !important;
}
#im_peer_holders {
    
width59px !important;
}
.
im_peer_mini_holder:nth-child(2) {
    
margin-right0px !important;
}
.
vk_im_reply {
    
margin-top0px!important;
    
margin-left71px!important;
}
.
ava img,
.
post_image img,
.
wl_owner_head_img,
.
reply_image,
.
feedback_row_photo img,
.
feedback_group_photo,
.
friends_photo_img,
.
common_friends img,
.
apps_feed_user_img,
.
fans_fan_img,
#pv_author_img,
.pv_thumb img,
.
dialogs_photo img,
.
im_log_author_chat_thumb,
.
dialogs_inline_author,
.
fc_msgs_author,
.
chat_tab_img,
.
fc_contact_photo,
.
search_item_img,
.
reply_form_img,
.
bp_thumb img,
.
blst_img,
.
pad_fr_img,
.
pad_mini_friend,
.
pad_msg_img,
.
pad_nws_img,
.
feed_recom_photo img,
.
ts_contact_photo img,
.
mv_author_img,
.
gift_thumb img,
.
audio_friend_photo,
.
wddi_thumb img,
.
wdd_img,
.
fans_idol_img,
.
thumb img,
.
published_by_photo img,
.
audio_owner_img,
.
audio_owner_info_img,
.
image img,
.
groups_row_img,
.
wk_extpage_owner_thumb,
.
like_tt_stats_photo,
.
wk_likes_liker_img,
.
pad_ap_list_img,
.
apps_wide_img,
.
apps_frtt_img,
.
apps_notify_img,
.
app_settings_image img,
.
im_photo_holder img,
#im_user_holder img,
.pad_msga_img,
.
pad_nwsa_img,
.
gedit_user_img,
.
ba_thumb,
.
im_friend img {
    
border-radius50% !important;
}
.
feedback_row_photo.ta_r img,
.
fl_r.pad_nws_photo img {
    
border-radius0px !important;
}
.
wdd_img_full,
.
wdd_img_half,
.
wdd_img_tiny {
    
box-shadow0px 1px 2px rgba(0000) !important;
}

.
left_count_wrap {
    
padding6px !important;
}
#side_bar ol li .left_row:hover .left_count_wrap {
    
padding7px 6px !important;
}

/* -------------------------------------------------- */ 

Я ПОПРАВИЛ ТЕБЯ, У МОЕГО CSS ТЕПЕРЬ ЕСТЬ КРУГЛЫЕ АВАТАРКИ

Как цвета изменить в сообщениях ?

Orsi 08.09.2015 13:03

.im_out - твои сообщения
.im_in - собеседник
.im_log_t - фон

http://www.puzzleweb.ru/html/colors_html.php здесь можно цвета подобрать .

Владислав Дрыгин 17.09.2015 14:26

Всем привет. Может кто подскажет.
Выкладывали код http://vkopt.net/forum/showpost.php?...&postcount=439
возможно ли сделать так, чтобы отображались аватарка, Фамилия Имя и кнопочки "модерирования" друга. Чтобы не выводилась инфа о институте, работе, группе друзей, куда был внесен друг.

Вэлл 18.09.2015 09:02

Владислав Дрыгин, добавьте в конце:
Код:

/* Убираем ВУЗ и списки в которые добавлен друг в списке друзей */

.user_block>.info.fl_l>.friends_field:nth-child(2) {
    display: none !important;
}

.user_block>.info.fl_l>.lists {
    display: none !important;
}


hitzer 18.09.2015 15:51

подскажите, как увеличить в высоту столбик с диалогами в правом нижнем углу, где по стандарту отображается 6 человек? просто иногда он начинает жить своей жизнью, и отображает 13 (или 14) человек. не в курсе, что это на него так влияет, но это явление реально эпизодическое. можно ли как-то навсегда его зафиксировать во всю высоту, с 18, например, диалогами, вместо 6? спасибо.

Владислав Дрыгин 19.09.2015 21:35

Всем привет, возможно сделать, чтобы входящее сообщение еще отображалось и в окне онлайна, как на скрине:



Плюс поддерживаю пост сверху, хорошая задумка.

Levi Somerset 16.10.2015 19:13

Интересует CSS, для отключения ссылок в аудио.

Крч. при прослушивании трека жмешь на play, а курсор отводит правее (ну или бывает miss click) и получается нажимаешь на исполнителя и он открывает страницу с исполнителем. При возвращении назад возвращает на начальную страницу паблика/группы/чей-то страницы и тебе опять пролистывай до того момента, где остановился, ужасно раздражает, да и функция эта вообще не нужна для меня


Часовой пояс GMT +4, время: 06:02.

Сервер бесплатных медицинских консультаций
Дачный форум. уДачное общение.

VkOpt 2007 - 2024
Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод от zCarot