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

[pulsed 0]

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

 

Помогите сделать следующее:

У меня есть изображение, на котором с помощью 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}>';

 

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

Edited August 24, 2010 by Fisana
ссылку убрала

[Fisana 700]

В css

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

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

 

Ой, это для 3.x

Перепутала :)

[Fisana 700]

Для 2.х

span.forumdesc a {
background: ... ;
}

[pulsed 0]

да, мне желательно для 2.3. и помимо того, как это через .css связать, мне бы нужна помощь как это в HTML шаблонах отредактировать, потому что я пытался что-то подобное сделать получалось через одно место...

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

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

[Fisana 700]

Я уже написала для 2.x

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

[pulsed 0]

Прописал это в css, указав своё изображение background'a, ничего не изменилось.

Мне необходимо вернуть все файлы и прочее, что связано с подфорумами в стандартный вид, чтобы заработало? Или что-то ещё необходимо сделать?

 

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

- подфорумы: Имя Имя Имя

 

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

 

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

[Fisana 700]

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

 

Такой вариант

.forumdesc a {
background: #ccc !important;
}

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

 

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

[pulsed 0]

М, я понял идею. Нашёл в .css forumdesc, разлучил его с forumdesc ссылками, прописал ссылкам бэкграунд изображение.

Получается на один подфорум один бэкграунд, как и надо.

Но этот бэкграунд показывается не полностью, только его малая часть.

Прописал padding-bottom: 40px; не помогло, как чтобы он был в полный рост?

[Fisana 700]

line-height: 40px; 

попробуйте

[pulsed 0]

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

 

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

[Fisana 700]

heigt: 40px;
width: ...

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

Именно к a

[pulsed 0]

.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;

}

 

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

[Fisana 700]

Да не нужно никаких 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;
}

[pulsed 0]

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

Edited August 24, 2010 by pulsed

[Fisana 700]

Замените

padding: 50px 5px !important; 

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

 

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