منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

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

انشاء منتدى مجاني شبيه بهذا المنتدى

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

معلومة كود احلى استايل

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

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

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

http://conquerawy.mam9.com/

محمود كحلاوى
 
 

ذكر
عدد المساهمات : 184
معدل النشاط : 2489

http://el3araby.ahlamountada.net

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

معلومة رد: كود احلى استايل

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

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

يوسف1
 
 

ذكر
عدد المساهمات : 5333
معدل النشاط : 7263

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

معلومة رد: كود احلى استايل

مُساهمة من طرف محمود كحلاوى في الخميس 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]

محمود كحلاوى
 
 

ذكر
عدد المساهمات : 184
معدل النشاط : 2489

http://el3araby.ahlamountada.net

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

معلومة رد: كود احلى استايل

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

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

واسف لأزعاجك

يوسف1
 
 

ذكر
عدد المساهمات : 5333
معدل النشاط : 7263

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

معلومة رد: كود احلى استايل

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

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

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

محمود كحلاوى
 
 

ذكر
عدد المساهمات : 184
معدل النشاط : 2489

http://el3araby.ahlamountada.net

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

معلومة رد: كود احلى استايل

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

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

يوسف1
 
 

ذكر
عدد المساهمات : 5333
معدل النشاط : 7263

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

معلومة رد: كود احلى استايل

مُساهمة من طرف يوسف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>

يوسف1
 
 

ذكر
عدد المساهمات : 5333
معدل النشاط : 7263

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

معلومة رد: كود احلى استايل

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

شغال زى الفل

تمام

جزاك الله خيرا

محمود كحلاوى
 
 

ذكر
عدد المساهمات : 184
معدل النشاط : 2489

http://el3araby.ahlamountada.net

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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