фон постов

Поделиться1Пн, 7 Мар 2011 22:48:42

Автор: Swetynasty
Заслуженный
Зарегистрирован: Пн, 28 Июн 2010
Сообщений: 284
Уважение: +3
Позитив: +77
Пол: Женский
Последний визит:
Сб, 22 Авг 2020 19:23:36

~~Меня сегодня распирает любопытство.~~
подскажите пожалуйста как можно сделать так что бы у форума был основной фон, а вот где пишутся посты можно было бы оформить вот так. пример http://forum.tuolordis.ru/viewtopic.php?id=1075#p89962
Я так думаю что это прописывается в Структура style.css, но где и как?

0

Поделиться2Пн, 7 Мар 2011 23:06:50

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Swetynasty
Здравствуйте.

Swetynasty написал(а):

подскажите пожалуйста как можно сделать так что бы у форума был основной фон, а вот где пишутся посты можно было бы оформить вот так. пример http://forum.tuolordis.ru/viewtopic.php?id=1075#p89962Я так думаю что это прописывается в Структура style.css, но где и как?

Как-нибудь так в ХТМЛ-верх поставьте:

Код:

<style type="text/css">
.punbb .post {
  background: url(http://forumupload.ru/uploads/0003/e1/67/11804-1-f.gif) repeat-y top center;
  }
.punbb .post * {
  background: transparent none !important;
  }
 .punbb .post, #pun-post .topic  {
  margin-top: 0 !important;
  border-style: none !important;
  }
</style>

0

Поделиться3Пн, 7 Мар 2011 23:36:14

Автор: Swetynasty
Заслуженный
Зарегистрирован: Пн, 28 Июн 2010
Сообщений: 284
Уважение: +3
Позитив: +77
Пол: Женский
Последний визит:
Сб, 22 Авг 2020 19:23:36

rps да я поняла спасибо. но как сделать так что бы она не просто повторялась, но можно было наверху сделать концовку листа?( и снизу..)

0

Поделиться4Вт, 8 Мар 2011 19:07:29

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Swetynasty
Давайте начало, середину и концовку, я попробую составить код.

0

Поделиться5Ср, 9 Мар 2011 16:56:10

Автор: Swetynasty
Заслуженный
Зарегистрирован: Пн, 28 Июн 2010
Сообщений: 284
Уважение: +3
Позитив: +77
Пол: Женский
Последний визит:
Сб, 22 Авг 2020 19:23:36

rps
http://s1.ipicture.ru/uploads/20110309/66fdvnGW.jpg
http://s1.ipicture.ru/uploads/20110309/1R0DJWd5.jpg
http://s1.ipicture.ru/uploads/20110309/8PRONGK8.jpg
вот)

только можно сделать вот для этого #pun-main .post-body
что бы каждый пост выделялся))

0

Поделиться6Ср, 9 Мар 2011 21:31:44

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Swetynasty

Код:

<style type="text/css">
.punbb .post-body  *, .punbb .post-links * {
  background: transparent none !important;
  border-style: none !important;
  }

.punbb .post-body  {
  background: url(http://s1.ipicture.ru/uploads/20110309/1R0DJWd5.jpg) repeat-y top center !important;
  padding: 1em 3em 1em 4em !important;
  }

.punbb .post h3 span {
  padding: 4em 3em 1em 4em !important;
  background: url(http://s1.ipicture.ru/uploads/20110309/66fdvnGW.jpg) repeat-y center center !important;
  }

.punbb .post-links {
  padding: 4em 7em 4em 0 !important;
  background: url(http://s1.ipicture.ru/uploads/20110309/8PRONGK8.jpg) repeat-y bottom center !important;
  }

.punbb .post .post-author {
  margin-top: -5.5em !important;
 }
</style>

Отредактировано rps (Ср, 9 Мар 2011 21:35:58)

0

Поделиться7Ср, 9 Мар 2011 21:47:31

Автор: Swetynasty
Заслуженный
Зарегистрирован: Пн, 28 Июн 2010
Сообщений: 284
Уважение: +3
Позитив: +77
Пол: Женский
Последний визит:
Сб, 22 Авг 2020 19:23:36

rps Смотрите что получается http://fanteziigra.rusff.ru/viewtopic.php?id=25#p45

0

Поделиться8Ср, 9 Мар 2011 21:58:01

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Swetynasty

Информация

Ссылка, по которой Вы пришли неверная или устаревшая.

0

Поделиться9Ср, 9 Мар 2011 22:00:33

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Вчера 23:36:59

Swetynasty Вы для гостя её закрыли

0

Поделиться10Ср, 9 Мар 2011 22:00:51

Автор: Swetynasty
Заслуженный
Зарегистрирован: Пн, 28 Июн 2010
Сообщений: 284
Уважение: +3
Позитив: +77
Пол: Женский
Последний визит:
Сб, 22 Авг 2020 19:23:36

rps там в любой раздел же можно зайти)) и увидеть что получилось. ~~извиняюсь сссылку тогда дала на закрытый~~

http://fanteziigra.rusff.ru/viewtopic.php?id=5#p41

0

Поделиться11Ср, 9 Мар 2011 22:01:31

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Swetynasty
А если так? А то я там выше ошибся немного...

Код:

<style type="text/css">
.punbb .post-body  *, .punbb .post-links * {
  background: transparent none !important;
  border-style: none !important;
  }
.punbb .post h3 span {
  padding: 4em 3em 1em 4em !important;
  background: url(http://s1.ipicture.ru/uploads/20110309/66fdvnGW.jpg) repeat-y top center !important;
  }

.punbb .post-body  {
  background: url(http://s1.ipicture.ru/uploads/20110309/1R0DJWd5.jpg) repeat-y center center !important;
  padding: 1em 3em 1em 4em !important;
  }

.punbb .post-links {
  padding: 4em 7em 4em 0 !important;
  background: url(http://s1.ipicture.ru/uploads/20110309/8PRONGK8.jpg) repeat-y bottom center !important;
  }

.punbb .post .post-author {
  margin-top: -5.5em !important;
  }
</style>

0