|
Поделиться

Всплывающее уведомление о ЛС.

Форум для решения проблем в работе движка версии 3.0.

Сообщение apollion » 25.09.18 15:36

Не смог я разобраться с помощью firebug как поправить стороннюю фичу всплывающего уведомления в виде конверта. Правлю размеры изображений, а в итоге - они разъезжаются в стороны.
Хотел уменьшить изображения частей конверта до 300px по ширине, т. е.
300px х 179px
и 300px х 147px

а то 530px - очень много.

Вот код из css:

Код: Выделить всё
/* Popup PM */

#form_popuppm {
overflow: hidden;
width: 530px;
height: 446px;
position: fixed;
top: 250px;
left: 190px;
-webkit-transition: all 1s ease-in-out .3s;
-moz-transition: all 1s ease-in-out .3s;
-o-transition: all 1s ease-in-out .3s;
transition: all 1s ease-in-out .3s;
}
#form_popuppm:before {
content:"";
position: absolute;
bottom: 128px;
left: 0px;
background: url("./images/popuppm-before.png");
width: 530px;
height: 316px;
}
#form_popuppm:after {
content:"";
position: absolute;
bottom: 0px;
left: 0px;
background: url("./images/popuppm-after.png");
width: 530px;
height: 260px;
}
 
#form_popuppm.hide:after, #form_popuppm.hide:before {
display: none;
}
 
#form_popuppm:hover {
height: 576px;
top: -100px;
}
 
.jq_popuppm {
background: url("./images/popuppm-letter_bg.png") repeat 0 0 #f7f2ec;
position: relative;
top: 200px;
overflow: hidden;
height: 200px;
width: 400px;
margin: 0px auto;
padding: 20px;
border: 1px solid #fff;
border-radius: 3px;
-moz-border-radius: 3px; -webkit-border-radius: 3px;
box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
-moz-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 14px #fff;
-webkit-box-shadow: 0px 0px 3px #9d9d9d, inset 0px 0px 27px #fff;
-webkit-transition: all 1s ease-in-out .3s;
-moz-transition: all 1s ease-in-out .3s;
-o-transition: all 1s ease-in-out .3s;
transition: all 1s ease-in-out .3s;
}
 
#form_popuppm:hover .jq_popuppm {
height: 330px;
}
 
.jq_popuppm p.close_win {
text-align: right;
}
 
.jq_popuppm a.close {
font-size: 10px;
}
 
.jq_popuppm p.click_view {
text-align: center;
}
 
.jq_popuppm a.view {
font-size: 13px;
}
 
.jq_popuppm p.new_message {
margin-top: 20px;
text-align: center;
font-size: 1.3em;
}
 
.jq_popuppm cite {
font-size: 12px;
text-align: center;
display: block;
margin-top: 100px;
}


В аттаче изображения уведомления.
Вложения
Конверт.rar
(220.15 КБ) Скачиваний: 16
Аватара пользователя
apollion
 
Сообщения: 74
Зарегистрирован: 21.10.15 18:13
Откуда: Россия

Вернуться в Поддержка phpBB 3.0.x

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

cron