تغییر خودکار پس زمینه چت روم

تغییر خودکار پس زمینه چت روم

مرجع اسکریپت و کد نویسی گلـریز وبـــ
ثبت نام در سایت
ورود به سایت

رزرو تبلیغــات

تعرفه تبلیغات
logo
تعرفه تبلیغات تعرفه تبلیغات

شمـا میتوانیــد برای دریافت آخرین مطالب و آگاهی از آخریـن اخبــار گلریـز وبـــ در ایمیـــل خـود در خبــرنامـه ثـبت نـام کنــید

تغییر خودکار پس زمینه چت روم

تغییر خودکار پس زمینه چت روم

-با کلیک کردن روی لینک تصویر پس زمینه عوض بشه

 خوب از اسمش معلومه دیگه..یک کد براتون میزارم که باید توی فایل chat.tpl.html قرار بدید و با کلیک روی هر تصویر تصویر پس زمینه تغییر میکنه.

?
1
<img src="img/ch-bg.png" class="bgimg" width="64px" height="64px" style="cursor:pointer;" onclick="bgimg('img/bg1.jpg')">

این کد رو باید بعد از خط زیر قرار بدید:

?
1
<div id="rahmen_um_alles"></div>

این کد رو هم باید توی head قرار بدید:

?
1
2
3
4
5
6
<script language="javascript" type="text/javascript">
    function bgimg(pic_address)
    {
            document.getElementById('body_id').style.backgroundImage = "url('"+pic_address+"')";
    }
</script>

خوب عکس خودتون رو هر جا میخواین آپلود کنید و آدرس آن را به صورت زیر در متغیر onClick قرار بدید:

?
1
bgimg('Adrese Axe shoma')

این تصویر رو هم توی پوشه img خودتون قرار بدین:

ch-bg

اسمش هم بزارید ch-bg.png

 

2-تغییر خودکار پس زمینه چت روم:

 این هم تغریبا شبیه قبلی هستش ولی با این تفاوت که خود پس زمینه هر 30 ثانیه تغییر میکنه کد رو توی head قرار بدید:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script language="javascript" type="text/javascript">
    function bgimg(pic_address)
    {
            document.getElementById('body_id').style.backgroundImage = "url('"+pic_address+"')";
    }
    var bg_change_var=1;
    function bg_change()
    {
        bgimg('img/bg'+ bg_change_var +'.jpg');
    }
    function bg_change_var_changer()
    {
        if(bg_change_var< 2)
            bg_change_var++;
        else
            bg_change_var = 1;
        bg_change();
    }
    var Change_Bg_Interval = setInterval('bg_change_var_changer()',30000);
    function stopChangingBackground(){clearInterval(Change_Bg_Interval);}
  </script>

توی خط 14 به جای عدد 2 هر عددی بزارین به همون تعداد پس زمینه ها عوض میشه..زمان رو هم میتونید توی خط 20 عدد 30000 رو هر عددی خواستین بر حسب میلی ثانیه بزارین مثلا عدد 1000 نشان دهنده یک ثانیه هستش...برای تصاویر هم باید پسوند jpg باشه و این که اسمش به این صورت باشه: bg1.jpg,bg2.jpg,bg3.jpg تا هر عددی که توی خط 12 قرار دادین...

 

 3-کد مخفی کردن لیست آنلاین :O:

 این کد رو مطمئنم جایی ندیدین چون کاملا اختصاصی هستش :

?
1
2
3
4
5
6
7
8
9
<!--baraie makhfi kardane list online -->
<a href="#" id="listToggle" onclick="
if(this.innerHTML=='SHOW ONLINE LIST'){document.getElementById('onlinelist').show();this.innerHTML='HIDE ONLINE LIST';}else if(this.innerHTML=='HIDE ONLINE LIST'){document.getElementById('onlinelist').hide();this.innerHTML='SHOW ONLINE LIST';}
">HIDE ONLINE LIST</a>
 
<!--baraie makhfi kardane list Paiam ha -->
<a href="#" id="chatToggle" onclick="
if(this.innerHTML=='SHOW Chat List'){document.getElementById('chatinhalt').show();this.innerHTML='HIDE Chat List';}else if(this.innerHTML=='HIDE Chat List'){document.getElementById('chatinhalt').hide();this.innerHTML='SHOW Chat List';}
">HIDE Chat List</a>

این کد هارو قبل از خط زیر قرار بدین:

?
1
 

طراحی چت روم


بازدید : 16052 | تاریخ : شنبه 15 / 5 / 1392
ساعت : 23:21 |

نویسنده :

دسته : پلاگین چت روم , ,

نظرات()
مطالب مرتبط
نظرات
برای دیدن نظرات بیشتر روی شماره صفحات در زیر کلیک کنید
نمایش کلیه نظرات
نام
آدرس ایمیل
وب سایت/بلاگ
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

آپلود عکس دلخواه: