المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : كود اخفاء وعرض محتوي الموضوع بطريقه رائعه


مدهش
2011-10-03, 09:49 AM
بسم الله الرحمن

طبعا من الطبيعي انو يمكنك اخفاء محتوي موقعك عن الزائر ولكن هذا يدمر منتدي !!:D

الان طريقه اخفاء لكنها بشكل ظريف جدا وسهله ايضاً

صوره :
http://files.fwasl.com/forum/images/e5.jpg

نأتي الان الي التركيب :

العنوان : Spoiler
BB Code اسم البطاقة : Spoiler
الاستبدال :

<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<input value="Show" style="margin: 0px; padding: 0px; width: 45px; font-size: 10px;" onclick="if(this.parentNode.parentNode.getElementsByTagName ('div')[1].getElementsByTagName('div')[0].style.display != 'inline')
{ this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = 'inline'; this.innerText = ''; this.value = 'Hide'; }
else
{ this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value='Show'; }" type="button">
</div>
<div class="alt2" style="border: 0px inset; ">
<div class="spoiler" style="display: none;">{param}</div>
</div>
</div>
مثال :

Halo Thar~!
الوصف :

Used to hide spoilers. Don't ruin the ends of movies, games, etc for those who haven't seen it yet
!
استخدام {option} : لا
الصورة : http://www.traidnt.net/vb/attachments/568556d1303235500-search.png ((( طبعا يمكنك وضع الصورة اللي بتعجبك )))

الباقي اتركه مثل ما هو

الكود اللي بالاعلى هو الكود اللي انا معدل عليه


هذا هو الكود الاصلي للي بيريده


<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Spoiler!</b> <input value="Show" style="margin: 0px; padding: 0px; width: 45px; font-size: 10px;" onclick="if(this.parentNode.parentNode.getElementsByTagName ('div')[1].getElementsByTagName('div')[0].style.display != 'inline')
{ this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = 'inline'; this.innerText = ''; this.value = 'Hide'; }
else
{ this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value='Show'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset; padding: 6px;">
<div class="spoiler" style="display: none;">{param}</div>
</div>
</div>
ملحوظة هامة

الزر هيكون ظاهر باسم

Show

ولما تضغط عليه هيتحول الكتابه لـ Hide

لو بتريد انك تخليها بالعربي

هتكون

اظهار

اخفاء

و هذا هو الكود بالعربي

<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<input value="اظهار" style="margin: 0px; padding: 0px; width: 45px; font-size: 10px;" onclick="if(this.parentNode.parentNode.getElementsByTagName ('div')[1].getElementsByTagName('div')[0].style.display != 'inline')
{ this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = 'inline'; this.innerText = ''; this.value = 'اخفاء'; }
else
{ this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value='اظهار'; }" type="button">
</div>
<div class="alt2" style="border: 0px inset; ">
<div class="spoiler" style="display: none;">{param}</div>
</div>
</div>
الكود الموضوج بلصوره انجليزي

ولكن في الموضوع هنا يتوفر الكودين العربي والانجليزي

ركب ما يحلو لك

مودتي

الجوكر
2011-10-04, 02:41 AM
ابداع والله يا مبدعين

الله يحفظك

M!Do
2011-10-13, 02:33 AM
تسلم ايدك اخوي