الرئيسيةالبوابةأحدث الصورالتسجيلدخول
كود سلايدر شو لعرض شرائح المواضيع Log10شركة انكور التطويريةكود سلايدر شو لعرض شرائح المواضيع Expire10السبت أغسطس 21, 2021 6:27 am من طرفكود سلايدر شو لعرض شرائح المواضيع Log10أفضل ألعاب الفلاش أضفها إلى موقعك مجاناًكود سلايدر شو لعرض شرائح المواضيع Expire10الثلاثاء يوليو 05, 2016 12:50 am من طرفكود سلايدر شو لعرض شرائح المواضيع Log10تصميم إستايل كامل لمنتدى تقنية الحاسوبكود سلايدر شو لعرض شرائح المواضيع Expire10الجمعة فبراير 26, 2016 6:06 am من طرفكود سلايدر شو لعرض شرائح المواضيع Log10كود Template تسجيل الدخول - احلى منتدىكود سلايدر شو لعرض شرائح المواضيع Expire10السبت يناير 16, 2016 2:54 am من طرفكود سلايدر شو لعرض شرائح المواضيع Log10طريقة إنشاء ظل بطريقة احترافية باستخدام برنامج الفوتوشوب ( مع شرح دقيق مرفق بالصور )كود سلايدر شو لعرض شرائح المواضيع Expire10الثلاثاء يناير 12, 2016 2:44 am من طرفكود سلايدر شو لعرض شرائح المواضيع Log10ستايل منتدى الابداع العربيكود سلايدر شو لعرض شرائح المواضيع Expire10الثلاثاء ديسمبر 22, 2015 3:15 pm من طرفكود سلايدر شو لعرض شرائح المواضيع Log10اهم مميزات السيرفرات السحابيةكود سلايدر شو لعرض شرائح المواضيع Expire10الثلاثاء ديسمبر 22, 2015 2:26 pm من طرفكود سلايدر شو لعرض شرائح المواضيع Log10تم تصميم بوابة عاصفة التطويركود سلايدر شو لعرض شرائح المواضيع Expire10الثلاثاء ديسمبر 22, 2015 2:25 pm من طرفكود سلايدر شو لعرض شرائح المواضيع Log10طلب تكويد الاستايل يا جماعاكود سلايدر شو لعرض شرائح المواضيع Expire10الإثنين ديسمبر 14, 2015 4:04 am من طرفكود سلايدر شو لعرض شرائح المواضيع Log10طلب تكويد استايلكود سلايدر شو لعرض شرائح المواضيع Expire10الأحد ديسمبر 13, 2015 9:11 pm من طرف

Untitled 4

شاطر

رقم المشاركة : ( 1 )
الرسام
الرسام
مدير عام
 
عدد المساهمات : 947
تاريخ التسجيل : 06/11/2013
مُساهمةكود سلايدر شو لعرض شرائح المواضيع

كُتب : [ السبت سبتمبر 05, 2015 12:27 am ]




اقدم لكم كود سلايدر شو لعرض شرائح المواضيع
كود جميل ورائع 
يمكنكم وضعه اين ماشئتم
اليكم الكود
الكود:
<style type="text/css">

#mcis {
display: none;
}

#sliderFrame {
position: relative;
width: 500px;
margin: 0 auto;
border:5px solid #FFFFFF;
border-bottom:25px solid #FFFFFF;
background:#fff;
border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;
margin-bottom:5px;
}
#slider img {
position: absolute;
border: none;
display: none;
}

#slider {
width: 500px;
height: 218px;
background: #fff url(https://lh4.googleusercontent.com/-k6J7L0AmqnE/UV7FswW-qsI/AAAAAAAABC0/iwjr-yjs8Tg/s39/cnmuslidlod.gif) no-repeat 50% 50%;
position: relative;
margin: 0 auto;
box-shadow: 0px 1px 5px #999999;
}

#slider a.imgLink {
z-index: 2;
display: none;
position: absolute;
top: 0px;
left: 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;
left: 0px;
bottom: 0px;
z-index: 3;
overflow: hidden;
font-size: 0;
}

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

div.mc-caption {
font: bold 14px/20px Arial;
color: #EEE;
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:225px;
background: none;
position: relative;
z-index: 5;
cursor: pointer;
}

div.navBulletsWrapper div {
width: 11px;
height: 11px;
background:transparent url(https://lh5.googleusercontent.com/-7NRCeJsVpFQ/UV7Fs6xP8RI/AAAAAAAABCw/REtO-oLoX7Q/s22/cnmu-sliddot.png) no-repeat 0 0;
float: left;
overflow: hidden;
vertical-align: middle;
cursor: pointer;
margin-right: 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="https://cnmu.googlecode.com/svn/trunk/cnmuslid.js" type="text/javascript"></script>

<div id="sliderFrame">
<div id="slider">
<a href="رابط الموضوع"><img src="رابط الصورة" alt="عنوان الموضوع"/></a>
<a href="رابط الموضوع"><img src="رابط الصورة" alt="عنوان الموضوع"/></a>
<a href="رابط الموضوع"><img src="رابط الصورة" alt="عنوان الموضوع"/></a>
<a href="رابط الموضوع"><img src="رابط الصورة" alt="عنوان الموضوع"/></a>
<a href="رابط الموضوع"><img src="رابط الصورة" alt="عنوان الموضوع"/></a>
<a href="رابط الموضوع"><img src="رابط الصورة" alt="عنوان الموضوع"/></a>
<a href="رابط الموضوع"><img src="رابط الصورة" alt="عنوان الموضوع"/></a>
<a href="رابط الموضوع"><img src="رابط الصورة" alt="عنوان الموضوع"/></a>
<a href="رابط الموضوع"><img src="رابط الصورة" alt="عنوان الموضوع"/></a>
<a href="رابط الموضوع"><img src="رابط الصورة" alt="عنوان الموضوع"/></a>

</div></div>

لتمنى ان يعجبكم 
لاتبخلو علينا حتى لو برد
بالتوفيق

توقيع : الرسام



الانتقال السريع

كلمة الادارة
منتدى التكويد العربي
او ل منتدى يختص بالتصميم والتكويد
أسس منتدى التكويد العربي يوم 15الأربعاء 6 نوفمبر 2013 - 14:49 )على أساس فكرة بسيطة
وهي تقديم محتوى يروق الباحث العربي خلال تصفحه للنت وذلك في مجال آخر تطورات
البرمجة وتصميم المواقع بافضل الطرق الحديثة وكذا كل الأخبار المتعلقة بالتقنية بصفة عامة
كما أننا حاولنا مزج التقنية بعالم التصميم. نقدم مواضيع خاصة بنا غير منقولة
من أي موقع او مدونة أو منتدى عربي آخر بل نلخص ما تعرضه المواقع الرسمية
لمنتوج أو اكواد او تصميم معين وونبرمجه للغة خاصة. إهتماماتنا في هذا المنتدى هو
على الشكل التالي:
1- طرح آخر أخبار البرمجة والتصميم.
2- توفير معلومات حول آخر الاكواد والتصميم المطروحة في جميع المجالات منها المجانية أو المدفوعة.
3- تلبية الباحث العربي في جميع مطالبه عبر طرح مواضيع تهتم به وبمواقعه.
4- آخر الاعمال والاكواد والتصاميم الموجدة بطرق احترافية.
5- كل ما يتعلق بالمواقع والمنتديات.
6- تقديم نصائح وأدوات لمصممي مواقع الأنترنت.
7- توفير أدوات التصميم لكل المصممين.
كما نعرض مواضيع متنوعة من فيديوهات تعليمية للمبتدئين وألبوم صور لآخر المنتوجات التي توصلت إليها التكنولوجيا الحديثة.

جميع حقوق الطبع والنشر محفوظة لمنتدى التكويد العربي


w w w . t a c w e d . com

تصميم وتكويد الرسام

شاطراذا تحب تساعدنا ما ياخذ من وقتك ثواني، إذا دخلت أي موضوع في المحبين فقط إضغط زر المشاركة من اليسار و شارك الموضوع بمواقع التواصل الإجتماعي