Единый форум поддержки

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

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

Вы здесь » Единый форум поддержки » Корзина » Помогите дополнить скрипт

Помогите дополнить скрипт

Страница: 1

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

1

  • Автор: Lektor
  • Заслуженный
  • Lektor
  • Зарегистрирован: Ср, 7 Апр 2010
  • Сообщений: 221
  • Уважение: +17
  • Позитив: +21
  • Пол: Мужской
  • Последний визит:
    Вс, 26 Янв 2020 19:34:32

Друзья, помогите дополнить скрипт, поставил вот таким скриптом

Код:
<style>
.category h2 span {
display: none;
}
#pun-category1.category h2 {
background: url(Картинка под категорию 1) no-repeat left bottom;
height: 50px;
}
#pun-category2.category h2 {
background: url(Картинка под категорию 2) no-repeat left bottom;
height: 50px;
}
#pun-category3.category h2 {
background: url(Картинка под категорию 3) no-repeat left bottom;
height: 50px;
}
#pun-category4.category h2 {
background: url(Картинка под категорию 4) no-repeat left bottom;
height: 50px;
}
#pun-category5.category h2 {
background: url(Картинка под категорию 5) no-repeat left bottom;
height: 50px;
}
</style>

изображения вместо названий категорий, вот как здорово получилось: http://myltfilm.mybb.ru/ . Теперь хочется добавить подобное изображение с прозрачным фоном над шапкой форума, подобно как на этом сайте:

подскажите, как дополнить скрипт, чтоб прикрепить вверх подобное изображение.

Отредактировано Lektor (Вт, 11 Янв 2011 21:10:16)

0

2

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

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

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

Теперь хочется добавить подобное изображение с прозрачным фоном над шапкой форума, подобно как на этом сайте

Открываете второе окно стиля, находите там:

Код:
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #FFE8A6;
  color: #553000;
  }

И меняете на:

Код:
/* CS1.4 */
#pun-title, #pun-title .container {
  background: transparent url(Адрес изображения) no-repeat left center;
  height: 250px;
  color: #553000;
  }

.punbb .modmenu .container {
  background-color: #FFE8A6;
  color: #553000;
  }

Адрес изображения впишите в нужное место. 250 - высота логотипа.

+1

3

  • Автор: Lektor
  • Заслуженный
  • Lektor
  • Зарегистрирован: Ср, 7 Апр 2010
  • Сообщений: 221
  • Уважение: +17
  • Позитив: +21
  • Пол: Мужской
  • Последний визит:
    Вс, 26 Янв 2020 19:34:32

rps, получилось, в который раз спасибо за оказанную помощь. Рамочька правдо не большая осталась, её можно убрать, если нет ни чего страшного, я и так добился эффекта которого хотел.

Отредактировано Lektor (Ср, 12 Янв 2011 21:16:41)

0

4

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

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

Рамочька правдо не большая осталась

Ищите в первом окне стиля код:

Код:
/* D1.1 */
#pun-title {
  margin: 0;
  border-style: solid solid none solid;
  border-width: 1px 1px 0 1px;
  }

Меняйте на:

Код:
/* D1.1 */
#pun-title {
  margin: 0;
  border-style: none;
  border-width: 0;
  }

0

5

  • Автор: Lektor
  • Заслуженный
  • Lektor
  • Зарегистрирован: Ср, 7 Апр 2010
  • Сообщений: 221
  • Уважение: +17
  • Позитив: +21
  • Пол: Мужской
  • Последний визит:
    Вс, 26 Янв 2020 19:34:32

rps, отлично, рамка пропала, а правая рамка по всему форуму, где искать нужно?

0

6

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

а правая рамка по всему форуму, где искать нужно?

Если правильно Вас понял, то в первом окне стиля найдите:

Код:
/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 0.5em 1em;
  border-style: none solid solid none;
  border-width: 0 1px 1px 0;
  }

И поменяйте на:

Код:
/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
  padding: 0.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  }

0

Страница: 1

Вы здесь » Единый форум поддержки » Корзина » Помогите дополнить скрипт