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

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

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

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

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

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

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

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

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

http://conquerawy.mam9.com/

محمود كحلاوى
 
 

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

http://el3araby.ahlamountada.net

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

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

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

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

يوسف1
 
 

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

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

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

مُساهمة من طرف محمود كحلاوى في الخميس 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] = 'https://i60.servimg.com/u/f60/12/10/25/45/index_10.gif';
smallImg[1] = 'https://i60.servimg.com/u/f60/12/10/25/45/index_11.gif';
smallImg[2] = 'https://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
معدل النشاط : 2440

http://el3araby.ahlamountada.net

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

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

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

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

واسف لأزعاجك

يوسف1
 
 

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

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

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

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

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

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

محمود كحلاوى
 
 

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

http://el3araby.ahlamountada.net

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

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

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

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

يوسف1
 
 

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

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

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

مُساهمة من طرف يوسف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
معدل النشاط : 7214

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

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

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

شغال زى الفل

تمام

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

محمود كحلاوى
 
 

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

http://el3araby.ahlamountada.net

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

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


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