Доброго дня. Нужен скрипт который изменит надпись активен\не активен на картинки, но с одной особенностью: картинки эти должны располагаться в уголке аватара, например:
Вот. Чтобы в углу аватарки появлялась такая точечка. Возможно-ли это?
ps. точку естественно впихну сам.
Картинки online\ofline.
Сообщений 1 страница 4 из 4
Поделиться12012-07-15 10:24:29
Поделиться22012-07-15 12:55:55
misari123
В HTML низ, красным регулировки смещения
<style type="text/css">
.post .pa-online {
display:none;
}
.post li.pa-avatar .rick{
position:absolute;
margin-top:2px;
}
</style>
<script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript"></script>
<script type="text/javascript">
$(".post .pa-online").each( function() {
var a=$(this).parent().find('li.pa-avatar img');
var fonarik = '<img class="rick" style="margin-left:'+(a.width()-40)+'px;"'
fonarik+='src="http://s1.uploads.ru/i/T6RzL.png"/>'
a.before(fonarik)
});
</script>
Отредактировано Deff (2012-07-15 12:56:52)
Поделиться32012-07-15 18:25:51
Deff, извиняюсь, а офлайн куртинку куда пихать? Это из-за того, что я не дал вторую картинку? Извиняюсь еще раз .
Отредактировано misari123 (2012-07-15 18:26:06)
Поделиться42012-07-30 15:21:37
misari123
<style type="text/css">
.post .pa-online {
display:none;
}
.post li.pa-avatar .rick{
position:absolute;
margin-top:2px;
}
</style>
<script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript"></script>
<script type="text/javascript">
$(".post .pa-online").each( function() {
var a=$(this).parent().find('li.pa-avatar img');
var fonarik = '<img class="rick" style="margin-left:'+(a.width()-40)+'px;"'
fonarik+='src="http://s1.uploads.ru/i/T6RzL.png"/>'
a.before(fonarik)
});
</script>
Зелёным
Можно вставить только Онлайн