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

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


 
الرئيسيةاليوميةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

شاطر | 
 

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

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


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

مُساهمةموضوع: كود افضل استايلات لهذا الشهر    الجمعة فبراير 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

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

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


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

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

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

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

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

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

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

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

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

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

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

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