آموزش اضافه کردن آیکون در قسمت کادر ارسال در بک آپ دی چت

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

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

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

http://s4.picofile.com/file/8163772518/80798690.PNG

 

 

document.getElementById('link_eshgh').setAttribute('src', theme_url(b['icon-love']));  

 

 

خب این کد برای آیکن عشق سنج شما می باشد حالا به فرض مثال ما قصد داریم آیکن پیام های آفلاین را قرار بدیم پس کد زیر را بعد از کد بالا قرار دهید:

 

document.getElementById('link_offlinemsg').setAttribute('src', theme_url(e['icon-offlinemsg']));

 

 

دو نکته مهم در همین جا مطرح کنم لازمه توجه بشه وگرنه چت روم شما به هم می ریزه
نکته اول این قسمت را در کد بالا ببینید theme_url(e['
ممکنه بجای عبارت((e)) در فایل شما یک عبارت دیگر باشد پ این عبارت را حتما با کدهای قبلی ست شود یعنی اگر دیگر آیکن ها e بود شما هم برای آیکن جدید e قرار دهید
نکته دوم:هراسمی که برای آیکنتو قرار میدید حتما به خاطر بسپارید
خب وقتی مراحل بالا انجام شد حال دنبال کد زیر بگردید:

 

$template.form_icons = '<img id="link_sagen" class="img_button" alt="ارسال پيام" title="ارسال پيام"/> 

 

خب این قسمت آیکن شمارو هم نمایش خواهد داد اما نه عکس آیکن فقط اثری از آیکن جدید را داخل چت رومتون قرار میده حالا کد زیر را بعد از تگ /> قرار بدیدهر قسمت می تونید بذارید ولی اینجا ترتیب چیدمان آیکن ها است که می توانید خودتون صلیغه ای جابه جا کنید حال کد زیر را قرار دهید

 

<img id="link_offlinemsg" class="img_button" alt="پيام هاي آفلاين" title="پيام هاي آفلاين"/>

 

 

کدتون باید به صورت زیر شده باشه:

 

<img id="link_sagen" class="img_button" alt="ارسال پيام" title="ارسال پيام"/><img id="link_offlinemsg" class="img_button" alt="پيام هاي آفلاين" title="پيام هاي آفلاين"/>  

 

 

من به عنوان مثال براتون قرار دادم که بدونید کد باید به چ صورت قرار بگیره
خب این کارارو که کردید اگر فایلتون را درهاستتون جایگزین کنید قطعا قسمت آیکن ها در چت روم هنگ خواهد کرد پس فعلا آپ نکنید

حالا باید فایل theme.form-icons داخل پوشه adminpanel را ویرایش کنیدخب ویرایش کن از تو هاست اینو ویرایش کنی بهتره
خب این قسمت برای قرار دادن عکس آیکن از داخل پنل است هر قسمت خواستی می تونی کد را بذاری
من بعد از کد زیر میذارم:

 

<div class="row">                            <label><strong>آیکون پنل مدیریت:</strong></label>                            <div>                                <input type="file" name="icon-panel" />                            </div>                        </div>  

 

 

به این صورت میشه:

 

<div class="row">                            <label><strong>آیکون پنل مدیریت:</strong></label>                            <div>                                <input type="file" name="icon-panel" />                            </div>                        </div><div class="row">                            <label><strong>آیکون پنل مدیریت:</strong></label>                            <div>                                <input type="file" name="icon-offlinemsg" />                            </div>                        </div>  

 

امیدوارم واضح باشه
خب این فایل را ذخیره کنید
خب ابتدا وارد پنل مدیریت خود بشید بعد dstarter.js را آپلود کنید سپس از توپنل عکس برای آیکن خود قرار بدید اگر این عمل را انجام ندهید دیگه نمی تونید وارد پنل بشید و چت روم به هم می ریزه

این مراحل قرار گرفتن آیکن است اگر مراحل را کامل طی کرده باشید آیکن نمایش داده میشه

 


طراحی چت روم


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

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

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