معرض اكواد السلايد شو المتنوعة (8 سلايد شو)

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

معرض اكواد السلايد شو المتنوعة (8 سلايد شو)

الأحد مارس 06, 2016 12:45 pm


:view1:

شرح تركيب السلايدر شو



للتواصل مع الادارة تفضل اضغطط هناا
avatar
Mc Nabulsy

مؤسس انكور
مؤسس انكور

ذكر


عدد المساهمات : 3623

السٌّمعَة : 62

phpbb2

firefox

تاريخ التسجيل : 05/01/2016

العمر : 20

الموقع : https://www.inkkor.com/


https://www.inkkor.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: معرض اكواد السلايد شو المتنوعة (8 سلايد شو)

الأحد مارس 06, 2016 12:53 pm


:see:


:put:
طريقة التركيب

تجد في الملف الذي ستحمله  بداخله ملف اسمه index.html

نقوم برفع المجلد إلى مجلد المنتدى الرئيسي ليصبح كالتالي:
الكود:
vb/slider1
vb/slider1/index.html


الآن نضع الكود التالي في نهاية الهيدر أو المكان المراد إظهار السلايدر فيه:

الكود:
<iframe src="slider1/index.html" frameborder="0" style="width: 100%;height: 300px;"></iframe>


للتحكم بالعرض والارتفاع من خلال الكود التالي:

الكود:
.carousel{
    width :930px;
}
.carousel .slides{
    height:200px
}


التصميم المستخدم في السلايدر تجده أيضا بالمرفقات عبارة عن psd باسم slides.zip



يُتّبع ...



للتواصل مع الادارة تفضل اضغطط هناا
avatar
Mc Nabulsy

مؤسس انكور
مؤسس انكور

ذكر


عدد المساهمات : 3623

السٌّمعَة : 62

phpbb2

firefox

تاريخ التسجيل : 05/01/2016

العمر : 20

الموقع : https://www.inkkor.com/


https://www.inkkor.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: معرض اكواد السلايد شو المتنوعة (8 سلايد شو)

الأحد مارس 06, 2016 12:55 pm


:see:
:put:
ضع الكود التالي في المكان المراد إظهار السلايدر فيه:
الكود:
<iframe src="slider8/index.html" frameborder="0" style="width: 100%;height: 200px;margin-top:10px;"></iframe>


خصائص الـ css التي تتحكم بالعرض والارتفاع هي كالتالي:
الكود:
#content{
    width: 900px;
    height: 150px;
}
.box_skitter {
    width: 900px;
    height: 150px;
}

.box_skitter img {
    min-width: 900px;
    max-width: 150px;
}
.box_skitter_large {
    width: 900px;
    height: 150px;
}

يُتّبع ...



للتواصل مع الادارة تفضل اضغطط هناا
avatar
Mc Nabulsy

مؤسس انكور
مؤسس انكور

ذكر


عدد المساهمات : 3623

السٌّمعَة : 62

phpbb2

firefox

تاريخ التسجيل : 05/01/2016

العمر : 20

الموقع : https://www.inkkor.com/


https://www.inkkor.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: معرض اكواد السلايد شو المتنوعة (8 سلايد شو)

الأحد مارس 06, 2016 12:57 pm


:see: 

:put:
قم برفع المجلد index.html داخل مجلد منتداك الرئيسي ليصبح على المسار التالي:


الكود:
vb/index.html



الآن في نهاية الهيدر أو المكان المراد إظهار السلايدر فيه ضع الكود التالي:


رمز Code:
الكود:
<iframe src="slider3/index.html" frameborder="0" style="width: 100%;height: 130px;margin-top:10px;"></iframe>

للتعديل على الصور والروابط الموجودة على الصور افتح الملف index.html  وقم بالتعديل كيفما تريد


يُتّبع ...



للتواصل مع الادارة تفضل اضغطط هناا
avatar
Mc Nabulsy

مؤسس انكور
مؤسس انكور

ذكر


عدد المساهمات : 3623

السٌّمعَة : 62

phpbb2

firefox

تاريخ التسجيل : 05/01/2016

العمر : 20

الموقع : https://www.inkkor.com/


https://www.inkkor.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: معرض اكواد السلايد شو المتنوعة (8 سلايد شو)

الأحد مارس 06, 2016 1:01 pm


:see:


:put:
نقوم برفع المجلد باسمindex.html داخل مجلد المنتدى الرئيسي، ليصبح على المسار التالي:
الكود:
vb/index.html


الآن ضع الكود التالي في نهاية الهيدر أو المكان المراد إظهار السلايدر فيه:
الكود:
<iframe src="slider2/index.html" frameborder="0" style="width: 100%;height: 340px;margin-top:10px;"></iframe>


خصائص الـ css التي تتحكم بالعرض والارتفاع
الكود:
.container {
    width: 940px;
    height: 300px;
}
#slides .slide{
    width: 940px;
    height: 300px;
}



يُتّبع ...



للتواصل مع الادارة تفضل اضغطط هناا
avatar
Mc Nabulsy

مؤسس انكور
مؤسس انكور

ذكر


عدد المساهمات : 3623

السٌّمعَة : 62

phpbb2

firefox

تاريخ التسجيل : 05/01/2016

العمر : 20

الموقع : https://www.inkkor.com/


https://www.inkkor.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: معرض اكواد السلايد شو المتنوعة (8 سلايد شو)

الأحد مارس 06, 2016 1:03 pm


:see:
:put:
ارفع المجلد الموجود بالمرفقات باسم index.html  داخل مجلد منتداك الرئيسي، ليصبح المسار كالتالي:

vb/index.html

وضع الكود التالي في نهاية الهيدر
الكود:
<iframe src="slider4/index.html" frameborder="0" style="width: 100%;height: 550px;margin-top:10px;"></iframe>


السي اس اس
الكود:
.wrapper {
    max-width: 500px;
}


يُتّبع ...



للتواصل مع الادارة تفضل اضغطط هناا
avatar
Mc Nabulsy

مؤسس انكور
مؤسس انكور

ذكر


عدد المساهمات : 3623

السٌّمعَة : 62

phpbb2

firefox

تاريخ التسجيل : 05/01/2016

العمر : 20

الموقع : https://www.inkkor.com/


https://www.inkkor.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: معرض اكواد السلايد شو المتنوعة (8 سلايد شو)

الأحد مارس 06, 2016 1:05 pm


:see:
:put:
قم برفع المجلد الموجود بالمرفقات باسم index.html إلى مسار منتداك الرئيسي، ليصبح كالتالي:

vb/index.html

الآن ضع الكود التالي في نهاية الهيدر أو في أي مكان تريد ظهور السلايدر فيه

الكود:
<iframe src="slider5/index.html" frameborder="0" style="width: 100%;height: 320px;margin-top:10px;"></iframe>



كود السي اس اس الخاص بها :
الكود:
.theme-pascal.slider-wrapper {
    width:668px;
    height:270px;
}
.theme-pascal .nivoSlider {
    width:630px;
    height:235px;
}
.theme-pascal .nivoSlider img {
    width:630px;
    height:235px;
}


اضغط هنااا لتحميل السلايد

يُتّبع ..



للتواصل مع الادارة تفضل اضغطط هناا
avatar
Mc Nabulsy

مؤسس انكور
مؤسس انكور

ذكر


عدد المساهمات : 3623

السٌّمعَة : 62

phpbb2

firefox

تاريخ التسجيل : 05/01/2016

العمر : 20

الموقع : https://www.inkkor.com/


https://www.inkkor.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: معرض اكواد السلايد شو المتنوعة (8 سلايد شو)

الأحد مارس 06, 2016 1:06 pm


:see:
:put:
قم برفع المجلد الموجود بالمرفقات باسم index.html داخل مجلد منتداك الرئيسي



ضع الكود التالي في نهاية قالب الهيدر أو في المكان المراد إظهار السلايدر فيه
الكود:
<iframe src="slider6/index.html" frameborder="0" style="width: 100%;height: 378px;margin-top:10px;"></iframe>


كود الـ css الخاص به :
الكود:
.pikachoose {
    width: 860px;
}
.pika-stage {
    height:236px;
}
.pika-stage img{
    width: 860px;
}


يُتّبع ...



للتواصل مع الادارة تفضل اضغطط هناا
avatar
Mc Nabulsy

مؤسس انكور
مؤسس انكور

ذكر


عدد المساهمات : 3623

السٌّمعَة : 62

phpbb2

firefox

تاريخ التسجيل : 05/01/2016

العمر : 20

الموقع : https://www.inkkor.com/


https://www.inkkor.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: معرض اكواد السلايد شو المتنوعة (8 سلايد شو)

الأحد مارس 06, 2016 1:08 pm


:see:
:put:
قم برفع المجلد الموجود بالمرفقات باسم index.html داخل مجلد منتداك الرئيسي



ضع الكود التالي في نهاية قالب الهيدر أو في المكان المراد إظهار السلايدر فيه
الكود:
<iframe src="slider6/index.html" frameborder="0" style="width: 100%;height: 378px;margin-top:10px;"></iframe>


كود الـ css الخاص به :
الكود:
.pikachoose {
    width: 860px;
}
.pika-stage {
    height:236px;
}
.pika-stage img{
    width: 860px;
}

اضغط هنااا لتحميل السلايد

يُتّبع ...



للتواصل مع الادارة تفضل اضغطط هناا
avatar
Mc Nabulsy

مؤسس انكور
مؤسس انكور

ذكر


عدد المساهمات : 3623

السٌّمعَة : 62

phpbb2

firefox

تاريخ التسجيل : 05/01/2016

العمر : 20

الموقع : https://www.inkkor.com/


https://www.inkkor.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: معرض اكواد السلايد شو المتنوعة (8 سلايد شو)

الإثنين مايو 01, 2017 6:15 pm




avatar
el-masri

عضو مميز
عضو مميز

ذكر


عدد المساهمات : 280

السٌّمعَة : 0

pbboard

chrome

تاريخ التسجيل : 10/04/2017


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

عليك اولا بالاطلاع على قوانين شركة انكور التطويرية قبل المشاركة


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



  • © phpBB | Ahlamontada.com | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | انشئ مدونة مجانيا

    من نحن؟

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

    ادارة شركة انكور التطويرية غير مسؤولة عن اي اتفاق يتم بين الاعضاء