كود احلى استايل

إرسال موضوع جديد   هذا الموضوع مغلق. لا تستطيع الرد أو تعديل الموضوع!

اذهب الى الأسفل

ãÚáæãÉ كود احلى استايل

مُساهمة من طرف محمود كحلاوى في الخميس 19 مايو 2011 - 16:23

بسم الله الرحمن الرحيم

اخوانى بعد
التعديل على الكود لتكبير حجم الصورة ظهر فراغ اسفل الكود لاحظ

http://conquerawy.mam9.com/
avatar
محمود كحلاوى
 
 

ذكر
عدد المساهمات : 184
معدل النشاط : 2974
السُمعة : 0

http://el3araby.ahlamountada.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: كود احلى استايل

مُساهمة من طرف يوسف1 في الخميس 19 مايو 2011 - 16:25

اخي اعطني الكود لو سمحت
avatar
يوسف1
 
 

ذكر
عدد المساهمات : 5333
معدل النشاط : 7748
السُمعة : 0

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: كود احلى استايل

مُساهمة من طرف محمود كحلاوى في الخميس 19 مايو 2011 - 16:26



<head>
<style>
<!--
.picshow_main { position: relative; width:1px; height: 150px}
img{
border:0px}
.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 800px; height: 450px}
.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>أconquerawy</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:800px; height: 450px}
.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 800px; height: 450px}
.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 = 'http://www7.0zz0.com/2011/05/18/10/254588955.jpg';
img2 = new Image();
img2.src = 'http://www7.0zz0.com/2011/05/18/10/101212743.jpg';
img3 = new Image();
img3.src = 'http://www7.0zz0.com/2011/05/18/10/254588955.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';

url1 = 'http://conquerawy.mam9.com/';
url2 = 'http://conquerawy.mam9.com/';
url3 = 'http://conquerawy.mam9.com/';

alt1 = new Image();
alt1.alt = 'http://conquerawy.mam9.com/';
alt2 = new Image();
alt2.alt = 'اhttp://conquerawy.mam9.com/';
alt3 = new Image();
alt3.alt = 'http://conquerawy.mam9.com/';
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>

[/code]
avatar
محمود كحلاوى
 
 

ذكر
عدد المساهمات : 184
معدل النشاط : 2974
السُمعة : 0

http://el3araby.ahlamountada.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: كود احلى استايل

مُساهمة من طرف يوسف1 في الخميس 19 مايو 2011 - 16:33

اخي هل اتيت بة من الدعم ؟؟؟؟ واذا كذلك ارجو وضع الموضوع

واسف لأزعاجك
avatar
يوسف1
 
 

ذكر
عدد المساهمات : 5333
معدل النشاط : 7748
السُمعة : 0

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: كود احلى استايل

مُساهمة من طرف محمود كحلاوى في الخميس 19 مايو 2011 - 19:46

نعم اخى من احلى منتدى

كود احلى استايل
avatar
محمود كحلاوى
 
 

ذكر
عدد المساهمات : 184
معدل النشاط : 2974
السُمعة : 0

http://el3araby.ahlamountada.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: كود احلى استايل

مُساهمة من طرف يوسف1 في الخميس 19 مايو 2011 - 20:11

اخي اين واضع انت الكود في التشكيلات ام الاعلانات
avatar
يوسف1
 
 

ذكر
عدد المساهمات : 5333
معدل النشاط : 7748
السُمعة : 0

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: كود احلى استايل

مُساهمة من طرف يوسف1 في الخميس 19 مايو 2011 - 20:15

اخي جرب هذا
الكود:

<div class="h3">
<center>أconquerawy</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:800px; height: 450px}
.picshow_main .imgbig { filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 800px; height: 450px}
.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 = 'http://www7.0zz0.com/2011/05/18/10/254588955.jpg';
img2 = new Image();
img2.src = 'http://www7.0zz0.com/2011/05/18/10/101212743.jpg';
img3 = new Image();
img3.src = 'http://www7.0zz0.com/2011/05/18/10/254588955.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';

url1 = 'http://conquerawy.mam9.com/';
url2 = 'http://conquerawy.mam9.com/';
url3 = 'http://conquerawy.mam9.com/';

alt1 = new Image();
alt1.alt = 'http://conquerawy.mam9.com/';
alt2 = new Image();
alt2.alt = 'اhttp://conquerawy.mam9.com/';
alt3 = new Image();
alt3.alt = 'http://conquerawy.mam9.com/';
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></center>
avatar
يوسف1
 
 

ذكر
عدد المساهمات : 5333
معدل النشاط : 7748
السُمعة : 0

الرجوع الى أعلى الصفحة اذهب الى الأسفل

ãÚáæãÉ رد: كود احلى استايل

مُساهمة من طرف محمود كحلاوى في الخميس 19 مايو 2011 - 20:39

شغال زى الفل

تمام

جزاك الله خيرا
avatar
محمود كحلاوى
 
 

ذكر
عدد المساهمات : 184
معدل النشاط : 2974
السُمعة : 0

http://el3araby.ahlamountada.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى