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

منتديات الارض العربية

برامج العاب دروس فوتوشوب دردشة
 
الرئيسيةالتسجيلدخول

 

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

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

عدد المساهمات : 475
نقاط : 11731
السٌّمعَة : 3
تاريخ التسجيل : 13/06/2011

كود افضل استايلات لهذا الشهر Empty
مُساهمةموضوع: كود افضل استايلات لهذا الشهر   كود افضل استايلات لهذا الشهر I_icon_minitimeالأربعاء يوليو 06, 2011 6:35 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 = 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>



بخصوص :

صورة الاستايل الاول
صورة الاستايل الثاني
صورة الاستايل الثالث

مثلا
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
فقط يتم عمل نسخ مكان الصورة
لصورة المعاينة
ووضعها في الكود
يوضع في


لوحة الادارة
عناصر اضافية
اعدادات صفحات البوابة
مكونات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://starworld.variousforum.com
 
كود افضل استايلات لهذا الشهر
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات الارض العربية :: تطوير المنتديات :: التطوير والمساعدة :: منتدى البرمجة والتطوير-اكواد html-
انتقل الى:  
المواضيع الأخيرة
» free download Ulead Video Studio 9 - mediafire
كود افضل استايلات لهذا الشهر I_icon_minitimeالإثنين نوفمبر 11, 2013 8:30 pm من طرف mester

»  للدردشة في الفايس بوكF-TALK
كود افضل استايلات لهذا الشهر I_icon_minitimeالجمعة نوفمبر 01, 2013 9:15 pm من طرف ماريو

» الاضافة الرائعة لبرنامج سكايب clownfish ترجمة فورية + العديد من المزايا
كود افضل استايلات لهذا الشهر I_icon_minitimeالجمعة نوفمبر 01, 2013 9:12 pm من طرف ماريو

» طريقة إستعمال برنامج الكوم الوهمي Vspe لتشغيل أكثر من برنامج شرينغ مرة واحدة
كود افضل استايلات لهذا الشهر I_icon_minitimeالأحد يونيو 30, 2013 6:46 pm من طرف TIPO10

» طلب
كود افضل استايلات لهذا الشهر I_icon_minitimeالأحد يونيو 02, 2013 11:08 am من طرف DjameL PrincE MadriD

» مصطفى بن بولعيد ـ فيلم جزائري
كود افضل استايلات لهذا الشهر I_icon_minitimeالسبت يونيو 01, 2013 11:55 am من طرف DjameL PrincE MadriD

» شاهد و حمل حصريا فيلم الطاكسي المخفي
كود افضل استايلات لهذا الشهر I_icon_minitimeالخميس مايو 23, 2013 5:33 pm من طرف mohsaid100

» تحميل لعبة Fifa Street 2 كاملة mediafire
كود افضل استايلات لهذا الشهر I_icon_minitimeالأحد مايو 05, 2013 9:53 pm من طرف othmane arrach