سلايدشو احترافي || Featured Content Slider

28 - 08 - 2011, 23:44 خلاد للتصميم غير متواجد حاليآ بالمنتدى

خلاد للتصميم

:: عضو نشيط ::

بيانات موقعي

اسم الموقع: شبكة ومواقع خلاد للتصميم الإحترافي

اصدار المنتدى: 3.8.6

سلايدشو احترافي || Featured Content Slider

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

اليوم أطرح بين ايدييكم شيء جديد في عالم الابداع والرقي ...

الجديد لهذا اليوم هو سلايدشو خارق وعجبني جداً وسهل وبسيط ...

وجايبلكم معي مثال عليه مباشر :

من هنا المثال

اما التحميل رابط مباشر :

طبعاً انا حاولت اجيبلكم طريقةى التركيب على المنتدى ولكن ظهرت معي مشاكل ..

ياريت واحد من الشباب صاحب الخبرة يدخل يضع طريقة الاضافه على المنتديات ...

اشكركم على المرور .. " رد "

---------------------------------------------------------------------------------------------------------------------------------------------

2011 م / 1432 هـ

تم ارفاق السلايدر بعد طلب مساعد المشرف

خلاد للتصميم

أضفني كصديق

الملفات المرفقة

FeaturedContentSlider.zip (485.7 كيلوبايت, عدد مرات المشاهدة 508 مرة)

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

مكتشف و Dr.V!rus معجبون بهذا .

توقيع خلاد للتصميم

اسم الشركه : شبكة خلاد للتصميم الإحترافي
صاحب الشركه : خلاد عبد اللطيف أبو المعاطي .
أداء الشركـــه : تصميم منتديات ومواقع , جميع أنواع التصاميم .
بريد الشركـــه : khlad_dez

khlad-dez.com
هاتف الشركه : من داخل السعودية / 063238232
من خارج السعودية / 063238232 00966
الهاتف الموحد : 3238232
الدعم الفنــــي : http://www.khlad-dez.com/vb/forumdisplay.php?f=13
الإستضافة : www.khdamat-host.com
التصميم : http://www.khlad-dez.com/vb

التعديل الأخير كان بواسطة خلاد للتصميم; 29 - 08 - 2011 الساعة 01:59

رقم المشاركة : [ 2 ]

29 - 08 - 2011, 00:10 ! Semoo Jordan ! متواجد حاليآ بالمنتدى

! Semoo Jordan !

.:: عضو متألق ::.

بيانات موقعي

اسم الموقع: سيمو لخدمات الويب المتكامله

اصدار المنتدى: منتج اخر

وعليكم السلام ينفع لعرض الاعلانات في المنتتدى

! Semoo Jordan !

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع ! Semoo Jordan !

إسم الشركة: شركة سيمو لخدمات الويب المتكامله
مدير تنفيذي للمؤسسة : حسام الحموري
خدمات الشركة:استضافة - برمجة - تصميم - دعم فني - ترخيص منتديات vBulletin - تركيب السكربتات- Vps - Dedicated Servers - ادارة خوادم - شات كتابي - خدمة - خدمات خاصة للمؤسسات الرسمية - خدمات ادارة الشركات .
مقر الشركة : المملكة الاردنيه الهاشميه - اربد
هاتف الشركة :من الداخل: 0788453018 من الخارج:0092788453018
الدعم الفني : http://www.sd-dv.com/submitticket.php
روابط الشركة : http://sd-dv.com/ - com - net- org
ايميل الشركه الرسمي : admin

sd.dv.com

رقم المشاركة : [ 3 ]

29 - 08 - 2011, 01:03 عمر العاني غير متواجد حاليآ بالمنتدى

عمر العاني

مساعد مشرف
ركن مشاكل الاستايلات

بيانات موقعي

اسم الموقع: عشق روحي

اصدار المنتدى: 4.1.8

بارك الله فيك اخي شرح سريع للأخوة

بعد فك الضغط يظهر مجلدين

واحد اسمه

__MACOSX

والثاني

FeaturedContentSlider

والمطلوب هو FeaturedContentSlider فقط

ادخل بداخله تجد مجلدات

images
js
style
هذه الملفات ترفع داخل مجلد المنتدى vb
بعدها افتح لوحة التحكم ابحث عن قالب headinclude في اخره ضيف التالي

رمز PHP:


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



    <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>

    <script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script>

    <script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script>

    <script type="text/javascript" src="js/coda-slider.1.1.1.pack.js"></script>

    

    <script type="text/javascript">

    

        var theInt = null;

        var $crosslink, $navthumb;

        var curclicked = 0;

        

        theInterval = function(cur){

            clearInterval(theInt);

            

            if( typeof cur != 'undefined' )

                curclicked = cur;

            

            $crosslink.removeClass("active-thumb");

            $navthumb.eq(curclicked).parent().addClass("active-thumb");

                $(".stripNav ul li a").eq(curclicked).trigger('click');

            

            theInt = setInterval(function(){

                $crosslink.removeClass("active-thumb");

                $navthumb.eq(curclicked).parent().addClass("active-thumb");

                $(".stripNav ul li a").eq(curclicked).trigger('click');

                curclicked++;

                if( 6 == curclicked )

                    curclicked = 0;

                

            }, 3000);

        };

        

        $(function(){

            

            $("#main-photo-slider").codaSlider();

            

            $navthumb = $(".nav-thumb");

            $crosslink = $(".cross-link");

            

            $navthumb

            .click(function() {

                var $this = $(this);

                theInterval($this.parent().attr('href').slice(1) - 1);

                return false;

            });

            

            theInterval();

        });

    </script>

بعدها اما نهاية قالب header او اعلى قالب navbar او اسفله ضع الاعلانات وهو الكود التالي

رمز PHP:


			
    <div id="page-wrap">

                                            

    <div class="slider-wrap">

        <div id="main-photo-slider" class="csw">

            <div class="panelContainer">



                <div class="panel" title="Panel 1">

                    <div class="wrapper">

                        <img src="images/tempphoto-1.jpg" alt="temp" />

                        <div class="photo-meta-data">

                            Photo Credit: <a href="http://flickr.com/photos/astrolondon/2396265240/">Kaustav Bhattacharya</a><br />

                            <span>"Free Tibet" Protest at the Olympic Torch Rally</span>

                        </div>

                    </div>

                </div>

                <div class="panel" title="Panel 2">

                    <div class="wrapper">

                        <img src="images/tempphoto-2.jpg" alt="temp" />

                        <div class="photo-meta-data">

                            Chicago Bears at Seattle Seahawks<br />

                            <span>Fifth field goal, overtime win for the Seahawks</span>

                        </div>

                    </div>

                </div>        

                <div class="panel" title="Panel 3">

                    <div class="wrapper">

                        

                        <img src="images/scotch-egg.jpg" alt="scotch egg" class="floatLeft"/>

                        

                        <h1>How to Cook a Scotch Egg</h1>

                        

                        <ul>

                            <li>6 hard-boiled eggs, well chilled (i try to cook them to just past soft boiled stage, then stick them in the coldest part of the fridge to firm up)</li>

                            <li>1 pound good quality sausage meat (i used ground turkey meat, seasoned with sage, white pepper, salt and a tiny bit of maple syrup)</li>

                            <li>1/2 cup AP flour</li>

                            <li>1-2 eggs, beaten</li>

                            <li>3/4 cup panko-style bread crumbs</li>

                            <li>Vegetable oil for frying</li>

                        </ul>

                    </div>

                </div>

                <div class="panel" title="Panel 4">

                    <div class="wrapper">

                        <img src="images/tempphoto-4.jpg" alt="temp" />

                        <div class="photo-meta-data">

                            A Poem by Shel Silverstein<br />

                            <span>Falling Up</span>

                        </div>

                    </div>

                </div>

                <div class="panel" title="Panel 5">

                    <div class="wrapper">

                        <img src="images/tempphoto-5.jpg" alt="temp" />

                        <div class="photo-meta-data">

                            New Video on CSS-Tricks<br />

                            <span>Using Wufoo for Web Forms</span>

                        </div>

                    </div>

                </div>

                <div class="panel" title="Panel 6">

                    <div class="wrapper">

                        <h1>A Tale of Two Cities</h1>

                        <p><em>Charles Dickins</em></p>

                        <blockquote>It was the best of times, it was the worst of times, it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was the season of Light, it was the season of Darkness, it was the spring of hope, it was the winter of despair, we had everything before us, we had nothing before us, we were all going direct to heaven, we were all going direct the other way - in short, the period was so far like the present period, that some of its noisiest authorities insisted on its being received, for good or for evil, in the superlative degree of comparison only.</blockquote>

                    </div>

                </div>



            </div>

        </div>



        <a href="#1" class="cross-link active-thumb"><img src="images/tempphoto-1thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a>

        <div id="movers-row">

            <div><a href="#2" class="cross-link"><img src="images/tempphoto-2thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>

            <div><a href="#3" class="cross-link"><img src="images/tempphoto-3thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>

            <div><a href="#4" class="cross-link"><img src="images/tempphoto-4thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>

            <div><a href="#5" class="cross-link"><img src="images/tempphoto-5thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>

            <div><a href="#6" class="cross-link"><img src="images/tempphoto-6thumb.jpg" class="nav-thumb" alt="temp-thumb" /></a></div>

        </div>



    </div>

    

    </div>

شكرا صاحب الموضوع وبالتوفيق للاخوة

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

sakker, ساعة زمن, خلاد للتصميم و 2 آخرون معجبون بهذا.

توقيع عمر العاني

ملاحظة:قررت التفرغ لامور الحياة المهمة فسيكون تواجدي قليل يمكنكم التواصل معي من خلال حساب الفيس بوك

http://www.facebook.com/omaral3any

رقم المشاركة : [ 4 ]

29 - 08 - 2011, 01:05 mr.arabyun غير متواجد حاليآ بالمنتدى

mr.arabyun

مشرف
الاعدادات الشامله للاستايلات
مشاكل الإستايلات والقوالب

بيانات موقعي

اسم الموقع: :: مايردك غير أصبعـك ::

اصدار المنتدى: 3.8.5

الله يبارك فيك لو ممكن ترفق لنا السلايد عشان نضمن بقائه والله يبارك بعمرك
همسه (عمر العاني ادخل المسن)..

mr.arabyun

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع mr.arabyun

ملاحظات

مـن هـ ن ـآ
فتره إختبارات دخولي من نصف ساعه إلى ساعتين فقط
تستطيع التواصل معي arabyunhotmail.com في غير أمور ترايدنت ! (مشاكل - طلبات -إلخ..)
أضع الدروس والأعمال وأتقبل النقد البناء
يرجى عند مراسلتي بالتقيم ذكر الإسم

رقم المشاركة : [ 5 ]

29 - 08 - 2011, 01:58 خلاد للتصميم غير متواجد حاليآ بالمنتدى

خلاد للتصميم

:: عضو نشيط ::

بيانات موقعي

اسم الموقع: شبكة ومواقع خلاد للتصميم الإحترافي

اصدار المنتدى: 3.8.6

اخ عمر جوزيت الجنه ... انا عندما جربته عملت نفس كلامك بالظبط وهذا قبل طرحي للموضوع ولكن للاسف كان فيه مشكله وهي مصورة ...

حتى بعد اعطائنا الكود من قبلك نفس المشكله ...

ارجو منك الافادة لا هنت ...

خلاد للتصميم

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع خلاد للتصميم

رقم المشاركة : [ 6 ]

29 - 08 - 2011, 02:59 عمر العاني غير متواجد حاليآ بالمنتدى

عمر العاني

مساعد مشرف
ركن مشاكل الاستايلات

بيانات موقعي

اسم الموقع: عشق روحي

اصدار المنتدى: 4.1.8

صحيح اخي هناك خلل ما اعرف منين

بالصفحات تتركب من دون مشاكل لكن في المنتدى حاولت حتى غيرت المسارات ما عرفت
يحتاج شخص يفهم يعدل عليها لان اعتقد هناك تضارب مع احد اكواد الجافا

والله اعلم

عمر العاني

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع عمر العاني

رقم المشاركة : [ 7 ]

29 - 08 - 2011, 03:20 فهد الإمارات غير متواجد حاليآ بالمنتدى

فهد الإمارات

.:: عضو متألق ::.

بيانات موقعي

اسم الموقع: دليـل بنت الفجيرة

اصدار المنتدى: منتج اخر

اخوي عمر العاني
ممكن شرح التركيب مثلن في دليل او منتج المقالات

فهد الإمارات

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع فهد الإمارات

موقع تطبيقات الايفون. Android
موقع برامج بلاك بيري
موقع رسال sms مجانا

رقم المشاركة : [ 8 ]

29 - 08 - 2011, 11:20 mr.arabyun غير متواجد حاليآ بالمنتدى

mr.arabyun

مشرف
الاعدادات الشامله للاستايلات
مشاكل الإستايلات والقوالب

بيانات موقعي

اسم الموقع: :: مايردك غير أصبعـك ::

اصدار المنتدى: 3.8.5

اقتباس

المشاركة الأصلية أضيفت بواسطة : عمر العاني


	صحيح اخي هناك خلل ما اعرف منين بالصفحات تتركب من دون مشاكل لكن في المنتدى حاولت حتى غيرت المسارات ما عرفت يحتاج شخص يفهم يعدل عليها لان اعتقد هناك تضارب مع احد اكواد الجافا والله اعلم

جاري الفحص

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع mr.arabyun

ملاحظات

مـن هـ ن ـآ
فتره إختبارات دخولي من نصف ساعه إلى ساعتين فقط
تستطيع التواصل معي arabyunhotmail.com في غير أمور ترايدنت ! (مشاكل - طلبات -إلخ..)
أضع الدروس والأعمال وأتقبل النقد البناء
يرجى عند مراسلتي بالتقيم ذكر الإسم

رقم المشاركة : [ 9 ]

30 - 08 - 2011, 00:56 Dr.V!rus غير متواجد حاليآ بالمنتدى

Dr.V!rus

:: عضو نشيط ::

بيانات موقعي

اسم الموقع: ::. ملتقـــى شبـــاب الحـــرية .::

اصدار المنتدى: 3.8.5

حلو الحركة كثيرة ، هاذي السلايد للمواقع الاخبارية

Dr.V!rus

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع Dr.V!rus

لَا الَه الَا الْلَّه مُحَمَّد رَسُوْل الْلَّه

::. ملتقـــى شبـــاب الحـــرية .::
http://www.alhorya.com/vb/index.php

FaceBook | MSN

رقم المشاركة : [ 10 ]

07 - 09 - 2011, 15:29 خلاد للتصميم غير متواجد حاليآ بالمنتدى

خلاد للتصميم

:: عضو نشيط ::

بيانات موقعي

اسم الموقع: شبكة ومواقع خلاد للتصميم الإحترافي

اصدار المنتدى: 3.8.6

جزاكم الله خيراً وان شاء الله نشوف الحل للمشكله وتشرفت بافادتي لكم جميعاً

خلاد للتصميم

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع خلاد للتصميم

رقم المشاركة : [ 11 ]

07 - 09 - 2011, 17:32 حتووومـ غير متواجد حاليآ بالمنتدى

حتووومـ

:: عضو نشيط ::

بيانات موقعي

اسم الموقع: حتوم لتقنية المعلومات

اصدار المنتدى: 3.8.4

جاري التجربة ..!

شغال على صفحات الـ Html

بس المنتدى ..!

مو شغال ..

خلني احاول ..

حتووومـ

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع حتووومـ

اسم الشركه : حتوم لتقنية المعلومات و خدمات انفنتي المتكاملة
صاحب الشركه : حاتم الشهري .
أداء الشركـــه : تطوير - تصميم - تركيب - برمجه - دعم فني
متخصصين في مجلات انفينتي و ديموفينف .
بريد الشركـــه : admin

hatom.com.sa
الهاتف الموحد : 044413056
جوال الموحد : لا يوجد حاليآ ..
رابط الشركة : http://www.hatom.com.sa

ときは月に賢者のポイント..指に愚かに見える

عندما يشير العاقل الى القمر .. ينظر الأحمق الى الأصبع

رقم المشاركة : [ 12 ]

13 - 09 - 2011, 19:48 vB_r0x غير متواجد حاليآ بالمنتدى

vB_r0x

:: عضـــو::

بيانات موقعي

اسم الموقع: G00Gl3 Ir4Q

اصدار المنتدى: 3.8.7

روعه والله , منتظرين طريقة تركيبه ع المنتدى !

vB_r0x

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

خلاد للتصميم معجب بهذا.

رقم المشاركة : [ 13 ]

14 - 09 - 2011, 08:10 MR.FoRTE غير متواجد حاليآ بالمنتدى

MR.FoRTE

:: عضو نشيط ::

بيانات موقعي

اسم الموقع: عبير الترفيهي

اصدار المنتدى: صفحتي

عوافي
-----

MR.FoRTE

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

خلاد للتصميم معجب بهذا.

رقم المشاركة : [ 14 ]

14 - 09 - 2011, 11:58 adeleqo غير متواجد حاليآ بالمنتدى

adeleqo

:: عضو نشيط ::

بيانات موقعي

اسم الموقع: سراج الاقصى

اصدار المنتدى: 3.8.7

هذه النوعيه من السلايد لا تضبط في المنتديات كثيراً الا ان كان وحده فقط

اي انك لو وضعت امر آخر يعتمد على هذه النوعيه من السلايد فسيحدث تعارض

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

في اسفل المنتدى .

لكن لو اردت وضعه في الموقع فكل سلايد ضعه في صفحه لوحده وبهذا سيكون عندك الوضع ممتاز

والله اعلى واعلم .

adeleqo

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

خلاد للتصميم معجب بهذا.

توقيع adeleqo

منتديات سراج الاقصى

اسلامية , ثقافيه , اجتماعيه

للتواصل : inf

s-alaqsa.com

رقم المشاركة : [ 15 ]

14 - 09 - 2011, 19:06 خلاد للتصميم غير متواجد حاليآ بالمنتدى

خلاد للتصميم

:: عضو نشيط ::

بيانات موقعي

اسم الموقع: شبكة ومواقع خلاد للتصميم الإحترافي

اصدار المنتدى: 3.8.6

فعلاً يعمل على الصفحات ممتاز جداً ولكن المنتدى يبدولي انه يعمل تعارض كبير لدرجة انه يفقد بعض مجلدات الـ css في المنتدى فعاليتها ويسيطر هو على الوضع ومنتظرين الخبراء

خلاد للتصميم

أضفني كصديق

- مشاركة هذا الرد في
- Digg
- Del.icio.us
- Technorati
- Twitter

توقيع خلاد للتصميم

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

سلايدشو احترافي || Featured Content Slider

السلام عليكم ورحمة الله اليوم أطرح بين ايدييكم شيء جديد في عالم الابداع والرقي ... الجديد لهذا اليوم هو سلايدشو خارق وعجبني جداً وسهل وبسيط