Помогите! Где-то я это у вас видела, но найти не могу. Каким скриптом можно заменить иконки тем "Важно", "Закрыта", "Новые сообщения" и т.д. и зарание, куда вставлять? А вдруг не туда вставлю.
Иконки темам
Страница: 1
Сообщений 1 страница 14 из 14
Поделиться1Сб, 26 Сен 2009 21:49:19
- Заслуженный
- Зарегистрирован: Пт, 25 Сен 2009
- Сообщений: 33
- Уважение: 0
- Позитив: 0
- Пол: Женский
- Последний визит:
Пн, 10 Май 2010 13:29:08
Поделиться2Сб, 26 Сен 2009 22:32:53
- Cтарожил
- Зарегистрирован: Пн, 22 Сен 2008
- Сообщений: 5079
- Уважение: +1498
- Позитив: +854
- Пол: Мужской
- Последний визит:
Вс, 14 Апр 2024 09:05:01
Fudorinari
<style>
.punbb table Div.icon {float: left; display: block; width: 30px; height: 30px;
border-style: none;
background-image: url(картинка нет новых сообщений);
background-repeat: no-repeat;
position: relative; margin-right: 10px;}
TR.inew Div.icon {
background: url(картинка новое сообщение) no-repeat;}
TR.isticky Div.icon {
background: url(картинка важная тема) no-repeat;}
TR.iclosed Div.icon {
background: url(Картинка закрытая тема) no-repeat;}
</style>
Ширина
Высота
Ставьте размер ваших иконок
Поделиться3Сб, 26 Сен 2009 23:26:26
- Заслуженный
- Зарегистрирован: Пт, 25 Сен 2009
- Сообщений: 33
- Уважение: 0
- Позитив: 0
- Пол: Женский
- Последний визит:
Пн, 10 Май 2010 13:29:08
Спасибо! Работает...
Поделиться4Вт, 29 Сен 2009 11:47:37
- Заслуженный
- Зарегистрирован: Чт, 3 Май 2007
- Сообщений: 212
- Уважение: +22
- Позитив: +122
- Последний визит:
Пт, 24 Июн 2011 16:58:28
А если в стиль? Куда их прописать и как?
В CSS?
Поделиться5Вт, 29 Сен 2009 12:17:28
- Заслуженный
- Зарегистрирован: Вт, 1 Июл 2008
- Сообщений: 729
- Уважение: +244
- Позитив: +330
- Пол: Женский
- Последний визит:
Пт, 5 Дек 2014 09:54:35
Люка
пост 7 читайте
FAQ по дизайну форума в CSS
искать в своем стиле в нижнем окне в самом низу
Поделиться6Вт, 29 Сен 2009 16:42:12
- Cтарожил
- Зарегистрирован: Пн, 22 Сен 2008
- Сообщений: 5079
- Уважение: +1498
- Позитив: +854
- Пол: Мужской
- Последний визит:
Вс, 14 Апр 2024 09:05:01
Люка написал(а):
А если в стиль? Куда их прописать и как?
Администрирование - Свой стиль
/* CS4 Post status icons
-------------------------------------------------------------*/div.icon {
background: url(иконка не активная) no-repeat;
}tr.inew div.icon {
background: url(иконка активная) no-repeat;
}tr.iclosed div.icon {
background: url(иконка закрытая) no-repeat;
}tr.isticky div.icon {
background: url(иконка важная) no-repeat;
}
Далее нижеуказанные пункты прописываете таким образом
/* C2.14 */
.punbb td div.tclcon {
margin-left: 60px;
}
Расстояние текста от левого края
/* C2.15 */
.punbb div.icon {
float: left;
display: block;
width: 50px;
height: 50px;
padding-top: 1px;
margin-top: 1px;
}
Ширина иконки
Высота иконки
Пункт
/* C2.16 */
.punbb table div.icon {
font-size: 1.05em;
position: absolute;
margin-left: -2.2em;
}
Удалите совсем
Поделиться7Сб, 3 Окт 2009 14:36:09
- Заслуженный
- Зарегистрирован: Пн, 3 Авг 2009
- Сообщений: 41
- Уважение: 0
- Позитив: +4
- Пол: Женский
- Последний визит:
Сб, 4 Май 2013 17:31:35
Good, спасибо огромное!
Поделиться8Вс, 4 Окт 2009 17:17:02
У меня возникла проблема, я использовал скрипт:
Код:
<style type="text/css">
#pun-main .category Div.icon {
float: left;
display: block;
border-style: none none none none;
width: 96px; height: 150px; background-repeat : no-repeat;
background-position: top center;
}
tr#forum_f4 div.icon {
background-image: url('http://s59.radikal.ru/i165/6e/10479e187fee.gif');
}
tr#forum_f4 div.inew {
background-image: url(http://i064.radikal.ru/e7/9bd8a42dd3eb.gif);
}
</style>и сделал для каждой из тем индивидуальную иконку.
К 23 форумам скрипт применился безо всяких проблем, а вот дальше 23 - ни в какую никакими методами. (даже скрипт, описанный в этой теме к ним не применяется)
Форум: http://symerki.liverolka.ru/
Может быть вы знаете, в чём проблема?
Отредактировано Nekki (Вс, 4 Окт 2009 17:18:25)
Поделиться9Вс, 4 Окт 2009 17:40:57
- Cтарожил
- Зарегистрирован: Пн, 22 Сен 2008
- Сообщений: 5079
- Уважение: +1498
- Позитив: +854
- Пол: Мужской
- Последний визит:
Вс, 14 Апр 2024 09:05:01
Nekki написал(а):
У меня возникла проблема
Попробуйте так
<style>
#pun-main .category Div.icon {float: left; display: block; border-style: none
none none none; height: 150px; width: 96px; background-repeat : no-repeat;
background-position: top center; background-color : transparent; position:
relative; margin-right: 15px;}tr#forum_f4 div.icon {background-image: url(http://s59.radikal.ru/i165/6e/10479e187fee.gif);
}
tr#forum_f4 div.inew {background-image: url(http://i064.radikal.ru/e7/9bd8a42dd3eb.gif);
}
</style>
Выделенную часть не надо прописывать для каждого раздела, достаточно одного раза если размер иконок одинаков.
А вообще я не увидел у вас столько разделов.
И перезалейте картинки, ссылки не работают
Отредактировано Good (Вс, 4 Окт 2009 17:46:39)
Поделиться10Вс, 4 Окт 2009 17:43:33
Good
Просто часть разделов скрыта от гостей.
Хорошо, спасибо, сейчас попробую.
Поделиться11Вс, 4 Окт 2009 17:51:21
Good
Огромное спасибо, работает)
Поделиться12Вс, 4 Окт 2009 17:56:15
- Cтарожил
- Зарегистрирован: Пн, 22 Сен 2008
- Сообщений: 5079
- Уважение: +1498
- Позитив: +854
- Пол: Мужской
- Последний визит:
Вс, 14 Апр 2024 09:05:01
Nekki, рекомендую в код добавить
position:relative; margin-right: 10px;
Поделиться13Вс, 4 Окт 2009 17:56:37
Good
mersi
Поделиться14Пт, 9 Окт 2009 10:26:34
- Заслуженный
- Зарегистрирован: Чт, 3 Май 2007
- Сообщений: 212
- Уважение: +22
- Позитив: +122
- Последний визит:
Пт, 24 Июн 2011 16:58:28
Good, спасибо огромное. Я долго мучалась с этим добавлением иконок в свой стиль, попробую так настроить. Спасибо, и плюсик, конечно.
Страница: 1