ForumDesign TechSupport - Дизайн для форумов и техническая поддержка

Объявление

Акция! Дизайн «MyBB Technical Support»

Дизайн для форума MyBB в тематике компьютерных сообществ или технической поддержки
Стоимость при покупке эксклюзивно: 2000р 1200р
Скидка 40%. В стоимость входит настройка и корректировка дизайна.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Дизайн для MyBB форума гильдии WoW Exodar

Детализированный rpg-дизайн для mybb форума гильдии в тематике Экзодара.
Стоимость: 2150р*
В стоимость входит настройка и корректировка дизайна.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Фонд форумаРеклама на сайте
Стать модераторомОтзывыДонат

Предложения

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

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


Вы здесь » ForumDesign TechSupport - Дизайн для форумов и техническая поддержка » Каталог кодов CSS » Оформление постов в "пузырь" (MyBB)


Оформление постов в "пузырь" (MyBB)

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

1

Автор: Deff
Как он сказал, так я тему и назвала... ;)

Оформление постов "пузырями"
(как смс-приколы вконтакте)

http://s1.uploads.ru/i/l/y/U/lyUa0.png
В HTML-верх или в стиль без тегов:

Код:
<style type="text/css">
.punbb .post-content p,.punbb .fs-box .post-box p {
width:80%;
display:block;
margin:20px;
background-clip:padding-box;
border-width:15px 15px 15px 19px;
-moz-border-image: url(http://s1.uploads.ru/i/F/G/K/FGKYJ.png)15 15 15 19 repeat;  /* Firefox 4 */
    -webkit-border-image: url(http://s1.uploads.ru/i/F/G/K/FGKYJ.png)15 15 15 19 repeat;   /* Safari 5 и Chrome */
    -o-border-image: url(http://s1.uploads.ru/i/F/G/K/FGKYJ.png)15 15 15 19 repeat; /* Opera 10.5 */
}
.punbb .post-content .post-sig p{
 border-width:0;
-moz-border-image: none;  /* Firefox 4 */
    -webkit-border-image: none;   /* Safari 5 и Chrome */
    -o-border-image: none; /* Opera 10.5 */
}/* конец Обрамления */
</style>

0

2

А можно сделать так что бы это был светло фиолетовый пузырь?? Как?

0

3

Дарья Арнаутова
В коде есть такие строчки:

-moz-border-image: url(http://s1.uploads.ru/i/F/G/K/FGKYJ.png)15 15 15 19 repeat;  /* Firefox 4 */
    -webkit-border-image: url(http://s1.uploads.ru/i/F/G/K/FGKYJ.png)15 15 15 19 repeat;   /* Safari 5 и Chrome */
    -o-border-image: url(http://s1.uploads.ru/i/F/G/K/FGKYJ.png)15 15 15 19 repeat; /* Opera 10.5 */

Сохраните картинку на компьютере, откройте в фотошопе, настройте цветовой тон, сохраните, загрузите и замените выделенную ссылку.

0

4

а как сделать, чтоб не на всем форуме так было. А чтоб цитата так выглядела?

0

5

carmensita
.punbb .post-content p,.punbb .fs-box .post-box заменить на:

.punbb .quote-box, .punbb .code-box

0


Вы здесь » ForumDesign TechSupport - Дизайн для форумов и техническая поддержка » Каталог кодов CSS » Оформление постов в "пузырь" (MyBB)


Рейтинг форумов | Создать форум бесплатно © 2007–2019 «QuadroSystems» LLC