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

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

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


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


Иконки форумов не отображаются неправильно

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

1

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

Я использовала вот этот скрипт для того чтобы заменить иконки новые/старые/важные/закрытые темы/сообщения:

+++

Код:
<style type="text/css">
.punbb div.icon {
float: left;
display: block;
border-style: none none none none;
height: 50px;
width: 50px;
}
.punbb td div.tclcon {
margin-left: 50px;
}
TR.iold Div.icon {
background-image : url(https://i.imgur.com/fvzbrgH.png);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(https://i.imgur.com/r4TtA5c.png);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(https://i.imgur.com/ZeT4u2r.png);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(https://i.imgur.com/Eb93I12.png);
background-repeat: no-repeat;
}
</style>

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

Ссылка на тест: тык

0

2

ACT3255
Не помогло

0

3

мятный чай

Код:
<style type="text/css">
.punbb div.icon {
float: left; 
display: block; 
border-style: none none none none; 
height: 100px; 
width: 100px;
}
.punbb td div.tclcon {
margin-left: 50px;
}
Div.icon {
background-image : url(https://forumstatic.ru/files/0014/74/cb/36963.png);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(https://forumstatic.ru/files/0014/74/cb/70919.png);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(https://forumstatic.ru/files/0014/74/cb/47992.png);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(https://forumstatic.ru/files/0014/74/cb/11426.png);
background-repeat: no-repeat;
}
#pun-messages.punbb div.icon {
  margin-top:-17px;
}
</style>

0

4

ACT3255
Без изменений

0

5

мятный чай написал(а):

ACT3255
Без изменений

https://i.imgur.com/y0NMgoum.png
старый кусок кода удалите. и поставьте вот это

Код:
<style type="text/css">
.punbb div.icon {
float: left; 
display: block; 
border-style: none none none none; 
height: 100px; 
width: 100px;
}
.punbb td div.tclcon {
margin-left: 50px;
}
Div.icon {
background-image : url(https://forumstatic.ru/files/0014/74/cb/36963.png);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(https://forumstatic.ru/files/0014/74/cb/70919.png);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(https://forumstatic.ru/files/0014/74/cb/47992.png);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(https://forumstatic.ru/files/0014/74/cb/11426.png);
background-repeat: no-repeat;
}
#pun-messages.punbb div.icon {
  margin-top:-17px;
}
</style>

+1

6

ACT3255
Благодарю вас, всё вышло. А не подскажете как их поместить справа от названий форумов, как они и были?

0

7

мятный чай

Код:
float: left; 


меняйте на

Код:
float: right;

0

8

ACT3255
Поменяла, не меняется

0

9

мятный чай
absolute где то мешает

гиф

0

10

мятный чай написал(а):

ACT3255
Не помогло

Вот эту строку уберите:

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

Для абсолютной позиции обтекание как-то пофег ( и это естественно, ибо позиция элемента не зависит от окружения от слова - совсем!)

+1

11

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

Вот эту строку уберите:

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

+1

12

ACT3255
В принципе можно добиться того-же, что и float:right просто сдвинув иконку через margin-left (не убирая absolute)

+2

13

Deff, ACT3255
Благодарю вас за помощь. Теперь всё как нужно.

+1


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