|
Поделиться

Система Ajax-постинга как ВКонтакте

Автоматическое появление новых сообщений на странице и уведомления о них

Любые разговоры на тему phpBB, без привязки к какой-либо конкретной версии или тематике. Если вы не нашли места для своей темы в других разделах форума, создайте её здесь.

Сообщение apollion » 10.08.18 23:03

Я уменьшил изображения конверта (их там 3), точнее 2 из них до 300х179 и 300х149. Одно осталось как и было - 100х100. Потом попробовал уменьшить в css значения их размеров заменив на эти. И в итоге изображения разъехались. :)

Наверно где-то еще там надо изменить значения, чтобы все картинки стали выглядеть единым целым, пока не понял где именно.
Аватара пользователя
apollion
 
Сообщения: 48
Зарегистрирован: 21.10.15 18:13
Откуда: Россия

Сообщение Predator » 11.08.18 17:02

Так зачем тебе конверт, сделай просто плашку на css и html и выводи её в нужном месте.
Аватара пользователя
Predator
 
Сообщения: 93
Зарегистрирован: 06.11.15 13:59

Сообщение romaamor » 12.08.18 12:49

romaamor
 
Сообщения: 1
Зарегистрирован: 16.03.18 12:26

Сообщение Shredder » 12.08.18 14:39

romaamor писал(а):А Active Notifications не то ?

Так ему для 3.0.x надо, а это расширение для 3.2
Мои моды и расширения для phpBB
Выполняю работы по phpBB3 на заказ. Пишите в личку или на почту.
Бесплатная поддержка - только в темах.
Shredder
Администратор
 
Сообщения: 954
Зарегистрирован: 22.08.13 09:05

Сообщение apollion » 13.08.18 16:55

romaamor

У меня 3.0.14 на том форуме, о котором речь.

=========================
Я что-то не соображу как поменять значения ширины и высоты 2 картинок. Одна была перерисована в размерах 300х149 - нижняя часть конверта, а верхняя в 300х179. Так как конверт очень громадный.
Я поменял, но что-то намудрил и конверт разъехался в разные стороны. Вот 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;
    }
Аватара пользователя
apollion
 
Сообщения: 48
Зарегистрирован: 21.10.15 18:13
Откуда: Россия

Сообщение Predator » 13.08.18 17:28

apollion
Так меняй значения на нужные
Код: Выделить всё
width: 530px;
    height: 446px;
Аватара пользователя
Predator
 
Сообщения: 93
Зарегистрирован: 06.11.15 13:59

Сообщение apollion » 13.08.18 23:22

Там 3 картинки. Поменял тут

Код: Выделить всё
width: 530px;
    height: 316px;


и тут

Код: Выделить всё
width: 530px;
    height: 260px;


и в итоге изображение поехало в разные стороны. Там изображение конверта собрано из 3-х: синий верх, низ и белая вкладка с сообщением - 100х100.
Аватара пользователя
apollion
 
Сообщения: 48
Зарегистрирован: 21.10.15 18:13
Откуда: Россия

Сообщение Shredder » 14.08.18 17:52

apollion
Наведи мышь на конверт, нажми правую кнопку и выбери "исследовать элемент" - там сможешь на лету изменить CSS и подогнать изображения под нужный размер. Потом скопируешь, что получилось, и заменишь этим CSS мода.
Мои моды и расширения для phpBB
Выполняю работы по phpBB3 на заказ. Пишите в личку или на почту.
Бесплатная поддержка - только в темах.
Shredder
Администратор
 
Сообщения: 954
Зарегистрирован: 22.08.13 09:05

Сообщение apollion » 14.08.18 23:37

Что-то я забыл, что так сделать можно и это проще.
Спасибо.
Аватара пользователя
apollion
 
Сообщения: 48
Зарегистрирован: 21.10.15 18:13
Откуда: Россия

Пред.

Вернуться в Общее обсуждение phpBB

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

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

cron