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



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

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

شاطر | 
 

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

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

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

مُساهمةموضوع: كود افضل استايلات لهذا الشهر   الخميس يوليو 11, 2013 4:37 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
فقط يتم عمل نسخ مكان الصورة
لصورة المعاينة
ووضعها في الكود
يوضع في


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

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

وتحياتي لكم


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

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