منـتديـات إبـداع الأنمــي
كود افضل استايلات لهذا الشهر 1332233748631

منـتديـات إبـداع الأنمــي
كود افضل استايلات لهذا الشهر 1332233748631

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

منـتديـات إبـداع الأنمــي

~ عــآالـــم الإبــــداآع أنـــتم روادهـ ,,
 
الرئيسيةالبوابةأحدث الصورالتسجيلدخول
 منتديات ابداع الانمي ,, يرحب بكم ,, ويتمنى لكم جولة سعيدة
يمنع الاشهار منعا ياتا لانه سيعرض العضو للطرد
لا للردود العشوائية

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
lofi
[ مشرف ] ،
[ مشرف ] ،
lofi


ذكر
عدد المساهمات : 143
نقاط : 264
تاريخ التسجيل : 15/01/2013

كود افضل استايلات لهذا الشهر Empty
مُساهمةموضوع: كود افضل استايلات لهذا الشهر   كود افضل استايلات لهذا الشهر I_icon_minitimeالخميس يوليو 11, 2013 4:37 pm

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

السلام عليكم

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

الكود: ---------تضليل المحتوى
الكود:


<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
فقط يتم عمل نسخ مكان الصورة
لصورة المعاينة
ووضعها في الكود
يوضع في


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

ضع الكود وبعدها سوي كما بالشرح

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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منـتديـات إبـداع الأنمــي :: @ الـتطويــر و المســـاعــدة .,. :: >> اكـواد الهـوتميـل ..-
انتقل الى: