مهمان عزیز خوش آمدید. ورود ثبت نام



امتیاز موضوع:
  • 1 رای - 5 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5

[-]
کلمات کلیدی
تبدیل دکمه سپاس به css

تبدیل دکمه سپاس به CSS
تقدیم به توفیقی عزیز، علی جون خیلی چاکرتیم، من خودم مدتها دنبال آموزشش گشتم اما هیچی پیدا نکردم، حتی در انجمنهایه همسایه هم کسانی که ادعاشون میشد ما میدونیم نتونستن کمکم کنن و هنوزم نمیتونن.
تقدیم به همه کسانی که دنبال یادگرفتن علم و ترویج علمن نه کسانی که یه انجمن زدن نون دونی باز کردن برا کلاه برادارا Smile من هیچ اسمی نبردم پس خلاف نیست

خوب از گله گی بگذریم شروع کنیم به آموزش، من ریزه کاری های آموزش را نمیگم که مثلا برید به فلان مسیر یا... دیگه اینارو ندونید که اینکارو انجام ندید بهتره.
فایل thx.php را باز کنید:
1- خط زیرو پیدا کنید
کد پی‌اچ‌پی:
"<a id=\"a{$post['pid']}\" onclick=\"javascript:return thx({$post['pid']});\" href=\"showthread.php?action=thank&tid={$post['tid']}&pid={$post['pid']}\">
<img src=\"
{$mybb->settings['bburl']}/{$theme['imgdir']}/postbit_thx.gif\" border=\"0\" alt=\"$lang->thx_main\" title=\"$lang->thx_main\" id=\"i{$post['pid']}\" /></a>"
جایگزین کنید با
کد پی‌اچ‌پی:
"<a id=\"a{$post['pid']}\" onclick=\"javascript:return thx({$post['pid']});\" href=\"showthread.php?action=thank&tid={$post['tid']}&pid={$post['pid']}\" class=\"button\">سپاس</a>"
2- خط زیرو پیدا کنید:
کد پی‌اچ‌پی:
"<a id=\"a{$post['pid']}\" onclick=\"javascript:return rthx({$post['pid']});\" href=\"showthread.php?action=remove_thank&tid={$post['tid']}&pid={$post['pid']}\"><img src=\"{$mybb->settings['bburl']}/{$theme['imgdir']}/postbit_rthx.gif\" border=\"0\" alt=\"$lang->thx_remove\" title=\"$lang->thx_remove\" id=\"i{$post['pid']}\" /></a>"
جایگزین کنید با:
کد پی‌اچ‌پی:
"<a id=\"a{$post['pid']}\" onclick=\"javascript:return rthx({$post['pid']});\" href=\"showthread.php?action=remove_thank&tid={$post['tid']}&pid={$post['pid']}\" class=\"button\">حذف سپاس</a>"
3- خط زیرو پیدا کنید:
کد پی‌اچ‌پی:
<image>{$mybb->settings['bburl']}/{$theme['imgdir']}/"; 
جایگزین کنید با:
کد پی‌اچ‌پی:
<a>"; 
4- خط زیرو پیدا کنید:
کد پی‌اچ‌پی:
"postbit_rthx.gif"
جایگزین کنید با:
کد پی‌اچ‌پی:
"حذف سپاس"
5- خط زیرو پیدا کنید:
کد پی‌اچ‌پی:
"postbit_thx.gif"
جایگزین کنید با:
کد پی‌اچ‌پی:
"سپاس"
چند خط پایینتر نوشته:
کد پی‌اچ‌پی:
"</image> 
که باید جایگزین کنید با:
کد پی‌اچ‌پی:
"</a> 

خوب تا اینجاشو ممکنه خیلیا انجام داده باشن البته غیر از تغییر تگ image به a چون من دیدم کسانیرو که سپاسو css کردن ولی درست عمل نمیکرده و باید صفحه رفرش میشده تا اعمال بشه، خوب مهمتر از این کارایی که انجام دادیم، یه بخش کوچیک مونده فقط

فایل thx.js را باز کنید:

1- خط زیرو پیدا کنید، همون اولشه:
کد پی‌اچ‌پی:
img document.getElementById('i' pid);
img.src xml.getElementsByTagName('image').item(0).firstChild.data
جایگزین کنید با:
کد پی‌اچ‌پی:
document.getElementById('a'+pid).innerHTMLxml.getElementsByTagName('a').item(0).firstChild.data


اگر دقت کنید متوجه میشید که کلاس دکمه هارو من button نامگذاری کردم، خودتون به سلیقه خودتون یه دکمه css بذارید این قسمت سلیقه ایه، اگرم میخواد بدونید کجا باید css هاتونو بنویسید.

global.css را باز کنید و کلاس دکمه هاتونو توش تعریف کنید.

این روش کاملا تجربی به دست اومد برام و تغریبا 2ماه زمان برد تا انجامش بدم، به نظرم تنها دلیلیم که موفق شدم تلاشم بود و اینکه کم نیاوردم.
اگر براتون سوال ایجاد شد، اول تلاش کنید خودتون راه حل پیدا کنید براش، اگر به جواب نرسیدید بنده در خدمت همه برادرانم تو این انجمن هستم.
میدونم مقاله نوشتنمم مثل خودم بی اعصابه
 
مرسی دوست عزیز مشکل اصلی حل شد
اما استایل دکمه تشکر مشکل داره
واس تشکر عکسه کنارش هست اما واس حذف تشکر عکسه کنارش نیست   +   وقتی حذف رو میزنم که بخام دوباره تشکر کنم عکس کنارش نمیاد

 


تصویر: https://pardazit.net/images/pardazit.net-468-60.gif
(۱۱ آذر ۱۳۹۲، ۰۸:۰۴ ب.ظ)AbiNama نوشته:  مرسی دوست عزیز مشکل اصلی حل شد
اما استایل دکمه تشکر مشکل داره
واس تشکر عکسه کنارش هست اما واس حذف تشکر عکسه کنارش نیست   +   وقتی حذف رو میزنم که بخام دوباره تشکر کنم عکس کنارش نمیاد


 

متوجه مشکلتون نشدم، ممنون میشم توضیح بدید لطفا حتما بررسی میکنم، اگر از مشکلتونم عکس بگیرید که بهتر


 
(۱۴ آذر ۱۳۹۲، ۱۱:۵۴ ب.ظ)mtkarimi نوشته:  
(۱۱ آذر ۱۳۹۲، ۰۸:۰۴ ب.ظ)AbiNama نوشته:  مرسی دوست عزیز مشکل اصلی حل شد
اما استایل دکمه تشکر مشکل داره
واس تشکر عکسه کنارش هست اما واس حذف تشکر عکسه کنارش نیست   +   وقتی حذف رو میزنم که بخام دوباره تشکر کنم عکس کنارش نمیاد


 

متوجه مشکلتون نشدم، ممنون میشم توضیح بدید لطفا حتما بررسی میکنم، اگر از مشکلتونم عکس بگیرید که بهتر


 


مرسی Heart اما چون ضروری بود محمد جواد واسم حلش کرد Smile


تصویر: https://pardazit.net/images/pardazit.net-468-60.gif
نقل قول:مرسی دوست عزیز مشکل اصلی حل شد
اما استایل دکمه تشکر مشکل داره
واس تشکر عکسه کنارش هست اما واس حذف تشکر عکسه کنارش نیست   +   وقتی حذف رو میزنم که بخام دوباره تشکر کنم عکس کنارش نمیاد
(۱۹ دى ۱۳۹۲، ۰۷:۱۳ ب.ظ)123jan نوشته:  
نقل قول:مرسی دوست عزیز مشکل اصلی حل شد
اما استایل دکمه تشکر مشکل داره
واس تشکر عکسه کنارش هست اما واس حذف تشکر عکسه کنارش نیست   +   وقتی حذف رو میزنم که بخام دوباره تشکر کنم عکس کنارش نمیاد

 بنده و خیلیهایه دیگه مشکلی ندارن، کدتونو بذرید بی شک جاهایش مشکل داره و درست انجام ندادین. هم خودم و هم خیلیایه دیگه دارن استفاده میکنن از این تکنیک
منظور من اینه  که وقتی صفحه تایپک باز می شه دکمه درسته ولی وقتی روی سپاس کلیک می کنی عکس کنار یا بهتر بگم بک گراند دکمه دیگه نیست ولی وقتی صفحه رفرش شه درست می شه.
دکمه های من مثل همینجاکنارشون عکسه و بکگراند دارن .
تصاویر
قبل سپاس:
تصویر: http://amddr.ir/up/1389349890.png
 
بعد سپاس(قبل از رفرش):

تصویر: http://amddr.ir/up/1389389749.png
بعد رفرش:

تصویر: http://amddr.ir/up/1389416910.png
HuhHuhupHuhHuh
 
(۲۰ دى ۱۳۹۲، ۱۱:۱۳ ق.ظ)123jan نوشته:  منظور من اینه  که وقتی صفحه تایپک باز می شه دکمه درسته ولی وقتی روی سپاس کلیک می کنی عکس کنار یا بهتر بگم بک گراند دکمه دیگه نیست ولی وقتی صفحه رفرش شه درست می شه.
دکمه های من مثل همینجاکنارشون عکسه و بکگراند دارن .
تصاویر
قبل سپاس:
تصویر: http://amddr.ir/up/1389349890.png
 
بعد سپاس(قبل از رفرش):
تصویر: http://amddr.ir/up/1389389749.png
بعد رفرش:
تصویر: http://amddr.ir/up/1389416910.png
من هم مثل این دوستمون با بیشتر قالب ها همین مشکل دارم بعضی هاش که کلا به شکل نوشته نشون داده میشه
به این شکل که دکمه سپاس هست و وقتی سپاس میزنیم دکه حذف سپاس نمیاد و فقط یک نوشته سپاس یا Thanks میاد مانند تصویر زیر:

تصویر: http://s5.picofile.com/file/8117600150/thanks.jpg
 
با پوسته مربع چجوری میشه؟


نصب کلیه اسکریپت ها و سایتها و بازیها و...

09364501734

HCK GROUP

برای تقدیر فقط از کلید های سپاس و اعتبار استفاده کنید


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  روش تبدیل پست بیت به عمودی Tofighi 44 9,051 ۰۱ شهریور ۱۳۹۴، ۰۹:۵۳ ب.ظ
آخرین ارسال: Tofighi
  آموزش ایجاد دکمه موضوع جدید در کنار پاسخ جدید در موضوع ها behnam 3 1,462 ۰۶ شهریور ۱۳۹۲، ۰۹:۴۵ ب.ظ
آخرین ارسال: Dariush

پرش به انجمن:


کاربران در حال بازدید این موضوع:

1 مهمان


درباره‌ی ما

گروه پشتیبانی فارسی مای بی بی My-BB.Ir در واپسین روزهای پاییز 1391 کار خود را در زمینه مای بی بی آغاز کرد. این گروه با توکل بر خدای منان و دانش فنی خود در تلاش است فعالیتی هرچند ناچیز در زمینه ارتقا و پشتیبانی مای بی بی انجام دهد.
تمامی حقوق برای وب‌سایت پشتیبانی فارسی مای بی‌بی (My-BB.Ir) محفوظ می‌باشد و هرگونه کپی‌برداری از آن شرعا حرام و قانونا غیرمجاز می‌باشد.
قدرت گرفته از مای بی‌بی - فارسی‌ساز: My-BB.Ir و IORA.Ir