شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
avatar
ana lena
عضو نشيط
عضو نشيط
النوع : ذكر
عدد المساهمات : 115

النقط : 6026

تاريخ التسجيل : 25/01/2012

العمر : 20

http://programs2010.yoo7.com

[Javascript] جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي حصريا على منتديات احدث البرامج

في 2012-01-25, 13:32




[Javascript] جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي حصريا على منتديات احدث البرامج
[Javascript] جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي حصريا على منتديات احدث البرامج
[Javascript] جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي حصريا على منتديات احدث البرامج
[Javascript] جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي حصريا على منتديات احدث البرامج
[Javascript] جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي حصريا على منتديات احدث البرامج


السلام عليكم ورحمة الله وبركاته ِ اعضاء احلي منتدي

اسعد الله اوقاتكم في كل وقت وفي كل زمان
كما وعندكما انا منتديات احلي منتدي في تطوير دائم
وخواصها تضاهي المنتديات المدفوعة تماما ِ اتينا لكم بخاصية جديدة
لمنتدياكتم ِ لكي تحسن من جودتها ِ وجعلها اكثر انسيبا
الخاصية هي

[Javascript] جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي

الكود للنسخة phpbb3 فقط


صورة للمعاينة الخاصية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

تصغير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.



كود الجافا سكربت
الكود , يجب جعله علي جميع الصفحات
ثم نذهب الي
لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css
ونضع هذا الكود

الكود:

[color=#000000][font=tahoma][b]var CopyrightNotice = 'Make the threads and posts appear streamlined version phpBB3[/b][/font][/color]
[color=#000000][font=tahoma][b]        All rights reserved to the developer " A7medvirus " [url=http://[/b][/font][/color][url=http://www.ahlamontada.com.%27/;%5Dwww.ahlamontada.com.%27;%5B/url%5D]www.ahlamontada.com.%27/;]www.ahlamontada.com.';[/url][/url]
[color=#000000][font=tahoma][b]      [/b][/font][/color]
[color=#000000][font=tahoma][b]        $(function() {[/b][/font][/color]
[color=#000000][font=tahoma][b]            if ($('.forabg ul.forums')[0]) {[/b][/font][/color]
[color=#000000][font=tahoma][b]                $('.hierarchy').next().remove();[/b][/font][/color]
[color=#000000][font=tahoma][b]                x=$('.forabg ul.forums dl.icon').get();[/b][/font][/color]
[color=#000000][font=tahoma][b]                for (i=0; i<x.length; i++) {[/b][/font][/color]
[color=#000000][font=tahoma][b]                    var topics=x[i].childNodes[1].childNodes[0].nodeValue;[/b][/font][/color]
[color=#000000][font=tahoma][b]                    var posts=x[i].childNodes[2].childNodes[0].nodeValue;[/b][/font][/color]
[color=#000000][font=tahoma][b]                    $(x[i]).find('.hierarchy').after('<div[/b][/font][/color]
[color=#000000][font=tahoma][b]        class="a7medvirus-tp"[/b][/font][/color]
[color=#000000][font=tahoma][b]        style="margin-bottom:3px;font-size:1.1em;">[/b][/font][/color]


[color=#000000][font=tahoma][b]    <td> المواضيع  </td><b> '+topics +'  </b>[/b][/font][/color]

[color=#000000][font=tahoma][b]      <td> </td>  <td> || </td> <td>  </td>[/b][/font][/color]


[color=#000000][font=tahoma][b]    <td>  المشاركات </td><b>  '+posts+'  </b> [/b][/font][/color]

[color=#000000][font=tahoma][b]    [/b][/font][/color]


[color=#000000][font=tahoma][b]    </div>');    }[/b][/font][/color]
[color=#000000][font=tahoma][b]        [/b][/font][/color]

[color=#000000][font=tahoma][b]      [/b][/font][/color]
[color=#000000][font=tahoma][b]                $('.forabg').addClass('index-box');[/b][/font][/color]
[color=#000000][font=tahoma][b]                $('.forabg dd.topics').remove();[/b][/font][/color]
[color=#000000][font=tahoma][b]                $('.forabg dd.posts').remove();[/b][/font][/color]
[color=#000000][font=tahoma][b]            }[/b][/font][/color]
[color=#000000][font=tahoma][b]        });[/b][/font][/color][color=#000000][font=tahoma][b]
[/b][/font][/color]






ثم نذهب الي

لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css

ونضع هذا الكود

الكود:
[color=orange][center][font=tahoma][b][b]
[/b][/b][/font][/center][/color][center][color=#3AAA00][font=tahoma][b]/*بداية الكود لجعل المواضيع والمشاركات احترافية */[/b][/font][/color]
[color=#3AAA00][font=tahoma][b].a7medvirus-tp{[/b][/font][/color]
[color=#3AAA00][font=tahoma][b]background: none repeat scroll 0 0 #edfbff;[/b][/font][/color]
[color=#3AAA00][font=tahoma][b]    border: 1px dotted #999999;[/b][/font][/color]
[color=#3AAA00][font=tahoma][b]    margin-top: 5px;[/b][/font][/color]
[color=#3AAA00][font=tahoma][b]    padding: 3px;[/b][/font][/color]
[color=#3AAA00][font=tahoma][b]}[/b][/font][/color]
[color=#3AAA00][font=tahoma][b]div.index-box dl.icon dd.dterm {width: 68%;}[/b][/font][/color]
[color=#3AAA00][font=tahoma][b]div.index-box dl.icon dd.lastpost {float: right; width: 29%;}[/b][/font][/color]
[color=#3AAA00][font=tahoma][b]/*All rights reserved a7medvirus */[/b][/font][/color][/center]


مع تحياتى
avatar
ALI
صاحب المنتدى و مؤسسه
صاحب المنتدى و مؤسسه
النوع : ذكر
عدد المساهمات : 674

النقط : 2147491642

تاريخ التسجيل : 11/02/2010

العمر : 27

الموقع : منتدى احدث البرامج


الورقة الشخصية
لا تنس متابعتنا لا تنس متابعتنا:
0/0  (0/0)
http://programs2010.yoo7.com

رد: [Javascript] جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي حصريا على منتديات احدث البرامج

في 2012-01-25, 14:43
شكرا لاضافه الموضوع







المصدر:

[url=http://programs2010.yoo7.com][/url]




{ALI}

::[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]::


"[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]"


:.[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]:.















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