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

اذهب الى الأسفل

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

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

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



انثى
عدد المساهمات : 43
معدل النشاط : 1417
السُمعة : 0

http://eesaralanime.alhamuntada.com/

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

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

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

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

ذكر
عدد المساهمات : 8530
معدل النشاط : 9838
السُمعة : 164

https://ev1el.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>
avatar
Dr Godaddy
 
 

ذكر
عدد المساهمات : 982
معدل النشاط : 2867
السُمعة : 28

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

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

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

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

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



انثى
عدد المساهمات : 43
معدل النشاط : 1417
السُمعة : 0

http://eesaralanime.alhamuntada.com/

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

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

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

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



انثى
عدد المساهمات : 43
معدل النشاط : 1417
السُمعة : 0

http://eesaralanime.alhamuntada.com/

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

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

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

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

ذكر
عدد المساهمات : 982
معدل النشاط : 2867
السُمعة : 28

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

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

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

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

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



انثى
عدد المساهمات : 43
معدل النشاط : 1417
السُمعة : 0

http://eesaralanime.alhamuntada.com/

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

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

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

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

ذكر
عدد المساهمات : 982
معدل النشاط : 2867
السُمعة : 28

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

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

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

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

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



انثى
عدد المساهمات : 43
معدل النشاط : 1417
السُمعة : 0

http://eesaralanime.alhamuntada.com/

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

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

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

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

ذكر
عدد المساهمات : 982
معدل النشاط : 2867
السُمعة : 28

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>
avatar
stones
 
 

ذكر
عدد المساهمات : 11057
معدل النشاط : 14011
السُمعة : 414

http://stones.arab.st/

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

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

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

الكود هاذا بعد ان وضعته يظهر
avatar
إعصار الانمي



انثى
عدد المساهمات : 43
معدل النشاط : 1417
السُمعة : 0

http://eesaralanime.alhamuntada.com/

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

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

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

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

ذكر
عدد المساهمات : 982
معدل النشاط : 2867
السُمعة : 28

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

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

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

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

هذه هي 











avatar
إعصار الانمي



انثى
عدد المساهمات : 43
معدل النشاط : 1417
السُمعة : 0

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>

جرب الان
avatar
alla13
 
 

ذكر
عدد المساهمات : 162
معدل النشاط : 3525
السُمعة : 0

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

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

الرجوع الى أعلى الصفحة


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