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



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

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
أشرف على
admin

admin
أشرف على


ذكر
عدد المساهمات : 27639
نقاط : 60776
تاريخ التسجيل : 04/09/2009
الموقع : http://elawa2l.com/vb

الأوسمة
 :
11:

كود افضل استايلات لهذا الشهر Empty
مُساهمةموضوع: كود افضل استايلات لهذا الشهر   كود افضل استايلات لهذا الشهر Emptyالثلاثاء 20 مارس 2012 - 14:44

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

الكود: ---------


اقتباس :
<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] = 'https://i.servimg.com/u/f60/12/10/25/45/index_10.gif';
smallImg[1] = 'https://i.servimg.com/u/f60/12/10/25/45/index_11.gif';
smallImg[2] = 'https://i.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
فقط يتم عمل نسخ مكان الصورة
لصورة المعاينة
ووضعها في الكود
يوضع في


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

ضع الكود وبعدها سوي كما بالشرح
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://elawa2l.com/vb
 
كود افضل استايلات لهذا الشهر
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» ( الحج ) الشهر الكريم ذي الحجة
» حدث استايلات ملابس منقبات موضة 2012
» تحميل 3 استايلات رووووعة للنسخة 3.8.7 وما دونها
» ازرار شفافة لمصممى استايلات احلى منتدى
» لوحة شرف ذهبية تناسب جميع استايلات المنتديات

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى شنواى  :: أرشيف المنتدى :: منتدى الكمبيوتر والانترنت :: تطوير منتديات أحلى منتدى-
انتقل الى: