Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » замена иконок форумов и тем
Здравствуйте , помогите пожалуйста с заменой иконок форумов и тем.
замена стандарта иконок форумов на:
замена стандарта иконок тем на:
новое сообщение в теме подсвечивается
Мой форум http://giftswot-forum.ru/
могу ли я это делать сам , как с генератором смайликов...?
Отредактировано Gifts (Пт, 3 Ноя 2017 19:49:00)
не нашел на форуме ответов , помогите пж..
Gifts
Во-первых, сделайте картинки в формате png, нужно будет 4 штуки: под старые, новые, важные, закрытые темы.
Во-вторых, картинки у вас должны быть такого же размера, что и стандартные.
Ну и потом в низ второго окна стиля
/*-- Иконки сообщений и тем --*/
div.icon {
background-image : url(ссылка на картинку для старых);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : urlссылка на картинку для новых);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(ссылка на картинку для важных);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(ссылка на картинку для закрытых);
background-repeat: no-repeat;
}
Mirra Bell
а иконки форумов?
и какие размеры, есть стандарты?
эти и так в png 
Отредактировано Gifts (Пт, 3 Ноя 2017 21:33:31)
эти и так в png
Я имела ввиду, что у них не должно быть фона. Под танком фон есть, вы сами это видите.
и какие размеры, есть стандарты?
Стандартов нет, каждый делает так, как ему нравится. Вам я сказала про те, что уже стоят у вас в стандартном стиле, вы же его взяли за основу. Там они маленькие - 36х36. Если вы сделаете их больше, надо будет еще указывать их размер и положение в первом окне стиля как здесь (только со своими значениями)
/* C2.15 */
/*Размер и положение иконок сообщений*/
.punbb div.icon {
float: left;
display:block;
width: 70px;
height: 70px;
padding-top: 1px;
margin-top: -5px;
margin-left: -10px;
background-repeat: no-repeat;
}
Отредактировано Mirra Bell (Пт, 3 Ноя 2017 21:57:43)
Mirra Bell
что-то мне подсказывает ,что я накасячу.. 
Gifts
Вот чтобы было меньше шансов накосячить, сделайте иконки размером 36х36, тогда они просто впишутся на место старых.
Mirra Bell
сделал как вы сказали, все слетает и становится вот так 
че делать???
Mirra Bell
скриптов нет ни каких, чтоб по проще было...?
/*-- Иконки сообщений и тем --*/
div.icon {
background-image : url(ссылка на картинку для старых);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : urlссылка на картинку для новых);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(ссылка на картинку для важных);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(ссылка на картинку для закрытых);
background-repeat: no-repeat;
}
Здесь ошибка:
background-image : url(ссылка на картинку для новых);
Нема скобки - показал красным.. И в данном случае стиль используется без свой стиль, а значит в НТМЛ верх:
<style>
div.icon {
background-image : url(ссылка на картинку для старых);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(ссылка на картинку для новых);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(ссылка на картинку для важных);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(ссылка на картинку для закрытых);
background-repeat: no-repeat;
}
</style>Gifts, так как у вас стиль, не через Настройки Свой стиль, то всё о чем говорит Mirra Bell, надо ставить в НТМЛ верх оборачивая ее коды в <style>Здесь код</style>
Отредактировано kolobdur74 (Пт, 3 Ноя 2017 23:32:22)
kolobdur74
ни че не происходит...
я одну для старых попробывал ни где не появилась 
ни че не происходит...
я одну для старых попробывал ни где не появилась
Выложите код, который вставляете..
<style>
div.icon {
background-image : url(https://forumstatic.ru/files/0018/62/7e/71352.png);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(ссылка на картинку для новых);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(ссылка на картинку для важных);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(ссылка на картинку для закрытых);
background-repeat: no-repeat;
}
</style>Отредактировано Gifts (Сб, 4 Ноя 2017 00:11:36)
kolobdur74
выложил
Попробуйте такой код:
<style>
.punbb tr div.icon {
background-image : url(https://forumstatic.ru/files/0018/62/7e/71352.png);
background-repeat: no-repeat;
}
.punbb tr.inew div.icon {
background-image : url(ссылка на картинку для новых);
background-repeat: no-repeat;
}
.punbb tr.isticky div.icon {
background-image : url(ссылка на картинку для важных);
background-repeat: no-repeat;
}
.punbb tr.iclosed div.icon {
background-image : url(ссылка на картинку для закрытых);
background-repeat: no-repeat;
}
</style>Соответственно везде указать ссылки на картинки.
kolobdur74
я вот эти хочу для начала заменить...
Gifts
Для старых иконок:
<style>
.punbb tr div.icon {
background: transparent url(https://forumstatic.ru/files/0018/62/7e/71352.png) no-repeat 0 0;
}
</style>
И на будущее, не оставляйте такое: background-image : url(ссылка на картинку для новых); - либо ставите ссылку, либо убираете весь данный код, в данном случае:
TR.inew Div.icon {
background-image : url(ссылка на картинку для новых);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(ссылка на картинку для важных);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(ссылка на картинку для закрытых);
background-repeat: no-repeat;
}
kolobdur74
новые не отображаются(( 
Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » замена иконок форумов и тем