Glam Ledy
параметры отрегулированы одинаково
Как заменить иконку рядом с названием форума?
Сообщений 31 страница 60 из 65
Поделиться312009-12-24 21:01:45
Поделиться322009-12-26 09:00:00
проблема с иконками около форума исправлена, но около тем все так же -
[реклама вместо картинки]
помогите онегай плиз о_0
Поделиться332010-06-08 01:55:00
А можно как-то исправить положение иконок через "Свой стиль"?
Пыталась сделать их именно таким образом, вот что получилось:
Вот коды:
/* 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)
Поделиться342010-06-08 07:53:24
RaiKivoko
вроде бы это здесь =)
/* C2.14 */
.punbb td div.tclcon {
margin-left: 75px;
}
Поделиться352010-06-08 14:26:35
Kanabis877
названия форумов и тем больше не закрыто, но иконки всё равно наползают на всё то, что снизу и выползают за края форума:
Поделиться362010-06-08 14:59:37
RaiKivoko, а не проще ли поставить через код html, чтобы не мучаться с отступами?)
Поделиться372010-06-08 15:50:31
Ви
Просто хотела по минимуму пихать в html, так как потом бывает довольно сложно вспомнить и разобраться, что там что делает)))
Поделиться382010-06-08 17:36:45
Только всё равно иконки сползают, даже через html прописанные
Поделиться392010-06-08 17:46:53
RaiKivoko
а отступы у вас какие?)
Поделиться402010-06-08 17:49:33
Kanabis877
йа нуб. где их прописывать? х)
Поделиться412010-06-08 17:51:43
RaiKivoko
/* C2.15 */ .punbb div.icon { float: left; display: block; width: 96px; height: 96px; padding-top: 1px; margin-top: 1px;}
от, взято из вашего же кода, они у вас такие же стоят сейчас? =)
Поделиться422010-06-08 18:09:50
Kanabis877
да, такие же :3
Поделиться432010-06-08 20:20:14
И тишина... оО"
Поделиться442010-06-09 23:58:50
Эм...
Может быть, я и наглею... Но я просто напоминаю о своём существовании и просьбе о помощи Т_Т
Поделиться452010-06-10 00:10:45
Спасибо!
Поделиться462010-06-11 00:24:48
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)
Поделиться472010-06-12 00:30:55
Ви
Спасибо большое ^__^
Поделиться482010-06-12 00:44:06
Только работает всё почему-то наоборот оО"
"margin-left" в C2.14 - это "отступ слева": расстояние между границами таблиц форума и иконками, чем больше пикселей выставите, тем больше будет отступ.
у меня работает как
"margin-right" в C2.15 - это "отступ справа": расстояние между иконкой и названиями тем и форумов.
а margin-right вообще работать не хочет оО"
Поделиться492010-06-12 00:53:02
Методом научного тыка поменяла код на вот это вот:
/* 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; }
И вот что получилось:
Поделиться502010-06-13 21:37:06
Попробовала вернуть всё как было и сделать заново через html-верх - теперь вообще ничего не отображается
<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>
Поделиться512010-06-14 12:31:49
RaiKivoko
Попробуй чтобы незалезал текст
<style type="text/css"> .punbb td div.tclcon { margin-left: 72px; } </style>
Поделиться522010-06-14 14:23:52
Здравствуйте! Помогите пожалуйста с таким вопросом: часть иконки при установке пропадает.
/* 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;}
Поделиться532010-06-14 14:45:19
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)
Поделиться542010-06-14 14:46:13
Отредактировано Slawa_60_rus (2010-06-14 14:48:12)
Поделиться552010-06-14 14:47:15
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)
Поделиться562010-06-14 15:31:21
Slawa_60_rus
Спасибо, но эффекта не вижу. Вы можете просто мне сказать, какой параметр влияет на такое отображение бэкграунда, и я сама покручу. Вроде всё перепроверила, найти не могу.
width не работает - я его первым проверяла...
Поделиться572010-06-15 00:52:09
Anatolij.U
спасибо большое, всё получилось!
Поделиться582010-06-15 01:01:52
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;}
Поделиться592010-06-16 21:49:50
ффоорруумм вваащщее ккллаасссснныыйй)))))))))))
Похожие темы
Иконки заменяем на свои картинки! | Архив тем | 2011-05-19 |
Навигатор по скриптам | Галерея скриптов | 2010-10-29 |