Форум поддержки пользователей ZeroParking

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

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


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Как заменить иконку рядом с названием форума?


Как заменить иконку рядом с названием форума?

Сообщений 31 страница 60 из 65

31

Glam Ledy
параметры отрегулированы одинаково

0

32

проблема с иконками около форума исправлена, но около тем все так же -
[реклама вместо картинки]
помогите онегай плиз о_0

0

33

А можно как-то исправить положение иконок через "Свой стиль"?
Пыталась сделать их именно таким образом, вот что получилось:
http://s45.radikal.ru/i109/1006/eb/f3a5cd084195.jpg
http://s11.radikal.ru/i183/1006/57/36cea40b767d.jpg
Вот коды:

Код:
/* C2.15 */
.punbb div.icon {
float: left;
    display: block;
    width: 96px;
    height: 96px;
    padding-top: 1px;
    margin-top: 1px;}
Код:
/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {background: url(http://i054.radikal.ru/1006/40/4f7cd367fb67.jpg) no-repeat;}

tr.inew div.icon {background: url(http://s004.radikal.ru/i207/1006/99/17a468454e6b.jpg) no-repeat;}

tr.iclosed div.icon {background: url(http://s04.radikal.ru/i177/1006/15/177b883f3d8b.jpg) no-repeat;}

tr.iredirect div.icon {background: url(http://s59.radikal.ru/i164/1006/4a/f8774c5a3d4a.jpg) no-repeat;}

tr.isticky div.icon {background: url(http://s56.radikal.ru/i153/1006/74/0550fab5465c.jpg) no-repeat;}

#pun-main div.catleft, #pun-main div.catright {display: none}

Подскажите пожалуйста, в чём здесь ошибка и как её исправить?
Заранее спасибо =)

Отредактировано RaiKivoko (2010-06-08 02:41:35)

0

34

RaiKivoko
вроде бы это здесь =)

/* C2.14 */
.punbb td div.tclcon {
  margin-left: 75px;
}

0

35

Kanabis877
названия форумов и тем больше не закрыто, но иконки всё равно наползают на всё то, что снизу и выползают за края форума:
http://s43.radikal.ru/i099/1006/b4/1874feab75dc.jpg

0

36

RaiKivoko, а не проще ли поставить через код html, чтобы не мучаться с отступами?)

0

37

Ви
Просто хотела по минимуму пихать в html, так как потом бывает довольно сложно вспомнить и разобраться, что там что делает)))

0

38

Только всё равно иконки сползают, даже через html прописанные  :dontknow:

0

39

RaiKivoko
а отступы у вас какие?)

0

40

Kanabis877
йа нуб. где их прописывать? х)

0

41

RaiKivoko

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

/* C2.15 */ .punbb div.icon { float: left; display: block; width: 96px; height: 96px; padding-top: 1px; margin-top: 1px;}

от, взято из вашего же кода, они у вас такие же стоят сейчас? =)

0

42

Kanabis877
да, такие же :3

0

43

И тишина... оО"

0

44

Эм...
Может быть, я и наглею... Но я просто напоминаю о своём существовании и просьбе о помощи Т_Т

0

45

Спасибо! https://forumupload.ru/uploads/0002/25/06/8547-4.gif

0

46

RaiKivoko, у меня есть такая информация
залезаем в style.css и ищем "C2 Table layout" - это управление параметрами форумных таблиц
В этом пункте находим: "C2.14" и "C2.15"
Удаляем все что у вас числится в этих пунктах и заменяем на:

    /* C2.14 */
    .punbb td div.tclcon {
        margin-left: 31px;
    }

    /* C2.15 */
    .punbb div.icon {
      float: left;
      display: block;
      width: 50px;
      height: 47px;
    margin-right: 7px;}
"margin-left" в C2.14 - это "отступ слева": расстояние между границами таблиц форума и иконками, чем больше пикселей выставите, тем больше будет отступ.
"width" и "height" в C2.15 - это ширина и высота ваших иконок соответственно. Оно указывается для всех иконок, поэтому если вы выставляете иконки с различными габаритами, берите максимальную величину.
"margin-right" в C2.15 - это "отступ справа": расстояние между иконкой и названиями тем и форумов.
Редактируйте циферки - и все у вас получится.
Для наглядности изучайте схемку:
http://i023.radikal.ru/0903/67/82936f2cc08e.gif

Отредактировано Ви (2010-06-11 00:25:10)

+1

47

Ви
Спасибо большое ^__^

0

48

Только работает всё почему-то наоборот оО"

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

"margin-left" в C2.14 - это "отступ слева": расстояние между границами таблиц форума и иконками, чем больше пикселей выставите, тем больше будет отступ.

у меня работает как

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

"margin-right" в C2.15 - это "отступ справа": расстояние между иконкой и названиями тем и форумов.

а margin-right вообще работать не хочет оО"

0

49

Методом научного тыка поменяла код на вот это вот:

Код:
/* C2.14 */
.punbb td div.tclcon {
        margin-left: 90px;
margin-right: 1000px;
    }

/* C2.15 */
.punbb div.icon {
      float: left;
      display: block;
      width: 96px;
      height: 96px;
    }

И вот что получилось:
http://i056.radikal.ru/1006/2f/981588a5cc86.jpg

0

50

Попробовала вернуть всё как было и сделать заново через html-верх - теперь вообще ничего не отображается  https://forumupload.ru/uploads/0002/25/06/8547-5.gif

Код:
<style type="text/css"> Div.icon {
background-image : url("http://s59.radikal.ru/i166/1006/b9/86a6a6c7815a.jpg");
background-repeat: no-repeat;
}
</style>

<style type="text/css">TR.inew Div.icon {background-image : url("http://s47.radikal.ru/i117/1006/53/111fe4c872ce.jpg");
background-repeat: no-repeat;
}
</style>

<style type="text/css">TR.isticky Div.icon {
background-image : url("http://s49.radikal.ru/i125/1006/bd/a2ab4af67c9a.jpg");
background-repeat: no-repeat;
}

</style>

<style type="text/css"> TR.iclosed Div.icon {
background-image : url("http://s42.radikal.ru/i095/1006/1e/6c83150860a6.jpg");
background-repeat: no-repeat;
}
</style>

<style type="text/css"> TR.iredirect Div.icon {
background-image : url("http://s54.radikal.ru/i143/1006/a2/1939cd572240.jpg");
background-repeat: no-repeat;
}
</style>

0

51

RaiKivoko
Попробуй чтобы незалезал текст

Код:
<style type="text/css">
.punbb td div.tclcon {
  margin-left: 72px;
}
</style>

0

52

Здравствуйте! Помогите пожалуйста с таким вопросом: часть иконки при установке пропадает.

http://s47.radikal.ru/i116/1006/a2/ff3025054e9e.jpg

Код:
/* C2.14 */
.punbb td div.tclcon {
    margin-left:120px;
    }

/* C2.15 */
.punbb div.icon {
  border-style: solid;
  border-width: 0.6em 0.6em 0.6em 0.6em;
  height: 0;
  line-height: 0.0;
  margin-top: 0.1em;
  width: 0;
  }

/* C2.15 */
.punbb table div.icon {
width: 120px;
height: 70;
    float: left;
    display: block;
    padding-top: 1px;
    margin-top: 1px;
    position: absolute;
    margin-left: 0.3em;
    background-image: url(http://i11.servimg.com/u/f11/14/71/42/08/dddndd11.png); 
    background-repeat: no-repeat; 
    margin-right: 5px; 
    margin-left: 3px
}


TR.inew Div.icon {
background-image: url(http://i11.servimg.com/u/f11/14/71/42/08/dddndd12.png) no-repeat;}

0

53

RaiKivoko
Вы забываете, что каркас форума состоит из каскада таблиц. Иконки "старые-новые темы" тоже находятся в своих ячейках таблиц. Если в ячейку поместить иконку больших размеров чем предусмотрено то она просто растянет собой занимаемую ячейку и деформирует соседнюю. У тебя иконки имеют размеры аватарок. А эти иконки расчитаны на размеры 25х25 или 35х35 в зависимости от используемого стиля. Попробуй поставить в HTML-верх этот код. Только впиши размеры своих иконок.

Код:
<style>
.punbb table Div.icon {float: left; display: block; width: 30px; height: 35px;
border-style: none;
background-image: url(картинка нет новых сообщений);
background-repeat: no-repeat;
position: relative; margin-right: 10px;}
TR.inew Div.icon {
background: url(картинка новое сообщение) no-repeat;}
TR.iclosed Div.icon {
background: url(Картинка закрытая тема) no-repeat;}
TR.isticky Div.icon {
background: url(картинка важная тема) no-repeat;}
</style>

Отредактировано Anatolij.U (2010-06-14 14:47:30)

+1

54

:mybb:

Отредактировано Slawa_60_rus (2010-06-14 14:48:12)

0

55

Poison Ivy

Код:
 line-height: 0.0;
  margin-top: 0.1em;
  width: 0;
  }

/* C2.15 */
.punbb table div.icon {
width: 150px;
height: 70;
    float: left;
    display: block;
    padding-top: 1px;
    margin-top: 1px;
    position: absolute;
    margin-left: 0.3em;
    background-image: url(http://i11.servimg.com/u/f11/14/71/42/08/dddndd11.png); 
    background-repeat: no-repeat; 
    margin-right: 5px; 
    margin-left: 3px
}


TR.inew Div.icon {
background-image: url(http://i11.servimg.com/u/f11/14/71/42/08/dddndd12.png) no-repeat;}

Всё исправилd
если вам нужно больше то меняйте размеры Height- высота,    width- ширина,

Отредактировано Slawa_60_rus (2010-06-14 14:48:45)

0

56

Slawa_60_rus
Спасибо, но эффекта не вижу. Вы можете просто мне сказать, какой параметр влияет на такое отображение бэкграунда, и я сама покручу. Вроде всё перепроверила, найти не могу.
width  не работает - я его первым проверяла...

0

57

Anatolij.U
спасибо большое, всё получилось!  https://forumupload.ru/uploads/0002/25/06/8547-4.gif

0

58

Poison Ivy

В первом окне стиля находите вот эти позиции

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }

/* C2.14 */
.punbb tbody.hasicon td.tcl {
  padding-left: 3.2em
  }

/* C2.15 */
.punbb div.icon {
  border-style: solid;
  border-width: 0.6em 0.6em 0.6em 0.6em;
  height: 0;
  line-height: 0.0;
  margin-top: 0.1em;
  width: 0;
  }

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

и меняете на эти

/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0
  }

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
        margin-left: 50px;
}

/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
    width: 65px;
    height: 65px;}

0

59

https://forumupload.ru/uploads/0002/25/06/8547-2.gif ффоорруумм вваащщее ккллаасссснныыйй))))))))))) https://forumupload.ru/uploads/0002/25/06/8547-2.gif

0

60

https://forumupload.ru/uploads/0002/25/06/8547-2.gif

0


Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Как заменить иконку рядом с названием форума?


Рейтинг форумов | Создать форум бесплатно