Hitskin.comهذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
انشاء منتدى مجانيكيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع
5 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع
من طرف إعصار الانمي الخميس 6 نوفمبر 2014 - 15:13
كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع
لو سمحتم اريد مساعدة
واريد ان تكون صورة متحركة واعرض بها اعمال فريقنا للترجمة
وشكرا
لو سمحتم اريد مساعدة
واريد ان تكون صورة متحركة واعرض بها اعمال فريقنا للترجمة
وشكرا
إعصار الانمي
-
عدد المساهمات : 6
معدل النشاط : 3808
السُمعة : 0 -
رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع
من طرف Yassine Bablil الخميس 6 نوفمبر 2014 - 17:02
Yassine Bablil-
-
عدد المساهمات : 7315
معدل النشاط : 12307
السُمعة : 167 -
رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع
من طرف Dr Godaddy الخميس 6 نوفمبر 2014 - 17: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-
-
عدد المساهمات : 707
معدل النشاط : 5258
السُمعة : 28 -
رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع
من طرف إعصار الانمي السبت 8 نوفمبر 2014 - 6:39
شكراً جزيلاً جزاك الله خيراً
ولاكن اين اضع هذا الكود
ولاكن اين اضع هذا الكود
إعصار الانمي-
عدد المساهمات : 6
معدل النشاط : 3808
السُمعة : 0 -
رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع
من طرف إعصار الانمي السبت 8 نوفمبر 2014 - 6:45
لقد ركبته لاكن هناك مشكلة الكود لا يتحرك اعني الصور لا تتحرك اتتمنى تساعدوني
إعصار الانمي-
عدد المساهمات : 6
معدل النشاط : 3808
السُمعة : 0 -
رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع
من طرف Dr Godaddy السبت 8 نوفمبر 2014 - 12:36
ركبي الكود في اي مكان يقبل الhtml
هذا كود سلايد شو
ضعي بة الصور يتحرك تلقائي
هذا كود سلايد شو
ضعي بة الصور يتحرك تلقائي
Dr Godaddy-
-
عدد المساهمات : 707
معدل النشاط : 5258
السُمعة : 28 -
رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع
من طرف إعصار الانمي السبت 8 نوفمبر 2014 - 13:33
اين اضع الصور تحديداً في الكود لوسمحت
إعصار الانمي-
عدد المساهمات : 6
معدل النشاط : 3808
السُمعة : 0 -
رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع
من طرف Dr Godaddy السبت 8 نوفمبر 2014 - 13:34
هنا
- الكود:
<div class='adv'>
<a href='#'>
<img alt='حلول بلوجر' height='100' src='هنا الصورة' width='235'/>
</a>
</div>
Dr Godaddy-
-
عدد المساهمات : 707
معدل النشاط : 5258
السُمعة : 28 -
رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع
من طرف إعصار الانمي السبت 8 نوفمبر 2014 - 14:25
لقد وضعته وهكذا ظهر ولاكنه لا يتحرك وانا لا استطيع اضافة صورة الا الصور التي به
إعصار الانمي-
عدد المساهمات : 6
معدل النشاط : 3808
السُمعة : 0 -
رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع
من طرف Dr Godaddy السبت 8 نوفمبر 2014 - 14:27
ييمكنيك تغير الصور التي بة
مثال ابحثي عن
https://lh5.googleusercontent.com/-u805DvebmHQ/Ug069bXWd9I/AAAAAAAADRg/2KSab1xSDa4/h120/ysweA+%281%29.jpg
وغيريها للصورة التي تريديها
مثال ابحثي عن
https://lh5.googleusercontent.com/-u805DvebmHQ/Ug069bXWd9I/AAAAAAAADRg/2KSab1xSDa4/h120/ysweA+%281%29.jpg
وغيريها للصورة التي تريديها
Dr Godaddy-
-
عدد المساهمات : 707
معدل النشاط : 5258
السُمعة : 28 -
رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع
من طرف stones السبت 8 نوفمبر 2014 - 14: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-
-
عدد المساهمات : 7462
معدل النشاط : 16421
السُمعة : 414 -
رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع
من طرف إعصار الانمي السبت 8 نوفمبر 2014 - 15:40
الكود هاذا بعد ان وضعته يظهر
إعصار الانمي-
عدد المساهمات : 6
معدل النشاط : 3808
السُمعة : 0 -
رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع
من طرف Dr Godaddy السبت 8 نوفمبر 2014 - 15:41
ممكن الصور الي تبي تضعيها وانا اضعها لكي
؟؟؟
؟؟؟
Dr Godaddy-
-
عدد المساهمات : 707
معدل النشاط : 5258
السُمعة : 28 -
رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع
من طرف إعصار الانمي السبت 8 نوفمبر 2014 - 16:00
هذه هي
إعصار الانمي-
عدد المساهمات : 6
معدل النشاط : 3808
السُمعة : 0 -
رد: كيف اضع صورة متحركة في منتداي واعرض بها اعمال فريقنا للترجمة او والمواضيع
من طرف alla13 السبت 8 نوفمبر 2014 - 17: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-
-
عدد المساهمات : 172
معدل النشاط : 6003
السُمعة : 6 -
مواضيع مماثلة» كيفية وضع صورة متحركة بجوار صورة المنتدى
» صورة متحركة مع الصفحة
» طلب تصميم صورة متحركة
» كيف أضع صورة gif متحركة في الموضوع
» كيفية اضافة صورة ثابته في الردود والمواضيع؟؟؟
» صورة متحركة مع الصفحة
» طلب تصميم صورة متحركة
» كيف أضع صورة gif متحركة في الموضوع
» كيفية اضافة صورة ثابته في الردود والمواضيع؟؟؟
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى