منتدى الابداع العربي

للإبداع لمسات ! ... ولمسـات الإبــداع إختصاصـنا !
 
الرئيسيةالرئيسية  المنشوراتالمنشورات  البوابةالبوابة  التسجيلالتسجيل  دخولدخول  


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

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126341
نقاط النشاط : 142023
السٌّمعَة : 2980
بلد العضو : سلايد شو متحرك احترافي جديد للمنتديات والمواقع Saudi-10
العمر : 34
سلايد شو متحرك احترافي جديد للمنتديات والمواقع Yoo_ao11

سلايد شو متحرك احترافي جديد للمنتديات والمواقع Empty
مُساهمةموضوع: سلايد شو متحرك احترافي جديد للمنتديات والمواقع   سلايد شو متحرك احترافي جديد للمنتديات والمواقع Emptyالثلاثاء أبريل 04, 2017 6:52 pm

سلايد شو جديد بتقنية عالية بنرات متحركة
السلام عليكم ورحمة الله وبركاته
اقدم لكم  سلايد شو مطلوب بنرات متحركة
صورة للسلايد شو
سلايد شو متحرك احترافي جديد للمنتديات والمواقع Screen37
https://i.servimg.com/u/f58/19/61/68/63/screen37.png
طريقة التركيب نضع اوﻻ الكود جافا اللي بالمرفقات من خلال لوحة الادارة. عناصر اضافية. HTML و JAVASCRIPT. اكواد javascript تفعيل اكواد javascript اختار نعم وسجل
ثم انشاء كود الاسم اي شئ اختار جميع صفحات وضع الكود الاتي الذي بالمرفقات

ثم ضع كود css الاتي من خلال لوحة الادارة. مظهر المنتدى. صور والوان. الوان. ورقة 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://i.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://i.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;
   }
وسجل
ثم ضع القالب الاتي من خلال لوحة الادارة .مظهر المنتدى. قوالب التومبلايت. ادارة عامة. قالب overall_header
الكود:

 <div style="width: 903px;margin: 0px auto;height: 190px;overflow: hidden;">
                                                                              
 <div class="image_carousel">
                                                                                  
 <div id="foo1">
                                                                              
 <!--                                       المجموعة الأولى                                       -->            
                             <a href="رابط الموضوع">  
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></a>      
                          <a href="رابط الموضوع">  
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></a>      
                          <a href="رابط الموضوع">  
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></a>                                                                                                                        
                          <a href="http://www.theb3st.com/t57994-topic">  
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></a>                                                                                                                                                                                
   <a href="رابط الموضوع">  
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></a>      
                          <a href="رابط الموضوع">  
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></a>      
                          <a href="رابط الموضوع">  
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></a>                                                                                                                              
                          <a href="رابط الموضوع">  
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></a>                                                                                                                                                                                
                          <a href="رابط الموضوع">  
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></a>      
                          <a href="رابط الموضوع">  
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></a>      
                          <a href="رابط الموضوع">  
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></a>                                                                                                                                
                          <a href="رابط الموضوع">    
                            <img src="https://i.imgur.com/pZby46i.png" alt="إعلانك هنا" style="width: 200px; height: 145px;" /></a>                                                                                                                                                                                
 <!--                                       نهاية المجموعة الأولى                                       -->                                            
 </div>
                                                                                  
 <div class="clearfix">
</div>
                                             <a class="prev" id="foo1_prev" href="#"><span>prev</span></a>        <a class="next" id="foo1_next" href="#"><span>next</span></a>                                            
 <div class="pagination" id="foo1_pag">
                                                                        
 </div>
                                                                              
 </div>
                                                                        
 </div>
  
<script type="text/javascript">
$(document).ready(function() {  
$('#foo1').carouFredSel({
               auto: {pauseDuration: 5000, delay: 375},
               prev: '#foo1_prev',
               next: '#foo1_next',
               pagination: "#foo1_pag",

            });
$('#foo2').carouFredSel({
               auto: {pauseDuration: 5000, delay: 375},
               prev: '#foo2_prev',
               next: '#foo2_next',
               pagination: "#foo2_pag",

            });
 

});
</script>
 <script type="text/javascript" language="javascript">
         $(function() {

        
            $('#foo2').carouFredSel({
               auto: true,
               prev: '#prev2',
               next: '#next2',
               pagination: false,
               mousewheel: true,
               swipe: {
                  onMouse: true,
                  onTouch: true
               }
            });

            

         });
      </script>                   

وكدة خلصنا الكود عبارة عن كود جافا وكود css وقالب في قالب overall_header
دمتم بخير
المرفقات
سلايد شو متحرك احترافي جديد للمنتديات والمواقع AttachmentSla33333.txt
لا تتوفر على صلاحيات كافية لتحميل هذه المرفقات.
(54 Ko) عدد مرات التنزيل 46


سلايد شو متحرك احترافي جديد للمنتديات والمواقع Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
Pr!nCe LoVeR
عضو فعال 

Pr!nCe LoVeR

ذكر
السرطان
عدد المساهمات : 370
نقاط النشاط : 549
السٌّمعَة : 17
بلد العضو : سلايد شو متحرك احترافي جديد للمنتديات والمواقع Egypt10
العمر : 22

سلايد شو متحرك احترافي جديد للمنتديات والمواقع Empty
مُساهمةموضوع: رد: سلايد شو متحرك احترافي جديد للمنتديات والمواقع   سلايد شو متحرك احترافي جديد للمنتديات والمواقع Emptyالثلاثاء أبريل 04, 2017 7:23 pm

سلمت يداكي كود جميل ومفيد جداا

اشكرك جدا واتمنى لكى التوفيق والمزيد من المواضيع المفيدة والقيمة وردة حمراء







سلايد شو متحرك احترافي جديد للمنتديات والمواقع 2169655897 Pr!nCe LoVeR سلايد شو متحرك احترافي جديد للمنتديات والمواقع 2169655897

سلايد شو متحرك احترافي جديد للمنتديات والمواقع 2ldvyt10

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://progrms-free.blogspot.com
منصورة
سوبر الإبداع 

منصورة

انثى
الدلو
عدد المساهمات : 13969
نقاط النشاط : 16962
السٌّمعَة : 51
بلد العضو : سلايد شو متحرك احترافي جديد للمنتديات والمواقع Algeri10
العمر : 57

سلايد شو متحرك احترافي جديد للمنتديات والمواقع Empty
مُساهمةموضوع: رد: سلايد شو متحرك احترافي جديد للمنتديات والمواقع   سلايد شو متحرك احترافي جديد للمنتديات والمواقع Emptyالأربعاء أبريل 05, 2017 1:51 am

مجهود جدا رائع..
دمتي متألقة اختي  جوري
ومن تميز لأميز
تقبلي أرق التحايا كرقتك
أستمر وأنتَي مبدعة دائماً
تحياتي لكي


كل القلوب إلى الحبيب تميل
ومعي بهذا شاهد ودليل
اما الدليل إذا ذكرت محمداً
صارت دموع العارفين تسيل
هذا رسول الله نبراس الهدى
هذا لكل العالمين نبيا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.manssora.com/
K!LLeR
عضو خبير 

K!LLeR

ذكر
عدد المساهمات : 751
نقاط النشاط : 862
السٌّمعَة : 10
بلد العضو : سلايد شو متحرك احترافي جديد للمنتديات والمواقع Ioao10

سلايد شو متحرك احترافي جديد للمنتديات والمواقع Empty
مُساهمةموضوع: رد: سلايد شو متحرك احترافي جديد للمنتديات والمواقع   سلايد شو متحرك احترافي جديد للمنتديات والمواقع Emptyالخميس أغسطس 03, 2017 4:11 pm

أإسـ عٍ ـد الله أإأوٍقـآتَكُـ بكُـل خَ ـيرٍ دآإئمـاَ تَـبهَـرٍوٍنآآ بَمَ ـوٍآضيعكـ أإلتي تَفُـوٍح مِنهآ عَ ـطرٍ أإلآبدآع وٍأإلـتَمـيُزٍ
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Derraz Boujemaa
عضو ذهبي 

Derraz Boujemaa

ذكر
عدد المساهمات : 3399
نقاط النشاط : 6145
السٌّمعَة : 121
بلد العضو : سلايد شو متحرك احترافي جديد للمنتديات والمواقع Morocc10

سلايد شو متحرك احترافي جديد للمنتديات والمواقع Empty
مُساهمةموضوع: رد: سلايد شو متحرك احترافي جديد للمنتديات والمواقع   سلايد شو متحرك احترافي جديد للمنتديات والمواقع Emptyالإثنين ديسمبر 11, 2017 3:06 pm

يعطيك العافيه طرح رائع وانت دائما رائع في طرحك .
أنتظر جديدك بكل الشوق والود ,,,
تقبل مروري المتواضع


سلايد شو متحرك احترافي جديد للمنتديات والمواقع OhiHHcI
الرجوع الى أعلى الصفحة اذهب الى الأسفل
روبي ديزاين
عضو 

روبي ديزاين

انثى
عدد المساهمات : 11
نقاط النشاط : 17
السٌّمعَة : 1
بلد العضو : سلايد شو متحرك احترافي جديد للمنتديات والمواقع Algeri10

سلايد شو متحرك احترافي جديد للمنتديات والمواقع Empty
مُساهمةموضوع: رد: سلايد شو متحرك احترافي جديد للمنتديات والمواقع   سلايد شو متحرك احترافي جديد للمنتديات والمواقع Emptyالثلاثاء ديسمبر 12, 2017 6:23 pm

سلايد شو راائع
هل هناك مثله لمنتديات في بي على شكل هاك فقط ؟؟

شكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Mc Nabulsy
عضو محترف 

Mc Nabulsy

ذكر
العذراء
عدد المساهمات : 1162
نقاط النشاط : 1735
السٌّمعَة : 25
بلد العضو : سلايد شو متحرك احترافي جديد للمنتديات والمواقع Ioao10
العمر : 21

سلايد شو متحرك احترافي جديد للمنتديات والمواقع Empty
مُساهمةموضوع: رد: سلايد شو متحرك احترافي جديد للمنتديات والمواقع   سلايد شو متحرك احترافي جديد للمنتديات والمواقع Emptyالجمعة ديسمبر 15, 2017 5:21 pm

السلايد خربان


سلايد شو متحرك احترافي جديد للمنتديات والمواقع 24310
سلايد شو متحرك احترافي جديد للمنتديات والمواقع 41210
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://iinkor.com
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126341
نقاط النشاط : 142023
السٌّمعَة : 2980
بلد العضو : سلايد شو متحرك احترافي جديد للمنتديات والمواقع Saudi-10
العمر : 34
سلايد شو متحرك احترافي جديد للمنتديات والمواقع Yoo_ao11

سلايد شو متحرك احترافي جديد للمنتديات والمواقع Empty
مُساهمةموضوع: رد: سلايد شو متحرك احترافي جديد للمنتديات والمواقع   سلايد شو متحرك احترافي جديد للمنتديات والمواقع Emptyالجمعة ديسمبر 15, 2017 5:23 pm

كيف خربان السلايد فيه كود بالمرفقات جافا
ضيفه موفق


سلايد شو متحرك احترافي جديد للمنتديات والمواقع Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
NAY
عضو محترف 

NAY

انثى
العذراء
عدد المساهمات : 1759
نقاط النشاط : 2297
السٌّمعَة : 153
بلد العضو : سلايد شو متحرك احترافي جديد للمنتديات والمواقع Kuwait10
العمر : 25
سلايد شو متحرك احترافي جديد للمنتديات والمواقع 6-310


سلايد شو متحرك احترافي جديد للمنتديات والمواقع Empty
مُساهمةموضوع: رد: سلايد شو متحرك احترافي جديد للمنتديات والمواقع   سلايد شو متحرك احترافي جديد للمنتديات والمواقع Emptyالإثنين ديسمبر 25, 2017 4:30 am

بسم الله الرحمن الرحيم
السلام عليكم ورحمه الله وبركاته
شكرا لج اختي جوري على الكود


пσ вεттεя тıмε ғσя чσυя ƨнıпε чσυ'яε α ƨтαя
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.ides.cf/
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126341
نقاط النشاط : 142023
السٌّمعَة : 2980
بلد العضو : سلايد شو متحرك احترافي جديد للمنتديات والمواقع Saudi-10
العمر : 34
سلايد شو متحرك احترافي جديد للمنتديات والمواقع Yoo_ao11

سلايد شو متحرك احترافي جديد للمنتديات والمواقع Empty
مُساهمةموضوع: رد: سلايد شو متحرك احترافي جديد للمنتديات والمواقع   سلايد شو متحرك احترافي جديد للمنتديات والمواقع Emptyالأربعاء يناير 10, 2018 6:56 am

منورة


سلايد شو متحرك احترافي جديد للمنتديات والمواقع Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
Picasso-Des
سوبر الإبداع 

Picasso-Des

ذكر
الجدي
عدد المساهمات : 10774
نقاط النشاط : 11116
السٌّمعَة : 136
بلد العضو : سلايد شو متحرك احترافي جديد للمنتديات والمواقع Ioao10
العمر : 36

سلايد شو متحرك احترافي جديد للمنتديات والمواقع Empty
مُساهمةموضوع: رد: سلايد شو متحرك احترافي جديد للمنتديات والمواقع   سلايد شو متحرك احترافي جديد للمنتديات والمواقع Emptyالسبت يونيو 16, 2018 11:54 pm

يعطيكم العافية على الطرح سلايد شو متحرك احترافي جديد للمنتديات والمواقع 837876428
كل الاحترام سلايد شو متحرك احترافي جديد للمنتديات والمواقع 433646733
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://medialive.pro
مصطفى ستيتان
عضو محترف 

مصطفى ستيتان

ذكر
عدد المساهمات : 1130
نقاط النشاط : 1203
السٌّمعَة : 11
بلد العضو : سلايد شو متحرك احترافي جديد للمنتديات والمواقع Ioao10

سلايد شو متحرك احترافي جديد للمنتديات والمواقع Empty
مُساهمةموضوع: رد: سلايد شو متحرك احترافي جديد للمنتديات والمواقع   سلايد شو متحرك احترافي جديد للمنتديات والمواقع Emptyالثلاثاء يوليو 24, 2018 12:52 pm

 جزاكم الله خيراً  
 سلايد شو متحرك احترافي جديد للمنتديات والمواقع 1454454920 سلايد شو متحرك احترافي جديد للمنتديات والمواقع 1454454920 سلايد شو متحرك احترافي جديد للمنتديات والمواقع 1454454920 


سبحان الله والحمدلله ولا إله إلا الله 
 
سلايد شو متحرك احترافي جديد للمنتديات والمواقع Do
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.elmanal.com
AL-SHAM5
مؤسس الإبداع العربي 

AL-SHAM5

ذكر
عدد المساهمات : 92562
نقاط النشاط : 102416
السٌّمعَة : 702
بلد العضو : سلايد شو متحرك احترافي جديد للمنتديات والمواقع Ioao10

سلايد شو متحرك احترافي جديد للمنتديات والمواقع Empty
مُساهمةموضوع: رد: سلايد شو متحرك احترافي جديد للمنتديات والمواقع   سلايد شو متحرك احترافي جديد للمنتديات والمواقع Emptyالخميس مايو 14, 2020 10:40 pm

شكرا لك

بوركت ودام عطائك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
سلايد شو متحرك احترافي جديد للمنتديات والمواقع
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الابداع العربي ::  تقنيات احلى منتدى ::  تقنيات أحلى منتدى :: التقنيات المتقدمة-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى الإبداع العربي 2020