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

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

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

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



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

أقسام الدعم

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

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

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

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

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

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

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

عمل منتدى

اريد تعديل!!

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

اريد تعديل!!

مُساهمة من طرف عبدالله بخدمتكم في الخميس 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]


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

ذكر
عدد المساهمات : 1202
معدل النشاط : 3239

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

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

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

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

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

{عذآب}
أحلى مساعدة
أحلى  مساعدة

ذكر
عدد المساهمات : 3077
معدل النشاط : 6247

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

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

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

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

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


الطول :)

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

ذكر
عدد المساهمات : 1202
معدل النشاط : 3239

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

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

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


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