Техническая поддержка сервиса Quadro.Boards

Простотак

Решила заменить стандартные иконки форума на свои. Код взяла с этого форума, такой:

Код иконок

.punbb table div.icon {
float: left;
display: block;
width: 109px;
height: 109px;
border-style: none;
background: url(картинка "Нет новых сообщений") no-repeat;
position: relative;
}
tr.inew div.icon {
background: url(Картинка "Есть новые сообщения") no-repeat;
}
tr.isticky div.icon {
background: url(Картинка "Важная тема") no-repeat;
}
tr.iclosed div.icon {
background: url(Картинка "Закрытая тема") no-repeat;
}
tr.iredirect div.icon {
background: url(Картинка "Перемещенная тема") no-repeat;
}
#pun-main table div.tclcon {
padding-left: 110px;
}

Но иконки, какой размер я бы не настраивала, все равно ложатся не прямо в ячейку, а между ними, как бы съезжают вниз:

вот так

Помогите настроить правильно(

0

sadhaka

Простотак
Ссылку на форум

0

Простотак

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

Ссылку на форум

А что это даст? Форум пока пустой пока оформление делаю. http://proba.forum-top.ru

0

Deff

Простотак написал(а):

А что это даст? Форум пока пустой пока оформление делаю. http://proba.forum-top.ru

Cинее убрать из стиля, красное добавить!

.punbb table div.icon {
float: left;
display: block;
width: 40px;
height: 40px;
border-style: none;
background: url(http://proba.forum-top.ru/files/0014/a9/3c/97180.png) no-repeat; нет НС
position: relative;
}
tr.inew div.icon {
background: url(http://proba.forum-top.ru/files/0014/a9/3c/97180.png) no-repeat; есть НС
}
/*tr.isticky div.icon {
background: url(Картинка "Важная тема") no-repeat;
}
tr.iclosed div.icon {
background: url(Картинка "Закрытая тема") no-repeat;
}
tr.iredirect div.icon {
background: url(Картинка "Перемещенная тема") no-repeat;
}*/
#pun-main table div.tclcon {
margin-top:10px;
padding-left: 40px;
}

Пустые ссылки не допустимы(закомментил)

Отредактировано Deff (25.10.2014 16:39:40)

+1

Простотак

Deff спасибо большое! Помогли

0

Простотак

Поспешила радоваться) Теперь у меня другая проблема, высоту регулировать научилась, а ширина не меняется. Иконка сбоку заезжает на текст впритык. Меняла значение в строчке padding-left: 40px;. Ставила от 5 до 100, но отступ от иконки до текста все равно не увеличивается.

А еще с высотой такая проблемка. Если ставлю значение margin-top:10px; побольше, тогда иконка нормально помещается и не съезжает вниз, но отступ сверху получается неестественно огромный, название темы или раздела будто оседает вниз огромной ячейки.

Отредактировано Простотак (25.10.2014 17:50:05)

0

Deff

Простотак
1. Почему то уверен, что реальные эксперименты на ином форуме, данный код был дан для конкретной малой иконки, хотя может и ошибаюсь, при больших размерах иконок нун смотреть и соседние элементы, лучше давать ссылки на реальный фор
2. При любом раскладе делайте скриншоты и указывайте стрелками проблему, пояснения в топике и ссылку на данную страницу с проблемой

0

Простотак

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

Вот сделала новый раздел, в нем снова иконка не въезжает, а в старом разделе помещается, сделала значение 40 в margin-top, все равно вылезает. А сбоку иконка залезает на текст, хотя значение в padding-left меняла хоть до 100, все равно не выходит. Может есть какой-то принципиально другой код?

Отредактировано Простотак (25.10.2014 18:48:49)

0

Deff

Простотак
У меня ощущение, что стиль изменили
1. Уберите
строку красным:

/* C2.16 */
.punbb table div.icon {
font-size: 1.05em;
position: absolute;
margin-left: -2.2em;
}

+1

Простотак

Deff получилось, спасибо! Может еще что спрошу попозже, сейчас еще наковыряю)))

0

Простотак

Еще одна проблема. Загрузила иконки закрытой и важной темы, но они все равно отображаются как обычные прочитанные, все одной иконкой(

вот

0

Ichimaru Gin

Простотак
важно:

Код:

tr.isticky div.icon {
  background: url("http://savepic.su/4347643.png") no-repeat scroll left 45% transparent;
  display: block;
  float: right;
  height: 23px;
  width: 23px;
}

закрытая:

Код:

tr.iclosed div.icon {
  background: url("http://savepic.su/4347643.png") no-repeat scroll left 45% transparent;
  display: block;
  float: right;
  height: 23px;
  opacity: 0.5;
  width: 23px;
}

(свойства свои пишите, конечно)

а вот с новой у меня не выходит, только на главной отображаются

0

Простотак

Ichimaru Gin
ну у меня вот так, что тут не правильно?

Код:

.punbb table div.icon {
   float: left; 
   display: block; 
   width: 40px;
   height: 40px; 
   border-style: none; 
   background: url(http://proba.forum-top.ru/files/0014/a9/3c/35174.png) no-repeat; нет НС
   position: relative;
}
tr.inew div.icon {
   background: url(http://proba.forum-top.ru/files/0014/a9/3c/11570.png) no-repeat;  есть НС
}
/*tr.isticky div.icon {
   background: url(http://proba.forum-top.ru/files/0014/a9/3c/43233.png) no-repeat; Важная тема
}
tr.iclosed div.icon {
background: url(http://proba.forum-top.ru/files/0014/a9/3c/97544.jpg) no-repeat; Закрытая
}
tr.iredirect div.icon {
background: url(Картинка "Перемещенная тема") no-repeat; 

}*/
#pun-main table div.tclcon {
margin-top: 5px; высота
padding-left: 40px;
}

0

Ichimaru Gin

Простотак
ох)
скобки убрать надо было в коде, что Дефф дал) и комментарии заключайте в такое: /*тут комментарий */

Код:

.punbb table div.icon {
   float: left; 
   display: block; 
   width: 40px;
   height: 40px; 
   border-style: none; 
   background: url(http://proba.forum-top.ru/files/0014/a9/3c/35174.png) no-repeat; /*нет НС*/
   position: relative;
}
tr.inew div.icon {
   background: url(http://proba.forum-top.ru/files/0014/a9/3c/11570.png) no-repeat;  /*есть НС*/
}
tr.isticky div.icon {
   background: url(http://proba.forum-top.ru/files/0014/a9/3c/43233.png) no-repeat; /*Важная тема*/
}
tr.iclosed div.icon {
background: url(http://proba.forum-top.ru/files/0014/a9/3c/97544.jpg) no-repeat; /*Закрытая*/
}
tr.iredirect div.icon {
background: url("...") no-repeat; 

}
#pun-main table div.tclcon {
margin-top: 5px; высота
padding-left: 40px;
}

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

Отредактировано Ichimaru Gin (25.10.2014 23:34:09)

+1

Простотак

Ichimaru Gin
Ооо, спасибо, все заработало)))

0

Ichimaru Gin

Простотак
незачто)
а иконка новой темы у вас отображается на странице списка тем?

0

Deff

Ichimaru Gin написал(а):

а вот с новой у меня не выходит, только на главной отображаются

Новые сообщения под Автором не видны - ток с другого ника или по ссылке Новые сообщения
Пример: http://support.rusff.me/search.php?action=show_new

Отредактировано Deff (26.10.2014 00:11:31)

+1

Ichimaru Gin

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

ток с другого ника

охренеть... а я полдня селекторы перебираю
спасибо!

0

Техническая поддержка сервиса Quadro.Boards

Меню навигации

Пользовательские ссылки

Объявление

Новости сервиса

О форуме

Полезные ссылки

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

Проблема с иконками тем, помогите настроить.

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

Поделиться125.10.2014 16:09:56

Поделиться225.10.2014 16:13:43

Поделиться325.10.2014 16:16:50

Поделиться425.10.2014 16:30:23

Поделиться525.10.2014 16:48:11

Поделиться625.10.2014 17:49:41

Поделиться725.10.2014 18:23:33

Поделиться825.10.2014 18:42:20

Поделиться925.10.2014 19:03:59

Поделиться1025.10.2014 19:13:13

Поделиться1125.10.2014 22:37:26

Поделиться1225.10.2014 23:13:38

Поделиться1325.10.2014 23:27:07

Поделиться1425.10.2014 23:31:57

Поделиться1525.10.2014 23:35:40

Поделиться1625.10.2014 23:39:03

Поделиться1726.10.2014 00:11:06

Поделиться1826.10.2014 00:20:59

Похожие темы