driss86
عدد المساهمات : 50 معدل النشاط : 6323 السُمعة : 0
| موضوع: ممكن كود الذي يتحكم في الصور متلن تكون الصوره فوق والارقام تحت صورة كتوضيح الثلاثاء 15 نوفمبر 2011 - 14:00 | |
| ممكن كود الذي يتحكم في الصور متلن تكون الصوره فوق والارقام تحت كلما ضغطت على رقم يظهر لك صورة
عدل سابقا من قبل driss86 في الأربعاء 16 نوفمبر 2011 - 21:14 عدل 1 مرات | |
|
HiMa ElMaSrY
عدد المساهمات : 17761 معدل النشاط : 22610 السُمعة : 38
| موضوع: رد: ممكن كود الذي يتحكم في الصور متلن تكون الصوره فوق والارقام تحت صورة كتوضيح الثلاثاء 15 نوفمبر 2011 - 19:28 | |
| | |
|
HiMa ElMaSrY
عدد المساهمات : 17761 معدل النشاط : 22610 السُمعة : 38
| موضوع: رد: ممكن كود الذي يتحكم في الصور متلن تكون الصوره فوق والارقام تحت صورة كتوضيح الثلاثاء 15 نوفمبر 2011 - 20:57 | |
| - ayman8 كتب:
- تقربيا اقصد الصور التي تتحرك تلقائيا مثل اليوم السابع
اذا كان هكذا جرب هذا - الكود:
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://[url=http://www.w3.org/TR/html4/strict.dtd%22%3E]w3.org/TR/html4/strict.dtd">[/url] <html> <HTML dir=rtl> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>رمـضـان كـريـم</title> <link rel="shortcut icon" href="http:/[url=http://www.iconeasy.com/icon/png/Culture/Wild%20West%20Vol.%202/kerosene%20lantern.png%22]www.iconeasy.com/icon/png/Culture/Wild%20West%20Vol.%202/kerosene%20lantern.png"[/url] type="image/x-icon"> </head> <body> <div style="text-align: center;"><br><br> <div class="copysingle" id="copysingle"> <div class="post-content"> <iframe frameborder="0" height="1000" id="ifs" scrolling="no" src="http://mns4.ahladalil.com/h40-page" width="100%"></iframe></div> <div class="tags"> </div> </div> <br><br><br></div> </body> </html>
| |
|
driss86
عدد المساهمات : 50 معدل النشاط : 6323 السُمعة : 0
| موضوع: رد: ممكن كود الذي يتحكم في الصور متلن تكون الصوره فوق والارقام تحت صورة كتوضيح الأربعاء 16 نوفمبر 2011 - 21:13 | |
| صورة كتوضيح | |
|
HiMa ElMaSrY
عدد المساهمات : 17761 معدل النشاط : 22610 السُمعة : 38
| موضوع: رد: ممكن كود الذي يتحكم في الصور متلن تكون الصوره فوق والارقام تحت صورة كتوضيح الأربعاء 16 نوفمبر 2011 - 21:48 | |
| مرحبا هذا كود شبيه بيه ولكن ليس مثله تمام ضع هذا فى تشكيلات عامة - الكود:
-
<div id="ifocus"><div id="ifocus_pic"> <div id="ifocus_piclist" style="left: 0px; top: -450px;"> <ul> <li> <a target="_blank" rel="nofollow" href="http://mohamed-ko.yoo7.com/c1-category"> <img alt=" تقديم الدعم الفني بشكل احترافي " title="تقديم الدعم الفني بشكل احترافي" src="http://i42.servimg.com/u/f42/16/02/36/33/music_12.png">
</a>
</li>
<li> <a target="_blank" rel="nofollow" href="http://mohamed-ko.yoo7.com/f27-montada"> <img alt="الان اطلب تصميمك مجاني ." title="الان اطلب تصميمك مجاني" src="http://i42.servimg.com/u/f42/16/02/36/33/wepw3-10.png">
</a>
</li>
<li> <a target="_blank" rel="nofollow" href="http://mohamed-ko.yoo7.com/f66-montada"> <img alt="انضم الى فريق الاشراف على شبكة محمدكو" title="انضم الى فريق الاشراف على شبكة محمدكو" src="http://i42.servimg.com/u/f42/16/02/36/33/20202410.png">
</a>
</li>
<li> <a target="_blank" rel="nofollow" href="http://mohamed-ko.yoo7.com/forum"> <img alt="انتظرونا على محمدكو" title="انتظرونا على محمدكو " src="http://i42.servimg.com/u/f42/16/02/36/33/buo58811.gif">
</a>
</li>
</ul>
</div>
<div id="ifocus_opdiv"></div>
<div id="ifocus_tx"> <ul> <li class="normal">الدعم الفني وتطوير المواقع </li>
<li class="normal">الان اطلب تصميمك مجاني </li>
<li class="current">رشح نفسك للاشراف</li>
<li class="normal">شبكة محمدكو: معاً دائماً لتميز </li>
</ul>
</div>
</div>
<div id="ifocus_btn"> <ul> <li class="normal"> <img alt="" src="http://i42.servimg.com/u/f42/16/02/36/33/music_12.png">
</li>
<li class="normal"> <img alt="" src="http://i42.servimg.com/u/f42/16/02/36/33/wepw3-10.png">
</li>
<li class="current"> <img alt="" src="http://i42.servimg.com/u/f42/16/02/36/33/20202410.png">
</li>
<li class="normal"> <img alt="" src="http://i42.servimg.com/u/f42/16/02/36/33/buo58811.gif">
</li>
</ul>
</div>
</div>
</body>
</html>
وهذا فى ورقة تصميم Css - الكود:
-
#ifocus { background: none repeat scroll 0 0 #F8F8F8; border: 1px solid #DEDEDE; height: 245px; margin: 20px; width: 700px;
}
#ifocus_pic { display: inline; float: left; height: 225px; margin: 10px 0 0 10px; overflow: hidden; position: relative; width: 580px;
}
#ifocus_piclist { position: absolute;
}
#ifocus_piclist li { height: 225px; overflow: hidden; width: 580px;
}
#ifocus_piclist img { height: 225px; width: 580px;
}
#ifocus_btn { display: inline; float: right; margin: 9px 9px 0 0; width: 91px;
}
#ifocus_btn li { cursor: pointer; height: 57px; opacity: 0.5; width: 91px;
}
#ifocus_btn img { height: 45px; margin: 7px 0 0 11px; width: 75px;
}
#ifocus_btn .current { background: url("http://s3b.directupload.net/images/100208/fw2c4n4m.gif") no-repeat scroll 0 0 transparent; opacity: 1;
}
#ifocus_opdiv { background: none repeat scroll 0 0 #000000; bottom: 0; height: 35px; left: 0; opacity: 0.5; position: absolute; width: 410px;
}
#ifocus_tx { bottom: 8px; color: #FFFFFF; left: 8px; position: absolute;
}
#ifocus_tx .normal { display: none;
}
| |
|
driss86
عدد المساهمات : 50 معدل النشاط : 6323 السُمعة : 0
| موضوع: رد: ممكن كود الذي يتحكم في الصور متلن تكون الصوره فوق والارقام تحت صورة كتوضيح الخميس 17 نوفمبر 2011 - 15:43 | |
| ليس هذا ما اريد
- HiMa ElMaSrY كتب:
- مرحبا
هذا كود شبيه بيه ولكن ليس مثله تمام
ضع هذا فى تشكيلات عامة - الكود:
-
<div id="ifocus"><div id="ifocus_pic"> <div id="ifocus_piclist" style="left: 0px; top: -450px;"> <ul> <li> <a target="_blank" rel="nofollow" href="http://mohamed-ko.yoo7.com/c1-category"> <img alt=" تقديم الدعم الفني بشكل احترافي " title="تقديم الدعم الفني بشكل احترافي" src="http://i42.servimg.com/u/f42/16/02/36/33/music_12.png">
</a>
</li>
<li> <a target="_blank" rel="nofollow" href="http://mohamed-ko.yoo7.com/f27-montada"> <img alt="الان اطلب تصميمك مجاني ." title="الان اطلب تصميمك مجاني" src="http://i42.servimg.com/u/f42/16/02/36/33/wepw3-10.png">
</a>
</li>
<li> <a target="_blank" rel="nofollow" href="http://mohamed-ko.yoo7.com/f66-montada"> <img alt="انضم الى فريق الاشراف على شبكة محمدكو" title="انضم الى فريق الاشراف على شبكة محمدكو" src="http://i42.servimg.com/u/f42/16/02/36/33/20202410.png">
</a>
</li>
<li> <a target="_blank" rel="nofollow" href="http://mohamed-ko.yoo7.com/forum"> <img alt="انتظرونا على محمدكو" title="انتظرونا على محمدكو " src="http://i42.servimg.com/u/f42/16/02/36/33/buo58811.gif">
</a>
</li>
</ul>
</div>
<div id="ifocus_opdiv"></div>
<div id="ifocus_tx"> <ul> <li class="normal">الدعم الفني وتطوير المواقع </li>
<li class="normal">الان اطلب تصميمك مجاني </li>
<li class="current">رشح نفسك للاشراف</li>
<li class="normal">شبكة محمدكو: معاً دائماً لتميز </li>
</ul>
</div>
</div>
<div id="ifocus_btn"> <ul> <li class="normal"> <img alt="" src="http://i42.servimg.com/u/f42/16/02/36/33/music_12.png">
</li>
<li class="normal"> <img alt="" src="http://i42.servimg.com/u/f42/16/02/36/33/wepw3-10.png">
</li>
<li class="current"> <img alt="" src="http://i42.servimg.com/u/f42/16/02/36/33/20202410.png">
</li>
<li class="normal"> <img alt="" src="http://i42.servimg.com/u/f42/16/02/36/33/buo58811.gif">
</li>
</ul>
</div>
</div>
</body>
</html>
وهذا فى ورقة تصميم Css
- الكود:
-
#ifocus { background: none repeat scroll 0 0 #F8F8F8; border: 1px solid #DEDEDE; height: 245px; margin: 20px; width: 700px;
}
#ifocus_pic { display: inline; float: left; height: 225px; margin: 10px 0 0 10px; overflow: hidden; position: relative; width: 580px;
}
#ifocus_piclist { position: absolute;
}
#ifocus_piclist li { height: 225px; overflow: hidden; width: 580px;
}
#ifocus_piclist img { height: 225px; width: 580px;
}
#ifocus_btn { display: inline; float: right; margin: 9px 9px 0 0; width: 91px;
}
#ifocus_btn li { cursor: pointer; height: 57px; opacity: 0.5; width: 91px;
}
#ifocus_btn img { height: 45px; margin: 7px 0 0 11px; width: 75px;
}
#ifocus_btn .current { background: url("http://s3b.directupload.net/images/100208/fw2c4n4m.gif") no-repeat scroll 0 0 transparent; opacity: 1;
}
#ifocus_opdiv { background: none repeat scroll 0 0 #000000; bottom: 0; height: 35px; left: 0; opacity: 0.5; position: absolute; width: 410px;
}
#ifocus_tx { bottom: 8px; color: #FFFFFF; left: 8px; position: absolute;
}
#ifocus_tx .normal { display: none;
}
| |
|
HiMa ElMaSrY
عدد المساهمات : 17761 معدل النشاط : 22610 السُمعة : 38
| موضوع: رد: ممكن كود الذي يتحكم في الصور متلن تكون الصوره فوق والارقام تحت صورة كتوضيح الإثنين 21 نوفمبر 2011 - 18:42 | |
| ولكن هو المتوفر لدى حاليا يمكنك البحث هنا بنفسك التقنيات المتقدمةهنا تجدون مجموعة من التقنيات المتقدمة و الأكواد لتشخيص منتدياتكم و إظهار جمالها بأكواد مفيدة و مدروسة من قبل المتخصصونان وجد خير وبركه وان لم تجد يمكنك البحث فى محركات البحث | |
|