عملاق الاشهار
عملاق الاشهار
عملاق الاشهار
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

عملاق الاشهار


 
الرئيسيةأحدث الصورالتسجيلدخول

 

  كود افضل استايلات لهذا الشهر

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
احمد الكرادي
عضو جديد
عضو جديد



عدد المساهمات : 35
تاريخ التسجيل : 23/02/2012

 كود افضل استايلات لهذا الشهر  Empty
مُساهمةموضوع: كود افضل استايلات لهذا الشهر     كود افضل استايلات لهذا الشهر  Emptyالجمعة فبراير 24, 2012 9:23 pm

السلام عليكم

اقدم لكم كود افضل استايلات لهذا الشهر

الكود:


<head>
<style>
<!--
.picshow_main { position: relative; width: 180px; height: 135px}
img{
border:0px}
.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 180px; height: 135px}
.picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 100px;}
.picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px;  -display: inline}
a.axx { border-color: #555}
a.bxx { border-color: #000}
-->
</style>
</head>

<div class="h3">
    <center>أفضل التصاميم لهذا الشهر</center></div>
<center>
<style type="text/css">
.picshow { z-index:444; position:relative; background-color:#ffffff; width: 100%; height: 135px}
.picshow_main { position: relative; width: 180px; height: 135px}
.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 180px; height: 135px}
.picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 100px;}
.picshow_change img {width:15px; height: 15px}
.picshow_change a { border: 1px solid; display: block; float: left; margin-right: 5px;  -display: inline}
a.axx { border-color: #555}
a.axx:hover {border-color: #000}
a.axx img { filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4}
a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0}
a.bxx { border-color: #000}
a.bxx:hover {border-color: #000}
img{
border:0px}
</style>
<script language="javascript">
 var counts = 3;
 img1 = new Image();
 img1.src = 'صورة الاستايل الاول';
 img2 = new Image();
 img2.src = 'صورة الاستايل الثاني';
 img3 = new Image();
 img3.src = 'صورة الاستايل الثالث';
 
 var smallImg = new Array();
 smallImg[0] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_10.gif';
 smallImg[1] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_11.gif';
 smallImg[2] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif';
 
 url1 = 'رابط الاستايل الاول من الهيت سكين';
 url2 = 'رابط الاستايل الثاني من الهيت سكين';
 url3 = 'رابط الاستايل الثالث من الهيت سكين';

 alt1 = new Image();
 alt1.alt = 'اسم الاستايل الاول';
 alt2 = new Image();
 alt2.alt = 'اسم الاستايل الثاني';
 alt3 = new Image();
 alt3.alt = 'اسم الاستايل الثالث';
 var nn = 1;
 var key = 0;
 function change_img() {
  if (key == 0) {
  key = 1;
  } else if (document.all) {
  document.getElementById("pic").filters[0].Apply();
  document.getElementById("pic").filters[0].Play(duration = 2);
  }
  eval('document.getElementById("pic").src=img' + nn + '.src');
  eval('document.getElementById("url_theme").href=url' + nn);
  eval('document.getElementById("pic").alt=alt' + nn + '.alt');
  if (nn == 1) {
  document.getElementById("url_theme").target = "_blank";
  document.getElementById("url_theme").style.cursor = "pointer";
  } else {
  document.getElementById("url_theme").target = "_blank"
  document.getElementById("url_theme").style.cursor = "pointer"
  }
 
  for ( var i = 1; i <= counts; i++) {
  document.getElementById("xxjdjj" + i).className = 'axx';
  }
  document.getElementById("xxjdjj" + nn).className = 'bxx';
  nn++;
  if (nn > counts) {
  nn = 1;
  }
  tt = setTimeout('change_img()', 7000);
 }
 function changeimg(n) {
  nn = n;
  window.clearInterval(tt);
  change_img();
 }
 function ImageShow() {
  document.write('<div class="picshow_main">');
  document.write('<div><a id="url_theme"><img id="pic" class="imgbig" /></a></div>');
  document.write('<div class="picshow_change">');
  for ( var i = 0; i < counts; i++) {
  document.write('<a href="javascript:changeimg(' + (i + 1)
    + ');" id="xxjdjj' + (i + 1)
    + '" class="axx" target="_self"><img src="' + smallImg[i]
    + '"></a>');
  }
  document.write('</div></div>');
  change_img();
 }
</script>
<script language="javascript" type="text/javascript">
 ImageShow();
</script>
<div class="picshow_main">
    <div style="width: 180px; height: 135px">
 </div>
</div>
</center>


بخصوص :

صورة الاستايل الاول
صورة الاستايل الثاني
صورة الاستايل الثالث

مثلا
http://ar.hitskin.com/search-skin/skin-134267.htm
فقط يتم عمل نسخ مكان الصورة
لصورة المعاينة
ووضعها في الكود
يوضع في


كيفية وضع عناصر البوابة على الرئيسية
+
لوحة الادارة
عناصر اضافية
اعدادات صفحات البوابة
مكونات

ضع الكود وبعدها سوي كما بالشرح
الرجوع الى أعلى الصفحة اذهب الى الأسفل
احمد الكرادي
عضو جديد
عضو جديد



عدد المساهمات : 35
تاريخ التسجيل : 23/02/2012

 كود افضل استايلات لهذا الشهر  Empty
مُساهمةموضوع: رد: كود افضل استايلات لهذا الشهر     كود افضل استايلات لهذا الشهر  Emptyالجمعة فبراير 24, 2012 9:23 pm

انشاء الله يعجبكم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
admin
admin
admin



عدد المساهمات : 270
تاريخ التسجيل : 21/11/2011

 كود افضل استايلات لهذا الشهر  Empty
مُساهمةموضوع: رد: كود افضل استايلات لهذا الشهر     كود افضل استايلات لهذا الشهر  Emptyالجمعة فبراير 24, 2012 10:28 pm

شكرا لـــــكــ علي الكود اخي الكريم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://alanime-almasy.hooxs.com
 
كود افضل استايلات لهذا الشهر
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
عملاق الاشهار :: قسم تطوير احلى منتدى :: الاقسام الفرعية :: اكواد الهتمل | Html-
انتقل الى:  
شات صوتي منتدى الامارات مساحة اعلانية مساحة اعلانية مساحة اعلانية مساحة اعلانية مساحة اعلانية
المواضيع الأخيرة
» الابتسامه هدية منك للغير
 كود افضل استايلات لهذا الشهر  Emptyالسبت يونيو 20, 2015 7:15 pm من طرف أحمد نصار

» لحـظـة نجـاة!!
 كود افضل استايلات لهذا الشهر  Emptyالسبت يونيو 20, 2015 7:13 pm من طرف أحمد نصار

»  اعرف نفسك من اول حرف في اسمك ....... !!!
 كود افضل استايلات لهذا الشهر  Emptyالسبت يونيو 20, 2015 7:12 pm من طرف أحمد نصار

» فوائد اخر ثلاثة ايات من سورة الحشر
 كود افضل استايلات لهذا الشهر  Emptyالسبت يونيو 20, 2015 7:08 pm من طرف أحمد نصار

» اسماء الرسول ...
 كود افضل استايلات لهذا الشهر  Emptyالسبت يونيو 20, 2015 7:06 pm من طرف أحمد نصار

» سجل حضورك بالصلاة على النبي
 كود افضل استايلات لهذا الشهر  Emptyالسبت يونيو 20, 2015 7:05 pm من طرف أحمد نصار

» اسرار استجابة الدعاء
 كود افضل استايلات لهذا الشهر  Emptyالسبت يونيو 20, 2015 7:03 pm من طرف أحمد نصار

» أنواع العلوم فى الاسلام
 كود افضل استايلات لهذا الشهر  Emptyالسبت يونيو 20, 2015 7:02 pm من طرف أحمد نصار

» ــ حظة ســ كون
 كود افضل استايلات لهذا الشهر  Emptyالسبت يونيو 20, 2015 5:25 pm من طرف admin