سكربت جافا روعة لم استطع تركيبه :(

MR.WEB · 10-03-2007, 10:18 PM

هذا سكربت روعة مستخدم في موقع ياهوووو

لم استطع تركيبة مع استخدامي لكل الطرق السليمة والغير سليمة في ادراج الكود داخل بلوك html او php

هذه رابطة السكربت الرائع

http://www.dynamicdrive.com/dynamic.../tabcontent.htm

ذمارية · 10-03-2007, 10:39 PM

فعلاً السكربت جميل جدا

حاولت أفهم، لكن ما فهمت كثير، كل اللي فهمته إنه في جزء من الكود يتحط في الـ header الهيدر
والجزء الثاني في الـbody

وفي ملفات ترفعها على موقعك كلا في مكانه
ملفين صورة صغار، عشان يطلع شكل الـ tabs
وملفين ثانيين ترفعهم في أماكنهم في موقعك (هذول ما عرفت فين يتحطوا بالضبط)

وياريت إذا أحد يعرف يشرحه يحط لنا الطريقة

http://www.dynamicdrive.com/dynamici...tabcontent.htm

ذمارية · 10-03-2007, 10:40 PM

http://www.dynamicdrive.com/dynamici...tabcontent.htm

Vb2Vb · 11-03-2007, 03:13 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة MR.WEB

هذا سكربت روعة مستخدم في موقع ياهوووو

لم استطع تركيبة مع استخدامي لكل الطرق السليمة والغير سليمة في ادراج الكود داخل بلوك html او php

هذه رابطة السكربت الرائع

http://www.dynamicdrive.com/dynamic.../tabcontent.htm

السلام عليكم ورحمة الله وبركاته

اولا أسف لتأخري بالرد وذلك لأنشغالي الكثير

ثانياً اخي الكريم هذه التقنية الجديدة التي استخدمت في مواقع عديدة منها الياهو والهوتميل اسمها الأجاكس (Ajax) لاطيل عليك وسوف اشرح لك طريقة تركيبها على مجلة Mkportal

1. افتح ملف tpl_main.php الذي يوجد في

كود PHP:

  mkportal/templates

2. قم بتنزيل الملفات التالية
http://www.dynamicdrive.com/dynamici...tabcontent.css

http://www.dynamicdrive.com/dynamici.../tabcontent.js وقم بوضعها داخل مجلد التمبلت الذي تم ذكره في رقم 1

3. اضف بعد

كود PHP:

    <script type="text/javascript" src="{$js}"></script>

الكود التالي

كود PHP:

  <link rel="stylesheet" type="text/css" href="tabcontent.css" />

 <script type="text/javascript" src="tabcontent.js"></script>

4. اخيراً اضف هذه الكود في اي مكان داخل بلوك php او html او موديل او اي مكان تريده في المجلة مع تغيير المحتوى فيما يتناسب مع موقعك

كود PHP:

  <ul id="maintab" class="shadetabs">

<li class="selected"><a href="#" rel="tcontent1">Tab 1</a></li>

<li><a href="#" rel="tcontent2">Tab 2</a></li>

<li><a href="#" rel="tcontent3">Tab 3</a></li>

<li><a href="#" rel="tcontent4">Tab 4</a></li>

<li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>

</ul>

 
<div class="tabcontentstyle">

 
<div id="tcontent1" class="tabcontent">

Tab content 1 here<br />Tab content 1 here<br />

<p><b><a href="javascript: expandtab('maintab', 3)">Click here to select 4th tab</a></b></p>

</div>

 
<div id="tcontent2" class="tabcontent">

Tab content 2 here<br />Tab content 2 here<br />

</div>

 
<div id="tcontent3" class="tabcontent">

Tab content 3 here<br />Tab content 3 here<br />

</div>

 
<div id="tcontent4" class="tabcontent">

Tab content 4 here<br />Tab content 4 here<br />

</div>

 
</div>

 
<script type="text/javascript">

//Start Tab Content script for UL with id="maintab" Separate multiple ids each with a comma.

initializetabcontent("maintab")

</script>

انشاء الله سوف اشرح مجموعة من الدروس على هذه التقنية الجديدة هنا في منتديات يمننا في القريب العاجل .

وشكراً

Vb2Vb · 11-03-2007, 03:17 AM

اضف ايضا الصورتين التالية الى نفس المجلد التمبلت

MR.WEB · 11-03-2007, 02:40 PM

الله يعيطك العافية ...

للاسف حاولنا وركبنا مثل ما قلت ولا ضبط

يطلع مكان البلوك بس اسامي الابواب في مكان والابواب في مكان ومن غير لنكات

ومن غير محتوى في الباب الاول

MR.WEB · 15-03-2007, 02:00 AM

>>>>>

<<<<<

Vb2Vb · 20-03-2007, 05:23 PM

اوكي اخي الكريم عدل على ملف Css
وسوف يشتغل معك تمام

MR.WEB · 29-03-2007, 02:26 AM

ماش ما نفع

10-03-2007, 10:18 PM	#1
MR.WEB عضو تاريخ التسجيل: 14-02-2007 المشاركات: 40	سكربت جافا روعة لم استطع تركيبه :( هذا سكربت روعة مستخدم في موقع ياهوووو لم استطع تركيبة مع استخدامي لكل الطرق السليمة والغير سليمة في ادراج الكود داخل بلوك html او php هذه رابطة السكربت الرائع http://www.dynamicdrive.com/dynamic.../tabcontent.htm

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري

الرئيسية \| الدليل الشامل \| مكتبة الفيديو \| ألبوم الصور \| فريق يمنّــا

10-03-2007, 10:39 PM	#2
ذمارية :: المراقبة العامة :: تاريخ التسجيل: 02-12-2006 المشاركات: 3,879	فعلاً السكربت جميل جدا حاولت أفهم، لكن ما فهمت كثير، كل اللي فهمته إنه في جزء من الكود يتحط في الـ header الهيدر والجزء الثاني في الـbody وفي ملفات ترفعها على موقعك كلا في مكانه ملفين صورة صغار، عشان يطلع شكل الـ tabs وملفين ثانيين ترفعهم في أماكنهم في موقعك (هذول ما عرفت فين يتحطوا بالضبط) وياريت إذا أحد يعرف يشرحه يحط لنا الطريقة http://www.dynamicdrive.com/dynamici...tabcontent.htm

10-03-2007, 10:40 PM	#3
ذمارية :: المراقبة العامة :: تاريخ التسجيل: 02-12-2006 المشاركات: 3,879	http://www.dynamicdrive.com/dynamici...tabcontent.htm

11-03-2007, 03:17 AM	#5
Vb2Vb عضو تاريخ التسجيل: 29-04-2006 المشاركات: 23	اضف ايضا الصورتين التالية الى نفس المجلد التمبلت

11-03-2007, 02:40 PM	#6
MR.WEB عضو تاريخ التسجيل: 14-02-2007 المشاركات: 40	الله يعيطك العافية ... للاسف حاولنا وركبنا مثل ما قلت ولا ضبط يطلع مكان البلوك بس اسامي الابواب في مكان والابواب في مكان ومن غير لنكات ومن غير محتوى في الباب الاول

15-03-2007, 02:00 AM	#7
MR.WEB عضو تاريخ التسجيل: 14-02-2007 المشاركات: 40	>>>>> <<<<<

20-03-2007, 05:23 PM	#8
Vb2Vb عضو تاريخ التسجيل: 29-04-2006 المشاركات: 23	اوكي اخي الكريم عدل على ملف Css وسوف يشتغل معك تمام

29-03-2007, 02:26 AM	#9
MR.WEB عضو تاريخ التسجيل: 14-02-2007 المشاركات: 40	ماش ما نفع