ان كنت استفدت من محتوى المنتدى فاضغط على الاعلانات..

سلايد شو متحرك احترافي محول بروابط دائمة

  افضل مساهمة1
سلايد شو متحرك احترافي محول بروابط دائمة
السلام عليكم ورحمة الله وبركاته
اقدم لكم سلايدر شو احترافي
صورة للسلايدر

طريقة التركيب
يضاف الكود الاتي الى أي مكان يقبل html
تشكيلات عامة - اعلانات خاصة - قوالب تومبلايت
ضع رد لرؤية القالب:



ثم تضيف ورقة css
الكود:

.titel-slide {
    background: #222 none repeat scroll 0 0;
    display: block;
    height: 28px;
    margin: 0 auto;
    padding-top: 12px;
    text-align: center;
    width: auto;
}
.titel-slide strong {
    color: #fff;
    font-family: arial,sans-serif;
    font-size: 16px;
    line-height: 1;
    margin-right: -55px;
}
.titel-slide i {
    color: #fff;
    display: inline-block;
    float: right;
    font-family: "Batch";
    font-size: 21px;
    font-style: normal;
    font-weight: bolder;
    height: 28px;
    line-height: 0.7;
    margin-top: -12px;
    padding-top: 12px;
    text-align: center;
    width: 40px;
}
    
.image_carousel {
    padding-right: 3px;
    position: relative;
}
.image_carousel a {
    display: block;
    float: left;
}
.image_carousel img {
    background-color: #fff;
    border: 1px solid #ccc;
    display: block;
    float: left;
    margin: 5px;
    padding: 6px;
}
.image_carousel img:hover {
    border: 1px solid #ddd;
    box-shadow: 0 1px 5px #555;
}
.image_carousel:hover > a.prev {
    left: 20px;
    opacity: 1;
    overflow: visible;
}
.image_carousel:hover > a.next {
    opacity: 1;
    overflow: visible;
    right: 20px;
}
a.prev, a.next {
    cursor: pointer;
    opacity: 0;
    overflow: hidden;
    transition: all 0.5s ease 0s;
}
a.prev {
    background-image: url("https://i37.servimg.com/u/f37/16/46/77/76/left10.png");
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    left: -32px;
    position: absolute;
    top: 90px;
    width: 40px;
}
a.next {
    background-image: url("https://i37.servimg.com/u/f37/16/46/77/76/right10.png");
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    position: absolute;
    right: -32px;
    top: 90px;
    width: 40px;
}
a.prev:hover, a.next:hover {
    opacity: 0.7 !important;
}
a.prev span, a.next span {
    display: none;
}
.pagination {
    text-align: center;
}
.pagination a {
    display: inline-block;
    float: none;
    height: 15px;
    margin: 0 5px 0 0;
    width: 15px;
}
.pagination a.selected {
    background-color: #5490cc;
    background-position: -25px -300px;
    cursor: default;
}
.pagination a span {
    display: none;
}
    .titel-slide, .pagination a, a.prev, a.next, .nav-tab {
    background-color: #444;
}
.slider-sh {
    background: #222 none repeat scroll 0 0;
    border: 1px solid #222;
    margin: auto;
   }

ومن ثم تذهب عناصر اضافية
إدارة أكواد Javascript
وتنشأ عنصر جديد
الصفحات جميع الصفحات
العنوان أي شئ
وتضع الجافا الموجود بالمرفقات وانشر

دمتم سالمين
المرفقات
كود جافا سلايدرشو.txt
لا تتوفر على صلاحيات كافية لتحميل هذه المرفقات.
(78 Ko) عدد مرات التنزيل 21


m13
  افضل مساهمة2
تحفة والله

تبارك الله وما شاء الله

دمتم دوما للاعطاء هدا ما نراه منكم

بارك الله فيك وفي عملك ومزيدا بحول الله تعالى

شكرا لكي اختي الغالية
  افضل مساهمة3
شكرا لكي اختي
  افضل مساهمة4
الكود لا يعمل بتنسيق زي هنا في تقنيات رابط المعاينة

www.talbkm.com/
  افضل مساهمة5
تم تركيب والاصلاح


m13
  افضل مساهمة6
يسلموووو ^_^
  افضل مساهمة7
تسلم آيدك ,,
سلم نبضك آلذي ينثر
كل مَا هوّ جميل وجُديٌد,.
شُكراً لِ جَمالْ طرحكِ ,,
بورك حرفك.!
  افضل مساهمة8
تبارك الله وما شاء الله
  افضل مساهمة9
السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك
تحياتــي
  افضل مساهمة10
ماشاء الله عليك شكرا جزيلا
  افضل مساهمة11
سلايد شو رائع
شكرا لك
  افضل مساهمة12
واو كود حلوو كتير تسلم ايدك جرح m5
  افضل مساهمة13
ممتاز جدا   
  افضل مساهمة14
راااائع يسلمو على الابداع
  افضل مساهمة15
تسلم آيدك
  افضل مساهمة16
يسلمو بارك الله فيك
  افضل مساهمة17
مشكوررررر
  افضل مساهمة18
شكرا
  افضل مساهمة19
ممتاز
  افضل مساهمة20
شكرا
لاتستطيع الرد على المواضيع في هذا المنتدى