المواضيع الأخيرة
أفضل 10 أعضاء في هذا الأسبوع
asadawd
 
علي الشامي
 

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

لا أحد

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


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

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

لونك المفضل

اعلان هــــــام

استايل منتدى تقنيات الحالى للبيع لمزيد من التفاصيل مراسلة الأخ omarpop23


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

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

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

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


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


m13
avatar
تحفة والله

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

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

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

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

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


m13
Waled
يسلموووو ^_^
البراق
تسلم آيدك ,,
سلم نبضك آلذي ينثر
كل مَا هوّ جميل وجُديٌد,.
شُكراً لِ جَمالْ طرحكِ ,,
بورك حرفك.!
نورالدين خلف
تبارك الله وما شاء الله
Kagome Higurashi
السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك
تحياتــي
السفير2
ماشاء الله عليك شكرا جزيلا
Akatsuki
سلايد شو رائع
شكرا لك
انمار
واو كود حلوو كتير تسلم ايدك جرح m5
ماى تك
ممتاز جدا   
Sky Anime
راااائع يسلمو على الابداع
El Desha El Hlawany1
تسلم آيدك
Kagome Higurashi
يسلمو بارك الله فيك
ELMasRyy
مشكوررررر
crash101094
شكرا
Mr.OuSsaMa
ممتاز
gsm_bouali
شكرا
Mr.Abdelrhman
ty
المشاكس
غغغغغ
Mr.Abdelrhman
ty

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

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

انشئ حساب

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


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

تسجل دخول

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


تسجيل دخول