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

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


انشاء منتدى مجاني شبيه بهذا المنتدى

اريد تعديل!!

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

اريد تعديل!!

مُساهمة من طرف عبدالله بخدمتكم في الخميس 13 يونيو 2013 - 22:37

سلام عليكم

اخوان اريد تعديل على هذه الكود بحيث تظهر حجم الصور بمقاس

635x270

مع الاطار الذي يحيط بالصورة ايضاً بمقاس صورة:

635x270

وهذه الكود

طبعاً الكود هتمل (اجتمل)

الكود:


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</div>



<style type="text/css">



#mcis {
 display: none;
}

#sliderFrame {
 position: absolute;
 width: 500px;
 margin: 0 auto;
        border:3px solid #E1E0E2;
}

#ribbon {
 width: 111px;
 height: 111px;
 position: absolute;
 top: -4px;
 right: -4px;
}

#slider {
 width: 500px;
 height: 280px;

 background: #fff
url(https://lh3.googleusercontent.com/-jr3u7sHVNzc/T_9iyf5egvI/AAAAAAAAC9c/jwanynfbt7Y/h120/mdonti-n.blogspot.com-loading.gif)
 no-repeat 50% 50%;
 position: relative;
 margin: 0 auto;
 box-shadow: 0px 1px 5px 010007;
}

#slider img {
 position: absolute;
 border: none;
 display: none;
}

#slider a.imgLink {
 z-index: 2;
 display: none;
 position: absolute;
 top: 0px;
 right: 0px;
 border: 0;
 padding: 0;
 margin: 0;
 width: 100%;
 height: 100%;
}

div.mc-caption-bg, div.mc-caption-bg2 {
 position: absolute;
 width: 100%;
 height: auto;
 padding: 0;
 right: 0px;
 bottom: 30px;
 z-index: 3;
 overflow: hidden;
 font-size: 0;
}


div.mc-caption-bg {
 background-color: #000000;
}

div.mc-caption {
 font: bold 25px/21px traditional arabic ;
 color:  #ffffff;
 z-index: 4;
 padding: 10px 0;
 text-align: center;
}

div.mc-caption a {
 color: #FB0;
}

div.mc-caption a:hover {
 color: #DA0;
}

div.navBulletsWrapper {
 top: 290px;
 right: 180px;
 width: 350px;
 background: none;
 padding-right: 20px;
 position: relative;
 z-index: 5;
 cursor: pointer;
}

div.navBulletsWrapper div {
 width: 11px;
 height: 11px;

 background: transparent
url(https://lh3.googleusercontent.com/-XpmNmet2gQE/T_9iZTdKsgI/AAAAAAAAC9U/e5Hto1X5zKc/h120/mdonti-n.blogspot.com-bullet.png)
 no-repeat 0 0;
 float: right;
 overflow: hidden;
 vertical-align: middle;
 cursor: pointer;
 margin-left: 11px;
 _position: relative;
}

div.navBulletsWrapper div.active {
 background-position: 0 -11px;
}

#slider {
 transform: translate3d(0,0,0);
 -ms-transform: translate3d(0,0,0);
 -moz-transform: translate3d(0,0,0);
 -o-transform: translate3d(0,0,0);
 -webkit-transform: translate3d(0,0,0);
}
 </style>

<script src="http://my-mdonti.googlecode.com/files/js-image-slider.js" type="text/javascript"></script>
<div id="sliderFrame">
     <div id="ribbon"></div>
            <div id="slider">

<a href="[color=green]الاخضر[/color]"><img src="[color=red]الاحمر[/color]" alt=" [color=blue]شاهد بالصور اصعب 10 مواقف قد تتعرض لها في حياتك[/color] "/></a>

<a href="[color=green]الاخضر[/color]"><img src="[color=red]الاحمر[/color]" alt=" [color=blue]هل تعلم ان هناك خمسون موقع لن تتمكن من الوصل اليهم عبر جوجل ايرث[/color] "/></a>

<a href="[color=green]الاخضر[/color]"><img src="[color=red]الاحمر[/color]" alt="[color=blue]اجمل 10 اماكن رومانسية للعشاق ... بالصور Top 10 Romantic Destinations[/color]"/></a>

<a href="[color=green]الاخضر[/color]"><img src="[color=red]الاحمر[/color]" alt="[color=blue]اختصارات وابتسامات جديدة لشات الفيس بوك ,,, احصل عليها الان وكن الاول[/color] "/></a>

<a href="[color=green]الاخضر[/color]"><img src="[color=red]الاحمر[/color]"alt=" [color=blue]حصريا بمعنى الكلمة ... كود جافا رائع جدا ضيف لديك اعلانات او بنرات تتبدل تلقائيا وبشكل رائع اتحدى اذا شاهدته من قبل ... [/color] "/></a>
                </div></div>
[color=#000000]
[/color]

avatar
عبدالله بخدمتكم
 
 

ذكر
عدد المساهمات : 1203
معدل النشاط : 3613
السُمعة : 4

https://www.youtube.com/user/abdalah1tupe

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

رد: اريد تعديل!!

مُساهمة من طرف {عذآب} في الجمعة 14 يونيو 2013 - 7:09

ارجو منك التوضيح اخي 
هل 635x270
 270 عرض ام طول
avatar
{عذآب}
 
 

ذكر
عدد المساهمات : 3814
معدل النشاط : 7442
السُمعة : 294

http://www.quran-jed.net/index.php/component/muscol/Z/97-/85-/14

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

رد: اريد تعديل!!

مُساهمة من طرف عبدالله بخدمتكم في السبت 15 يونيو 2013 - 16:01

anawakhi كتب:ارجو منك التوضيح اخي 
هل 635x270
 270 عرض ام طول


الطول :)
avatar
عبدالله بخدمتكم
 
 

ذكر
عدد المساهمات : 1203
معدل النشاط : 3613
السُمعة : 4

https://www.youtube.com/user/abdalah1tupe

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

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


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