Имя подфорума на фоне картинки - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

Правила форума

Здесь обсуждаются вопросы оформления форумов IPB 2.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Оформление форумов IPB 3.x.
Настройка форумов, включая установку и техническую настройку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

СвернутьПрикрепленные теги

Теги не найдены
Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

Имя подфорума на фоне картинки

#1 Пользователь не на сайте   pulsed »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 7
  • Регистрация: 27-Март 09
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 24 Август 2010 - 19:22

На основе этого поста [ссылка на варезник]

Помогите сделать следующее:
У меня есть изображение, на котором с помощью margin и padding я хочу разместить имена подфорумов.
На данный момент у меня идёт так:
Изображение Подфорум, Изображение Подфорум,
Хочется сделать так:
Изображение и на нём Подфорум Изображение и на нём Подфорум

Вся структура у меня подфорумов такая, как вверху пост. За исключением, этого кода в class_forums.php:

                                        if ($img == '<{C_ON}>' || $img == '<{C_ON_CAT}>')
                                        {
                                                $img = '<{MYIMG}>';
                                        }
                                        else if ($img == '<{C_OFF}>' || $img == '<{C_OFF_CAT}>')
                                        {
                                                $img = '<{MYIMG}>';
                                        }
                                        else if ($img == '<{C_LOCKED}>')
                                        {
                                                $img = '<{MYIMG}>';
                                        }
                                        else if ($img == '<{C_ON_RES}>')
                                        {
                                                $img = '<{MYIMG}>';
                                        }
                                        else if ($img == '<{C_OFF_RES}>')
                                        {
                                                $img = '<{MYIMG}>';


Буду очень благодарен.

Сообщение изменено: Fisana (24 Август 2010 - 20:23)
Причина редактирования: ссылку убрала

0

#2 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 891
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 24 Август 2010 - 20:26

В css
ol.subforums li {
background: ... ;
}

Такой вариант попробуйте. Если правильно поняла, должно сработать.

Ой, это для 3.x
Перепутала :)
0

#3 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 891
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 24 Август 2010 - 20:46

Для 2.х
span.forumdesc a {
background: ... ;
}

0

#4 Пользователь не на сайте   pulsed »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 7
  • Регистрация: 27-Март 09
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 24 Август 2010 - 20:47

да, мне желательно для 2.3. и помимо того, как это через .css связать, мне бы нужна помощь как это в HTML шаблонах отредактировать, потому что я пытался что-то подобное сделать получалось через одно место...
А именно, показывалась малая часть той картинки, что я планирую на фон, если делать no-repeat, то соответстенно это всё только на один подфорум и то, с бедой первой это также убого смотрится.
И ещё был результат когда один под один они уходили с этой же малую частью из всего фона.
0

#5 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 891
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 24 Август 2010 - 20:49

Я уже написала для 2.x
И еще padding придется задать. Будет картинка на каждый подфорум.
0

#6 Пользователь не на сайте   pulsed »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 7
  • Регистрация: 27-Март 09
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 24 Август 2010 - 20:59

Прописал это в css, указав своё изображение background'a, ничего не изменилось.
Мне необходимо вернуть все файлы и прочее, что связано с подфорумами в стандартный вид, чтобы заработало? Или что-то ещё необходимо сделать?

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

То есть от того, что я ввёл новый класс ничего не изменилось. Спасибо за отзыв на помощь, хотелось бы, чтобы Вы со мной вместе добили это дело :)

Пробовал в шаблонах show_subforum_all_links и show_subforum_link вбивать <span class и тыры пыры, правда останавливаться после = (имя класса какой прописывать), может по этому и никаких изменений.
0

#7 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 891
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 24 Август 2010 - 21:11

Я для дефолтного варианта предложила.

Такой вариант
.forumdesc a {
background: #ccc !important;
}

Проверила, работает.

В шаблоны лезть нужно только тогда, когда не получается с css
0

#8 Пользователь не на сайте   pulsed »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 7
  • Регистрация: 27-Март 09
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 24 Август 2010 - 21:14

М, я понял идею. Нашёл в .css forumdesc, разлучил его с forumdesc ссылками, прописал ссылкам бэкграунд изображение.
Получается на один подфорум один бэкграунд, как и надо.
Но этот бэкграунд показывается не полностью, только его малая часть.
Прописал padding-bottom: 40px; не помогло, как чтобы он был в полный рост?
0

#9 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 891
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 24 Август 2010 - 21:16

line-height: 40px; 

попробуйте
0

#10 Пользователь не на сайте   pulsed »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 7
  • Регистрация: 27-Март 09
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 24 Август 2010 - 21:23

Неа, не помогает, он увеличивает отступ, но всё равно бэкграунд не становится в полный рост.

И если у подфорума маленькое имя то также с правой стороны идёт обделение изображения бэкграунда
0

#11 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 891
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 24 Август 2010 - 21:26

heigt: 40px;
width: ...

Все должно быть привязано в свойствах ссылки
Именно к a
0

#12 Пользователь не на сайте   pulsed »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 7
  • Регистрация: 27-Март 09
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 24 Август 2010 - 21:46

.forumdesc a:link,
.forumdesc a:visited,
.forumdesc a:active
{
background-image: url(style_images/<#IMG_DIR#>/subforum.png);
background-repeat: no-repeat;
font-size: 10px;
color: #666;
height: 99px;
width: 45px;
}

Результат (сфоткано именно как выводятся подфорумы):

Вложений

  • Вложение  bred.png (696байт)
    Количество загрузок: 4

0

#13 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 891
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 24 Август 2010 - 21:58

Да не нужно никаких link и прочее.
Внизу css допишите

.forumdesc a {
background: url(style_images/<#IMG_DIR#>/subforum.png) 0 0 no-repeat !important;
padding: 0 5px !important; 
line-height: 99px !important;
min-width: 45px !important;
}

0

#14 Пользователь не на сайте   pulsed »

 
 
  • Newbie
  • *
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 7
  • Регистрация: 27-Март 09
  • Репутация: 0
  • IPB version:2.3.x
 

Отправлено 24 Август 2010 - 22:09

Хм, ну почему-же так?

Вложений

  • Вложение  bred2.png (1,3К)
    Количество загрузок: 3

Сообщение изменено: pulsed (24 Август 2010 - 22:09)

0

#15 Пользователь не на сайте   Fisana »

 
 
  • На PM не отвечаю
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 12 891
  • Регистрация: 21-Ноябрь 05
  • Репутация: 562
  • Откуда:Из интернетов
  • IPB version:3.1.x
 

Отправлено 24 Август 2010 - 22:28

Замените
padding: 50px 5px !important; 

Получится там так (как картинку взяла лого)

Но по ширине не растягиваются.

Вложений

  • Вложение  333.png (14,05К)
    Количество загрузок: 10

0

Сообщить об этой теме:


Страница 1 из 1
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в этой теме

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Заказ дизайна форума

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.3 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2012 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна