جاري التحميل
المواضيع الأخيرة
أفضل 10 أعضاء في هذا الأسبوع
omarpop23
 
JoryAbdallah
 
khairanynabil
 
نورالدين خلف
 
BAZOKA Libya
 
game4rest
 

المتواجدون الآن ؟
ككل هناك 10 عُضو متصل حالياً :: 1 أعضاء, 0 عُضو مُختفي و 9 زائر :: 2 عناكب الفهرسة في محركات البحث

tofayas

[ مُعاينة اللائحة بأكملها ]


أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 141 بتاريخ 19/07/16, 08:08 am
احصائيات
هذا المنتدى يتوفر على 486 عُضو.
آخر عُضو مُسجل هو khairanynabil فمرحباً به.

أعضاؤنا قدموا 9723 مساهمة في هذا المنتدى في 1841 موضوع

منتديات تقنيات :: جاليري استايلات التومبلايت والقوالب والاكواد :: 

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

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

طريقة التركيب
يضاف الكود الاتي الى أي مكان يقبل 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


عدل سابقا من قبل JAR7 في 31/12/16, 05:04 am عدل 3 مرات


m13
تحفة والله

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

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

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

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

www.talbkm.com/
avatar
تم تركيب والاصلاح


m13
avatar
يسلموووو ^_^
avatar
تسلم آيدك ,,
سلم نبضك آلذي ينثر
كل مَا هوّ جميل وجُديٌد,.
شُكراً لِ جَمالْ طرحكِ ,,
بورك حرفك.!
avatar
تبارك الله وما شاء الله
avatar
السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك
تحياتــي
avatar
ماشاء الله عليك شكرا جزيلا
avatar
سلايد شو رائع
شكرا لك
avatar
واو كود حلوو كتير تسلم ايدك جرح m5
avatar
ممتاز جدا   
avatar
راااائع يسلمو على الابداع
avatar
تسلم آيدك
avatar
يسلمو بارك الله فيك
avatar
مشكوررررر
avatar
شكرا
avatar
ممتاز
avatar
شكرا

سجل دخولك أو انشئ حساب لترك رد

تحتاج إلى أن تكون عضوا من أجل ترك الرد.

انشئ حساب

الانضمام إلى مجتمعنا من خلال إنشاء حساب جديد. من السهل


انشئ حساب جديد

تسجل دخول

هل لديك حساب بالفعل؟ لا توجد مشكلة، قم بتسجيل الدخول هنا.


تسجيل دخول