Тестовик

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Тестовик » Украшение форума » Картинка-уголок в форме ответа

Картинка-уголок в форме ответа

Страница: 1

Сообщений 1 страница 3 из 3

1

  • Автор: Тестер
  • Администратор
  • Тестер
  • Зарегистрирован: 9 Апр 2021
  • Приглашений: 0
  • Сообщений: 544
  • Уважение: +0
  • Позитив: +0
  • Провел на форуме:
    9 дней 8 часов
  • Последний визит:
    29 Окт 2025 18:20:03

Котик в форме ответа

HTML верх

Код:
<style type="text/css">
.punbb textarea {
background-image: url(https://upforme.ru/uploads/0000/35/39/31792-1.gif) ; background-position: top right ; background-repeat: no-repeat ;
}
</style>

Источник

В правом верхнем углу формы быстрого ответа появится забавный игривый котёнок, бегающий туда-сюда. :)

Чтобы картинка всегда была на переднем плане (если в форме ответа установлен свой графический фон):

Код:
<style>
.punbb #main-reply {
background: url(https://sa.uploads.ru/t/q74EA.gif) top right no-repeat !important; 
}
</style>

Источник

В противном случае картинки просто не будет видно (её перекроет другой слой графического фона).

То есть эти два кода нужно установить вместе, вот так:

Код:
<style>
.punbb #main-reply {
background: url(https://sa.uploads.ru/t/q74EA.gif) top right no-repeat !important; 
}
</style>
<style type="text/css">
.punbb textarea {
background-image: url(https://sa.uploads.ru/t/q74EA.gif) ; background-position: top right ; background-repeat: no-repeat ;
}
</style>

Вот этот котик:

https://upforme.ru/uploads/0000/35/39/31792-1.gif

0

2

  • Автор: Тестер
  • Администратор
  • Тестер
  • Зарегистрирован: 9 Апр 2021
  • Приглашений: 0
  • Сообщений: 544
  • Уважение: +0
  • Позитив: +0
  • Провел на форуме:
    9 дней 8 часов
  • Последний визит:
    29 Окт 2025 18:20:03

Вариант со звёздочкой

Код:
<style type="text/css">
.punbb textarea {
background-image: url(https://s3.uploads.ru/JVjOr.gif) ; background-position: top right ; background-repeat: no-repeat ;
}
</style>

Звёздочка словно показывает на пост (пустой или написанный) и смеётся над ним.

Вот эта звёздочка:

https://s3.uploads.ru/JVjOr.gif

0

3

  • Автор: Тестер
  • Администратор
  • Тестер
  • Зарегистрирован: 9 Апр 2021
  • Приглашений: 0
  • Сообщений: 544
  • Уважение: +0
  • Позитив: +0
  • Провел на форуме:
    9 дней 8 часов
  • Последний визит:
    29 Окт 2025 18:20:03

Анимированная новогодняя ёлочка

Код:
<style type="text/css">
.punbb textarea {
background-image: url(https://sa.uploads.ru/t/q74EA.gif) ; background-position: top right ; background-repeat: no-repeat ;
}
</style>

Вот эта ёлочка:

https://sa.uploads.ru/t/q74EA.gif

А вообще этот код можно использовать как напоминание о праздниках, как поздравление внутри поста... Картинки можно вставлять любые - даже анимированные.

0

Страница: 1

Вы здесь » Тестовик » Украшение форума » Картинка-уголок в форме ответа

создать форум