حيت لتميز و الابداع مكان بيننا


 
الرئيسيةاليوميةس .و .جبحـثالتسجيلدخول

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
admin1
صاحب الموقع
صاحب الموقع
avatar

مؤسس الموقع :
صفحتك :
مطور :
مزاجات :
مسميات :
اوسمتي
mms :

مزاجي

بلدي
الجنسي : ذكر
عدد المساهمات 242
تاريخ التسجيل : 25/03/2011
العمر : 29
الموقع : http://chocho.ibda3.org

مُساهمةموضوع: كود افضل ستايلات لهدا الشهر بموقعك   الجمعة أبريل 01, 2011 1:04 am



اليكم كود افضل ستايلات لاحلى منتديات لهدا الشهر


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

الكود:
<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 = 6;
 img1 = new Image();
 img1.src = 'http://hitskin.com/themes/16/83/86/preview.jpg';
 img2 = new Image();
 img2.src = 'http://hitskin.com/themes/16/65/96/preview.jpg';
 img3 = new Image();
 img3.src = 'http://hitskin.com/themes/16/47/54/preview.jpg';
img4 = new Image();
img4.src = 'http://hitskin.com/themes/16/46/55/preview.jpg';
img5 = new Image();
 img5.src = 'http://hitskin.com/themes/16/34/18/preview.jpg';
img6 = new Image();
 img6.src = 'http://hitskin.com/themes/16/17/85/preview.jpg';
 
 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';
smallImg[3] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif';
smallImg[4] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif';
smallImg[5] = 'http://i60.servimg.com/u/f60/12/10/25/45/index_12.gif';
 
 url1 = 'http://ar.hitskin.com/search-skin/skin-168386.htm';
 url2 = 'http://ar.hitskin.com/search-skin/skin-166596.htm';
 url3 = 'http://ar.hitskin.com/search-skin/skin-164754.htm';
url4 = 'http://ar.hitskin.com/search-skin/skin-164655.htm';
url5 = 'http://ar.hitskin.com/search-skin/skin-163418.htm';
url6 = 'http://ar.hitskin.com/search-skin/skin-161785.htm';

 alt1 = new Image();
 alt1.alt = 'ستايل الشباب الاحلى';
 alt2 = new Image();
 alt2.alt = 'ستايل مملكة الفرات';
 alt3 = new Image();
 alt3.alt = 'ستايل شقاؤة';
alt4 = new Image();
 alt4.alt = 'ستايل همسات';
alt5 = new Image();
 alt5.alt = 'ستايل اريح الحب';
alt6 = new Image();
 alt6.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://sabaya-cool.co.cc/

ان ردك لن ياخد بكتير من وقتك و لكنه يسعدنا و يحفزنا على المزيد من التواصل و الابداع و التميز و العطاء

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://chocho.ibda3.org
 
كود افضل ستايلات لهدا الشهر بموقعك
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات انسي الزعل :: اقسام التطويرية :: منتدى الاكواد HTML,CSS,templates :: قسم html-
انتقل الى: