اضافه كردن Spoiler براي تمامي ورژن ها
0

1 ارسال در این موضوع قرار دارد

به نام خدا

يه امكاني هست به اسم Spoiler كه متن هاي اضافي شما رو مخفي ميكنه و وقتي روي آيكون Spoiler كليك كنيد اون رو نمايش ميده.

هر متني كه بخواد شما مخفي كنيد به اين صورت ميتونيد از اون استفاده كنيد كه ميتونه توي لود صفحات شما خيلي كمك كنه.

اين آموزش روي ورژن هاي زير جواب داده و مثبت هست :

vB3.6.x, vB3.7.x, vB3.8.x , vB4.x.x

بريد به كنترل پنل و اين مسير رو دنبال كنيد:

Custom BB Codes => Add New BB Code

Title: Spoiler

BB Code Tag Name: Spoiler

Example:

Hidden Text Here

Description: The

-Tag allows you to hidden or hide your text.

Use {option}: No

عكسي كه ضميمه كردم رو در اين مسير روي هاست آپلود كنيد: images/

Remove Tag If Empty: Yes

Disable BB Code Within This BB Code: No

Disable Smilies Within This BB Code: No

Disable Word Wrapping Within This BB Code: No

Disable Automatic Link Parsing Within This BB Code: No

در قسمتي كه قراره كد رو قرار بديد كد زير رو قرار بديد :


[COLOR=#000080]<div style=[COLOR=#0000FF]"padding: 0px 5px 0px 5px; border: 1px solid #DF7401; margin-left: 20px; width: 40%"[/COLOR]>[/COLOR][COLOR=#000080]<div align=[COLOR=#0000FF]"center"[/COLOR] style=[COLOR=#0000FF]"text-transform: none; border-bottom: none; display: block; padding: 3px 0px 3px 0px;"[/COLOR]>[/COLOR] [COLOR=#000080]<span onClick=[COLOR=#0000FF]"var spoiler = this.parentNode.parentNode.getElementsByTagName('div')[2]; if (spoiler.style.display != ''){ this.parentNode.parentNode.style.width = '80%' this.parentNode.style.borderBottom = '1px solid #CCCCCC'; spoiler.style.display = ''; this.getElementsByTagName('a')[0].innerHTML = '->Close Spoiler<-'; }else{ this.parentNode.parentNode.style.width = '40%' this.parentNode.style.borderBottom = 'none'; spoiler.style.display = 'none'; this.getElementsByTagName('a')[0].innerHTML = '->Open Spoiler<-'; }"[/COLOR] />[/COLOR] [COLOR=#008000]<a rel=[COLOR=#0000FF]"nofollow"[/COLOR] href=[COLOR=#0000FF]"#"[/COLOR] onClick=[COLOR=#0000FF]"return false;"[/COLOR] style=[COLOR=#0000FF]"text-decoration: none;"[/COLOR]>[/COLOR][COLOR=#000080]<b style=[COLOR=#0000FF]"font-size: 0.8em;"[/COLOR]>[/COLOR]->Spoiler öffnen[COLOR=#000080]<-</b>[/COLOR][COLOR=#008000]</a>[/COLOR] [COLOR=#000080]</span>[/COLOR] [COLOR=#000080]</div>[/COLOR] [COLOR=#000080]<div class=[COLOR=#0000FF]"quotecontent"[/COLOR]>[/COLOR] [COLOR=#000080]<div align=[COLOR=#0000FF]"center"[/COLOR] style=[COLOR=#0000FF]"display: none; padding: 5px 0px 5px 0px;"[/COLOR]>[/COLOR][COLOR=#000080]<br>[/COLOR] {param}[COLOR=#000080]</div>[/COLOR] [COLOR=#000080]</div>[/COLOR] [COLOR=#000080]</div>[/COLOR][COLOR=#000080]<br />[/COLOR]

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!

محتوای مخفی

    برای مشاهده لینک ها می بایست در وب سایت عضو باشید!

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

برای ارسال دیدگاه یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید دیدگاهی ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در سایت ما ثبت نام کنید. عضویت خیلی ساده است !

ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید

ورود به حساب کاربری
0