Задаем вопросы!
Общие вопросы от новичков>>
Сообщений 1 страница 10 из 17
Поделиться22012-10-16 22:46:09
помогите
как можно сделать так чтобы когда пользователь активен на форуме на аватарке его поевлялась надпись в сети как на этом форуме http://subaruland.ru/forum/threads/driv … 492/page-2
Поделиться32012-10-16 23:28:46
помогите
как можно сделать так чтобы когда пользователь активен на форуме на аватарке его поевлялась надпись в сети как на этом форуме http://subaruland.ru/forum/threads/driv … 492/page-2
Если правильно понял, вам подойдет этот код.
Ставим в HTML-низ.
<script type="text/javascript"> var L0='<img class="imgON_Off" src="';
var L1='" style="cursor:pointer;cursor:hand;width:40;margin-top:3px;" />'; //153 - размер картинки по горизонтали
var ImgON="http://uploads.ru/xqBiI.png"; // Картинка Online;
var ImgOff="http://s1.uploads.ru/4TfOH.png"; // Картинка OffLine;
$("#pun-viewtopic .post .post-author ul").each(function () {
$(this).html('<div class=UL>'+$(this).html()+'</div>');
if ($(this).find(".pa-online").html()!=null){$(this).append(L0+ImgON+L1)
}else $(this).append(L0+ImgOff+L1);
$(this).find(".pa-author,.pa-title,.pa-avatar").insertBefore($(this).find("div.UL"));});
</script>
Картинки можно заменить на свои, просто указав ссылку.
Зеленая ссылка — картинка выводящаяся когда пользователь онлайн.
Красная ссылка, соответственно, когда пользователь не в сети.
Выделенное синим можете тоже поизменять, если надо конечно.
Посмотреть пример можно тут
Удачи!
Отредактировано C3La-NS (2012-10-16 23:30:02)
Поделиться42012-10-16 23:35:15
нет вы не отом ; чтобы картинка появлялась когда человек в сети на самой аваторке как на скрин шоте
Поделиться52012-10-17 12:23:41
Вечером сделаю и дам код. Тока надо будет поставить аватар по умолчанию. Ну я потом тебе дам не обходимые скрипты.
Поделиться62012-10-18 01:24:17
skee, простите, не заметил.
Кажется нечто похожее я знаю, уточню и позже сюда скину код.
Поделиться72012-10-18 07:34:16
skee
<script>
$(document).ready(function(){GifArray=new Array("ссылка на иконку онлайн")
var imgURL;var i;var x;var y;
var ss0="<img class=\"dopimg\" src=\"",ss1="\" alt=\"Доп.Img\" style=\"/*display:block;*/margin:12px 35px -12px -35px;\"/>";
$("div.post-author ul li img[alt='Аватар']").each(function () {
if($(this).parents("ul:first").find(".pa-online").html()!=null){
$(this).wrap("<div class=avva></div>"); x = this.offsetWidth;
inb = $(this).parent().get(0).tagName;
i=GifArray[Math.round(Math.random()*(GifArray.length-1))];
$(this).after(ss0+i+ss1);};});});
</script><!--Конец//Смайлы в Аватар-->
35 -35 смещение иконки влево ( надвижка на Аватар) - значения равные но противоположные по знаку
Поделиться82012-10-19 21:44:28
Fover, почемуто не работает скрипт
Поделиться92012-10-19 22:10:32
skee, в начало html низ
<script>
$(document).ready(function(){GifArray=new Array("http://cdn1.iconfinder.com/data/icons/fs-icons-ubuntu-by-franksouza-dark/22/tray-online.png")
var imgURL;var i;var x;var y;
var ss0="<img class=\"dopimg\" src=\"",ss1="\" alt=\"Доп.Img\" style=\"/*display:block;*/margin:12px 35px -12px -35px;\"/>";
$("div.post-author ul li img[alt='Аватар']").each(function () {
if($(this).parents("ul:first").find(".pa-online").html()!=null){
$(this).wrap("<div class=avva></div>"); x = this.offsetWidth;
inb = $(this).parent().get(0).tagName;
i=GifArray[Math.round(Math.random()*(GifArray.length-1))];
$(this).after(ss0+i+ss1);};});});
</script><!--Конец//Смайлы в Аватар-->
<!-- Скрипт-->
Поделиться102012-10-20 06:37:08
как сделать такуюже стрелочку но чтобы и в низ еще
<!--Прокрутка на верх-->
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0000/0a/f2/82080.css" />
<script type="text/javascript" src="https://forumstatic.ru/files/0000/0a/f2/51996.js"></script>
<!--Конец-->


