تطوير ويب » استايلات وقوالب » سلايد شو [ jqurey & css ] جديد
بسم الله الرحمن الرحيم
السلام عليكم ورحمة ورحمة الله وبركاته
اليوم احضرت لكم سلايد شو شبيه سلايد شو العاشق
الكثيرين بحثو عن هذا السلايد شو لكنهم لم يعثرو عليه او لصعوبة العثور عليه
وايضا لانه برمجة خاصة
لكن لعيون معهد تطوير المواقع جبت السلايد شو بعد تعب كبير
صورة للسلايد شو من سيرفري الشخصي
طريقة التركيب:
قم برفع الملفات المرفقة الى مجلد منتاك الرئيسي
ثم قم بوضع هذا الكود في قالب
headinclude
رمز Code:
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript" src="scripts/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="scripts/jquery.aes.js"></script>
<script type="text/javascript" src="scripts/jquery.aes2.js"></script>
ثم قم بوضع هذا الكود في قالب
navbar
او
header
او
في حالة تريده فقط في الصفحة الرئسية فقم بوضعه في
FORUMHOME
navbar
او
header
او
في حالة تريده فقط في الصفحة الرئسية فقم بوضعه في
FORUMHOME
رمز Code :
<link rel="stylesheet" href="hawetk/style.css" type="text/css" />
<script type="text/javascript" src="hawetk/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="hawetk/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="hawetk/jquery.tipsy.js"></script>
<script type="text/javascript" src="hawetk/tabcontent.js"></script>
<script type="text/javascript" src="hawetk/jquery.carouFredSel-5.5.0.js"></script>
<script type="text/javascript" src="hawetk/custom.js"></script>
<script type="text/javascript" src="hawetk/styleswitch.js"></script>
<div style="width: 1220px;margin: 0px auto;">
<div class="image_carousel">
<div id="foo4">
<a href="http://www.animestar-arab.com/vb/t2695.html">
<img src="http://img02.arabsh.com/uploads/image/2012/11/14/0d33464864fa0d.png" alt="ناروتو شيبودن 289 Naruto Shippuden" width="201" height="127"></a>
<a href="http://www.animestar-arab.com/vb/t2566.html">
<img src="http://img02.arabsh.com/uploads/image/2012/11/14/0d33464865f307.png" alt="ون بيس 572 One Piece" width="201" height="127"></a>
<a href="http://www.animestar-arab.com/vb/t2567.html">
<img src="http://img02.arabsh.com/uploads/image/2012/11/14/0d33464864fa0c.png" alt="الصياد 55 Hunter x Hunter 2011" width="201" height="127"></a> <a href="http://www.animestar-arab.com/vb/t2684.html">
<img src="http://img02.arabsh.com/uploads/image/2012/11/14/0d33464865f305.png" alt="توريكو 81 Toriko" width="201" height="127"></a> <a href="http://www.animestar-arab.com/vb/t2647.html">
<img src="http://img02.arabsh.com/uploads/image/2012/11/14/0d33464865f304.png" alt="المحق كونان 675 Detective Conan" width="201" height="127"></a>
<a href="http://www.animestar-arab.com/vb/t2515.html">
<img src="http://img02.arabsh.com/uploads/image/2012/11/14/0d33464865f306.png" alt="فيري تيل 156 Fairy Tail" width="201" height="127"></a>
اتمنى اكون وفقت فى شرح هذا الدرس بطريقة مبسطه ، فان اصبت فمن الله وان أخطأت فمن نفسي والشيطان .
وانتظروني مع المفاجئات القادمه باذن الله راح تعجب
أصدقاء(تطوير ويب)
0تعليقات Blogger
لا توجد تعليقات على موضوع "سلايد شو [ jqurey & css ] جديد"
إرسال تعليق
التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .