Единый форум поддержки

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » замена иконок форумов и тем


замена иконок форумов и тем

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

1

Здравствуйте , помогите пожалуйста с заменой иконок форумов и тем.

замена стандарта иконок форумов на:
http://s9.uploads.ru/U7eQs.png

замена стандарта иконок тем на:
новое сообщение в теме подсвечивается
http://s2.uploads.ru/7Lzao.png

Мой форум http://giftswot-forum.ru/

могу ли я это делать сам , как с генератором смайликов...?

Отредактировано Gifts (Пт, 3 Ноя 2017 19:49:00)

0

2

не нашел на форуме ответов , помогите пж..

0

3

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

+2

4

Mirra Bell
а иконки форумов?
и какие размеры, есть стандарты?

эти и так в png :blush:

Отредактировано Gifts (Пт, 3 Ноя 2017 21:33:31)

0

5

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

эти и так в png

Я имела ввиду, что у них не должно быть фона. Под танком фон есть, вы сами это видите.

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

и какие размеры, есть стандарты?

Стандартов нет, каждый делает так, как ему нравится. Вам я сказала про те, что уже стоят у вас в стандартном стиле, вы же его взяли за основу. Там они маленькие - 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)

+1

6

Mirra Bell
что-то мне подсказывает ,что я накасячу.. :stupor:

0

7

Gifts
Вот чтобы было меньше шансов накосячить, сделайте иконки размером 36х36, тогда они просто впишутся на место старых.

0

8

Mirra Bell
сделал как вы сказали, все слетает и становится вот так :tired:
http://se.uploads.ru/JoxtC.png

0

9

:dontknow: че делать???

0

10

Mirra Bell
скриптов нет ни каких, чтоб по проще было...? :blush:

0

11

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>

0

12

Gifts, так как у вас стиль, не через Настройки Свой стиль, то всё о чем говорит Mirra Bell, надо ставить в НТМЛ верх оборачивая ее коды в <style>Здесь код</style>

Отредактировано kolobdur74 (Пт, 3 Ноя 2017 23:32:22)

0

13

kolobdur74
ни че не происходит...
я одну для старых попробывал ни где не появилась %-)

0

14

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

ни че не происходит...
я одну для старых попробывал ни где не появилась

Выложите код, который вставляете..

0

15

Код:
<style>
div.icon {
background-image : url(http://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)

0

16

kolobdur74
выложил

0

17

Попробуйте такой код:

Код:
<style>
.punbb tr div.icon {
background-image : url(http://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>

Соответственно везде указать ссылки на картинки.

+1

18

kolobdur74
я вот  эти хочу для начала заменить...
http://sh.uploads.ru/t/VHQKr.png

0

19

Gifts
Для старых иконок:

Код:
<style>
.punbb tr div.icon {
    background: transparent url(http://forumstatic.ru/files/0018/62/7e/71352.png) no-repeat 0 0;
}
</style>

И на будущее, не оставляйте такое: background-image : url(ссылка на картинку для новых); - либо ставите ссылку, либо убираете весь данный код, в данном случае:

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

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

0

20

kolobdur74
новые не отображаются((
http://se.uploads.ru/s1RFw.png

0


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » замена иконок форумов и тем