Добавление иконки в Вид категории/раздела форума и сдвиг подфорумов

голоса: 0

Как выставить подфорумы в столбик, я узнал тут.

Сейчас же я решил добавить иконку около каждого подфорума (на форуме виден синий кристал около одного подфорума) и сделать сдвиг подфорумов, как в коде <blockquote>, но к сожалению сдвиг отменяет вид подфорумов в столбик.

Как добавить иконку ко всем подфорумам и сдвинуть их?

Адрес сайта http://playmikek.do.am/forum/
| Автор: | Категория: Форум

Ответов: 1

Голоса: +1
 
Лучший ответ

Реализуется все очень просто, добавляете скрипт как писалось в старом вопросе, но замените его лучше на:

 <script>
 $('.subforumDescr').contents().each(function(inedx, el) {
 if(el.nodeType == 3 && el.textContent.indexOf('|') != -1){
 $(el).replaceWith('');
 }
}); 
</script>

далее как я и писал, в стили добавить:

.subforumDescr a {
    display: block;
    padding-bottom: 2px;
}

и дополнительно там же добавить в стили, чтобы отображалась иконка напротив каждого из подфорумов:

.subforumDescr a:before {
content:"";
width:11px;
height: 19px;
float: left;
margin: 0px -15px;
position: relative;
background: url(http://playmikek.do.am/imagespasial/desine/menu.png)no-repeat;
}

должно получиться как-то так:

| Автор:
Выбор ответа лучшим | | Автор: Mike K
Большое спасибо, не смотря на то, что кристал немного заезжает в ячейку иконки и нет сдвига, но так даже лучше
...