понедельник, 14 мая 2007
19:53

Иконки

все записи пользователя в сообществе crimsongrass
«бедная, бедная...этот немытый виноград препроводил ее душу прямо на небо...»
Пробовала заменить иконки "удалить" и "редактировать" на собственные. Поискала по сообществу. Оно мне выдало такие коды:

li.editPostLink { width:15px; height:15px; }

li.delPostLink { width:11px; height:12px; margin-top: 3px; }

.header li img{visibility:hidden}

li.editPostLink{width:15px;height:15px;background:url('/userdir/4/4/4/3/444376/19398526.gif') no-repeat}

li.delPostLink{width:15px;height:15px;margin-top:0;background:url('/userdir/4/4/4/3/444376/19398498.gif') no-repeat}



Картинки-то появились. Но они не функционируют как ссылки. А у эпиграфа вообще такая фигня получилась - новая иконка оказалась под исходной:



помогите исправить!


@темы: основные блоки

URL
Комментарии
15.05.2007 в 13:24

Сабико
100% sabiko. Please, hug, hold, feed, care for.
не придумала ничего лучше:



удалить:

.postActionLinks li.delPostLink {width:16px; height:16px; margin-top:0;}

.delPostLink a { content: url('/userdir/1/1/6/8/11683/19730211.gif');}



редактировать:

.postActionLinks li.editPostLink {width:16px; height:16px;}

.editPostLink a { content: url('/userdir/1/1/6/8/11683/19730211.gif');}



16 и 16 это высота-ширина новой иконки.
URL
15.05.2007 в 13:39

Сабико
100% sabiko. Please, hug, hold, feed, care for.
ещё можно так.



удаление:

.postActionLinks li.delPostLink {width:16px; height:16px; margin-top:0;}

.delPostLink a {display: block; width:16px; height:16px; background: url('/userdir/1/1/6/8/11683/19730211.gif') no-repeat;}

.delPostLink a img {margin: 0 0 0 -20px}



редактирование:

.postActionLinks li.editPostLink {width:16px; height:16px;}

.editPostLink a {display: block; width:16px; height:16px; background: url('/userdir/1/1/6/8/11683/19730211.gif') no-repeat; }

.editPostLink a img {margin: 0 0 0 -20px}



я не берусь даже утверждать, который вариант хуже +__+ но этот, в отличии от первого, ещё хоть можно (да и нужно) как-то причесать ><
URL
15.05.2007 в 14:01

Сабико
100% sabiko. Please, hug, hold, feed, care for.
причесала немножко:





.postActionLinks img[alt] {display:none;}



.postActionLinks li.delPostLink {width:Xdelpx; height:Ydelpx; margin-top:Zpx;}

.delPostLink a {display: block; width:Xdelpx; height:Ydelpx; background: url('/userdir/1/1/6/8/11683/19734379.gif');}



.postActionLinks li.editPostLink {width:Xedpx; height:Yedpx;}

.editPostLink a {display: block; width:Xedpx; height:Yedpx; background: url('/userdir/1/1/6/8/11683/19730211.gif');}



Где

Xdel - ширина иконки удаления

Ydel - высота иконки удаления

Xed - ширина иконки редактирования

Yed - высота иконки редактирования

Z - |Ydel-Yed| (разница между высотами иконок)



Надеюсь, пригодится=)
URL
15.05.2007 в 21:08

crimsongrass
«бедная, бедная...этот немытый виноград препроводил ее душу прямо на небо...»
пасибо, попробую)))
URL