منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr2
 
@JAR7
 

عمل منتدى

كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع

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

كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع

مُساهمة من طرف إعصار الانمي في الخميس 6 نوفمبر 2014 - 14:13

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

إعصار الانمي



انثى
عدد المساهمات : 43
معدل النشاط : 912

http://eesaralanime.alhamuntada.com/

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

رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع

مُساهمة من طرف Yassine Bablil في الخميس 6 نوفمبر 2014 - 16:02

ممكن توضيح اختي الغالية
لو بحاجة تصاميم متحرك توجهي لمنتدانا الشقيق
www.ibda3araby.com

Yassine Bablil
 
 

ذكر
عدد المساهمات : 8030
معدل النشاط : 8795

http://www.club-profe.com/

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

رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع

مُساهمة من طرف Dr Godaddy في الخميس 6 نوفمبر 2014 - 16:57

تفضلي اختي
الرمز:
<script src='http://hal-slider.googlecode.com/svn/trunk/slider4/js/plugin.js' type='text/javascript'/><script>
    $(document).ready(function() {
        $('#slider li .adv:last-child').addClass('last');
        $('.slidewrap').carousel({
            slider: '.slider',
            slide: '.slide',
            slideHed: '.slidehed',
            nextSlide : '.next',
            prevSlide : '.prev',
            addPagination: false,
            addNav : false
        });
    });
</script>
<div id='slider_container'>
    <div class='slidewrap' data-autorotate='5000'>
        <ul class='slidecontrols'>
            <li><a class='next' href='#slider'>Next</a></li>
            <li><a class='prev' href='#slider'>Prev</a></li>
        </ul>
        <ul class='slider' id='slider'>
            <li class='slide'>
                <div class='adv'>
                    <a href='#'>
                        <img alt='حلول بلوجر' height='100' src='https://lh6.googleusercontent.com/-tGhTTsxc2Ag/Ug05fN3wjDI/AAAAAAAADQI/INLsGl2IuBE/h120/tfl0.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='http://3asqanime.blogspot.com/2013/09/329-naruto-shippuden-episode-329_10.html'>
                        <img alt='' height='100' src='http://4.bp.blogspot.com/-thAAGHroii4/Ui9EqfWj2AI/AAAAAAAAD68/Mow4DKK-VIQ/s1600/Untitl2ed-2.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='http://3asqanime.blogspot.com/2013/09/610-611-one-piece-episodes-610611.html'>
                        <img alt='' height='100' src='http://4.bp.blogspot.com/-SCOvNeBsR7A/Ui9BENZaZfI/AAAAAAAAD6o/msyf7JesV4w/s320/Untitled-1.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='http://3.bp.blogspot.com/-yiyDf8tm5Do/Ug052gZ5hII/AAAAAAAADQg/AVDBoNFS83w/s1600/HLQsd.png' width='235'/>
                    </a>
                </div>
            </li>
            <li class='slide'>
                <div class='adv'>
                    <a href='http://3asqanime.blogspot.com/2013/09/95-hunter-x-hunter-episode-95.html'>
                        <img alt='' height='100' src='http://im41.gulfup.com/SmmEB.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='http://4.bp.blogspot.com/-_E78gZn75fg/Ug06HvvuR5I/AAAAAAAADQw/afdw7CgkoLI/s1600/GEHVX.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh3.googleusercontent.com/-ejDcEb-3jYs/Ug06Q2V6zQI/AAAAAAAADQ4/wWZ8CicCib8/h120/4agw.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh4.googleusercontent.com/-TS-rNq8pZ2s/Ug06XnaY52I/AAAAAAAADRA/n-svC975UQU/h120/hiou.png' width='235'/>
                    </a>
                </div>
            </li>
            <li class='slide'>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh4.googleusercontent.com/-_E9qzRjgBk4/Ug06e2TrPMI/AAAAAAAADRI/sIXT5CUMcVc/h120/zlxe7.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh4.googleusercontent.com/-OT00Gr6fY4w/Ug06k2wbnAI/AAAAAAAADRQ/l9XuRtP3hpk/h120/Fsilx.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh6.googleusercontent.com/-tGhTTsxc2Ag/Ug05fN3wjDI/AAAAAAAADQM/kRrrusMGyOs/h120/tfl0.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh6.googleusercontent.com/-buQY_7L0v0k/Ug06306Z40I/AAAAAAAADRY/bB4F1Dma8Bw/h120/HLQsd+%281%29.png' width='235'/>
                    </a>
                </div>
            </li>
            <li class='slide'>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh5.googleusercontent.com/-u805DvebmHQ/Ug069bXWd9I/AAAAAAAADRg/2KSab1xSDa4/h120/ysweA+%281%29.jpg' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh5.googleusercontent.com/-3oIRtRpqX3Y/Ug07GZ3qETI/AAAAAAAADRo/mREoMo7ovDk/h120/tfl0+%281%29.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh6.googleusercontent.com/-yt6ORpmyMBc/Ug07NajHrzI/AAAAAAAADRw/k2C0Mvk9Dj8/h120/Fsilx+%281%29.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh6.googleusercontent.com/-buQY_7L0v0k/Ug06306Z40I/AAAAAAAADRY/bB4F1Dma8Bw/h120/HLQsd+%281%29.png' width='235'/>
                    </a>
                </div>
            </li>
            <li class='slide'>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh5.googleusercontent.com/-u805DvebmHQ/Ug069bXWd9I/AAAAAAAADRg/2KSab1xSDa4/h120/ysweA+%281%29.jpg' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='http://1.bp.blogspot.com/-h9-bve6nHdQ/Ug07grrcNiI/AAAAAAAADR4/KPGqH5sYvFk/s1600/GEHVX+(1).png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='https://lh3.googleusercontent.com/-ZsPjse3x200/Ug07pDiJNPI/AAAAAAAADSA/qrLFKElnCCc/h120/hiou+%281%29.png' width='235'/>
                    </a>
                </div>
                <div class='adv'>
                    <a href='#'>
                        <img alt='' height='100' src='http://1.bp.blogspot.com/-Sy8gduzsy9Y/Ug07xBr5iFI/AAAAAAAADSI/rLwvpP9-uVs/s1600/zlxe7+(1).png' width='235'/>
                    </a>
                </div>
            </li>
        </ul>
    </div>
  </div><a href="http://7lolblogger.com" rel="dofollow" ></a>
 <style>
ul, ol { margin: 0; padding: 0; list-style: none; }

#slider_container{
overflow: hidden;
width: 955px;
height: 100px;
padding: 5px 22px;
clear: both;
margin: auto;
position: relative;
border: 1px solid #CCC;
-webkit-box-shadow: 0 0 5px #999;
-moz-box-shadow: 0 0 5px #999;
-o-box-shadow: 0 0 5px #999;
}
#slider{}
#slider li .adv{
    float: right;
    margin-left: 5px;
}
#slider li .adv.last{
    margin-left: 0px !important;
}
#slider_container ul.slidecontrols{}
#slider_container ul.slidecontrols li a{
position: absolute;
top: 50%;
z-index: 5;
width: 22px;
height: 100px;
margin-top: -16px;
text-indent: -999em;
overflow: hidden;
background: #000;
background-position: 0 0;
background-repeat: no-repeat;
}
#slider_container ul.slidecontrols li a.next{
left: 0px;
top: 21px;
background: url(https://lh6.googleusercontent.com/-ee5gvYRM-BU/Ug6m4gf1gUI/AAAAAAAADVM/wKNK4e_oI6g/h120/left.png);}
#slider_container ul.slidecontrols li a.prev{
right: 0px;
top: 21px;
background: url(http://1.bp.blogspot.com/-7i6cztOSPuw/Ug6msjaPuyI/AAAAAAAADVE/3Q_PiuZ1h2g/s1600/right.png);}
</style>

Dr Godaddy
 
 

ذكر
عدد المساهمات : 982
معدل النشاط : 2362

http://www.a7la-masry.com/

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

رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع

مُساهمة من طرف إعصار الانمي في السبت 8 نوفمبر 2014 - 5:39

شكراً جزيلاً جزاك الله خيراً
ولاكن اين اضع هذا الكود 

إعصار الانمي



انثى
عدد المساهمات : 43
معدل النشاط : 912

http://eesaralanime.alhamuntada.com/

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

رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع

مُساهمة من طرف إعصار الانمي في السبت 8 نوفمبر 2014 - 5:45

لقد ركبته لاكن هناك مشكلة الكود لا يتحرك اعني الصور لا تتحرك اتتمنى تساعدوني

إعصار الانمي



انثى
عدد المساهمات : 43
معدل النشاط : 912

http://eesaralanime.alhamuntada.com/

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

رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع

مُساهمة من طرف Dr Godaddy في السبت 8 نوفمبر 2014 - 11:36

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

Dr Godaddy
 
 

ذكر
عدد المساهمات : 982
معدل النشاط : 2362

http://www.a7la-masry.com/

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

رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع

مُساهمة من طرف إعصار الانمي في السبت 8 نوفمبر 2014 - 12:33

اين اضع الصور تحديداً في الكود لوسمحت

إعصار الانمي



انثى
عدد المساهمات : 43
معدل النشاط : 912

http://eesaralanime.alhamuntada.com/

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

رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع

مُساهمة من طرف Dr Godaddy في السبت 8 نوفمبر 2014 - 12:34

هنا
الرمز:
 <div class='adv'>
                    <a href='#'>
                        <img alt='حلول بلوجر' height='100' src='هنا الصورة' width='235'/>
                    </a>
                </div>

Dr Godaddy
 
 

ذكر
عدد المساهمات : 982
معدل النشاط : 2362

http://www.a7la-masry.com/

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

رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع

مُساهمة من طرف إعصار الانمي في السبت 8 نوفمبر 2014 - 13:25

لقد وضعته وهكذا ظهر ولاكنه لا يتحرك وانا لا استطيع اضافة صورة الا الصور التي به

إعصار الانمي



انثى
عدد المساهمات : 43
معدل النشاط : 912

http://eesaralanime.alhamuntada.com/

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

رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع

مُساهمة من طرف Dr Godaddy في السبت 8 نوفمبر 2014 - 13:27

ييمكنيك تغير الصور التي بة
مثال ابحثي عن 
https://lh5.googleusercontent.com/-u805DvebmHQ/Ug069bXWd9I/AAAAAAAADRg/2KSab1xSDa4/h120/ysweA+%281%29.jpg
وغيريها للصورة التي تريديها

Dr Godaddy
 
 

ذكر
عدد المساهمات : 982
معدل النشاط : 2362

http://www.a7la-masry.com/

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

رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع

مُساهمة من طرف stones في السبت 8 نوفمبر 2014 - 13:32

مرحبا
وانا اضيف لك كود اخر ضعي روابط الصور مكان الكتابه
والروابط المواضيع مقابلها ايضا

الرمز:
<!-- Style -->
<style type="text/css">
.slider_specialoffer_content {position:relative;display:block;width:691px;height:239px;}
.slider {width:691px;height:239px;position:absolute;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_bg.png) no-repeat center center;}
.box_skitter_large {width:691px!important;height:237px!important;}
.slider img {width:691px;height:237px;margin:6px 9px;}
.slider .next_button,.slider .prev_button {position:absolute;top:40%;width:43px;height:45px;
overflow:hidden;z-index:999;text-indent:-9999px;}
.slider .next_button {right:30px;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_next.png) no-repeat;}
.slider .prev_button {left:30px;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_prev.png) no-repeat;}
</style>

<!-- Links & Scripts -->
<link href="http://www.bdayh.com/wp-content/themes/bdayh/assets/style/skitter.styles.css" media="all" rel="stylesheet" type="text/css">
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/scripts.js" type="text/javascript"></script>
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.skitter.min.js" type="text/javascript"></script>
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.addons.js" type="text/javascript"></script>
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.gridnav.js" type="text/javascript"></script>
<script type="text/javascript" src="http://foryamany2.googlecode.com/svn/trunk/4egyslide.js
"></script>

  <div class="slider_specialoffer_content">
    <div class="slider">
  <!--<a href="#" class="next_button">next</a> <a href="#" class="prev_button">prev</a> -->
      <div class="box_skitter box_skitter_large">
  <ul>
    <li><a href="رابط1"><img alt="Mizo-Slide" src="صورة1"></a></li>
    <li><a href="رابط2"><img alt="Mizo-Slide" src="صورة2"></a></li>
    <li><a href="رابط3"><img alt="Mizo-Slide" src="صورة3"></a></li>
    <li><a href="رابط4"><img alt="Mizo-Slide" src="صورة4"></a></li>
    <li><a href="رابط5"><img alt="Mizo-Slide" src="صورة5"></a></li>
    <li><a href="رابط6"><img alt="Mizo-Slide" src="صورة6"></a></li>
    <li><a href="رابط7"><img alt="Mizo-Slide" src="صورة7"></a></li>
    <li><a href="رابط8"><img alt="Mizo-Slide" src="صورة8"></a></li>
    <li><a href="رابط9"><img alt="Mizo-Slide" src="صورة9"></a></li>
  </ul>
      </div>
    </div>
  </div>

stones
 
 

ذكر
عدد المساهمات : 11045
معدل النشاط : 13485

http://stones.arab.st/

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

رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع

مُساهمة من طرف إعصار الانمي في السبت 8 نوفمبر 2014 - 14:40

الكود هاذا بعد ان وضعته يظهر

إعصار الانمي



انثى
عدد المساهمات : 43
معدل النشاط : 912

http://eesaralanime.alhamuntada.com/

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

رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع

مُساهمة من طرف Dr Godaddy في السبت 8 نوفمبر 2014 - 14:41

ممكن الصور الي تبي تضعيها وانا اضعها لكي
؟؟؟

Dr Godaddy
 
 

ذكر
عدد المساهمات : 982
معدل النشاط : 2362

http://www.a7la-masry.com/

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

رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع

مُساهمة من طرف إعصار الانمي في السبت 8 نوفمبر 2014 - 15:00

هذه هي 












إعصار الانمي



انثى
عدد المساهمات : 43
معدل النشاط : 912

http://eesaralanime.alhamuntada.com/

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

رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع

مُساهمة من طرف alla13 في السبت 8 نوفمبر 2014 - 16:25

الرمز:
        <!-- Style -->
        <style type="text/css">
        .slider_specialoffer_content {position:relative;display:block;width:691px;height:239px;}
        .slider {width:691px;height:239px;position:absolute;
        background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_bg.png) no-repeat center center;}
        .box_skitter_large {width:691px!important;height:237px!important;}
        .slider img {width:691px;height:237px;margin:6px 9px;}
        .slider .next_button,.slider .prev_button {position:absolute;top:40%;width:43px;height:45px;
        overflow:hidden;z-index:999;text-indent:-9999px;}
        .slider .next_button {right:30px;
        background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_next.png) no-repeat;}
        .slider .prev_button {left:30px;
        background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_prev.png) no-repeat;}
        </style>
       
        <!-- Links & Scripts -->
        <link href="http://www.bdayh.com/wp-content/themes/bdayh/assets/style/skitter.styles.css" media="all" rel="stylesheet" type="text/css">
        <script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery-1.7.1.min.js" type="text/javascript"></script>
        <script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/scripts.js" type="text/javascript"></script>
        <script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.skitter.min.js" type="text/javascript"></script>
        <script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.easing.1.3.js" type="text/javascript"></script>
        <script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.addons.js" type="text/javascript"></script>
        <script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.gridnav.js" type="text/javascript"></script>
        <script type="text/javascript" src="http://foryamany2.googlecode.com/svn/trunk/4egyslide.js
        "></script>
       
          <div class="slider_specialoffer_content">
            <div class="slider">
          <!--<a href="#" class="next_button">next</a> <a href="#" class="prev_button">prev</a> -->
              <div class="box_skitter box_skitter_large">
          <ul>
            <li><a href="رابط1"><img alt="Mizo-Slide" src="http://im79.gulfup.com/3bzeHm.gif"></a></li>
            <li><a href="رابط2"><img alt="Mizo-Slide" src="http://im79.gulfup.com/c36xF4.gif"></a></li>
            <li><a href="رابط3"><img alt="Mizo-Slide" src="http://im79.gulfup.com/MXtqMi.gif"></a></li>
            <li><a href="رابط4"><img alt="Mizo-Slide" src="http://im79.gulfup.com/ZtmUTb.jpg"></a></li>
                    </ul>
              </div>
            </div>
          </div>

جرب الان

alla13
 
 

ذكر
عدد المساهمات : 162
معدل النشاط : 3020

http://alla-omar.mo-rpg.com

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

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


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