ممكن كود الذي يتحكم في الصور متلن تكون الصوره فوق والارقام تحت صورة كتوضيح

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

ممكن كود الذي يتحكم في الصور متلن تكون الصوره فوق والارقام تحت صورة كتوضيح

مُساهمة من طرف driss86 في الثلاثاء 15 نوفمبر 2011 - 14:00

بسم الله الرحمان الر
ممكن كود الذي يتحكم في الصور

متلن تكون الصوره فوق والارقام تحت كلما ضغطت على رقم يظهر لك صورة
جازاك الله خيراً


عدل سابقا من قبل driss86 في الأربعاء 16 نوفمبر 2011 - 21:14 عدل 1 مرات
avatar
driss86



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

http://al7abib.mam9.com

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

رد: ممكن كود الذي يتحكم في الصور متلن تكون الصوره فوق والارقام تحت صورة كتوضيح

مُساهمة من طرف HiMa ElMaSrY في الثلاثاء 15 نوفمبر 2011 - 19:28

السلام عليكم

مرحباً بك في منتدى الدعم و المساعدة الخاص بشركة احلى منتدى

بما
أنك جديد في منتدانا, اعطيك هنا بعض الروابط التي يستحسن تذكرها و الإطلاع
على محتواها قبل أي سؤال مقبل:

قانون منتدى الدعم من الواجب عليك احترامها للحصول على إجابة سريعة

مواضيع تشرح لك بالصور كل تقنيات و خبايا ادارة منتداك


مواضيع تشرح لك تقنيات منقدمة لتشخيص ورفع مردود منتداك
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
و الآن, للإجابة على سؤالك,.
ممكن صورة كتوضيح لما تريده صديقى
Arrow
avatar
HiMa ElMaSrY
 
 

ذكر
عدد المساهمات : 17833
معدل النشاط : 20155
السُمعة : 36

https://www.facebook.com/Himaa.Vic

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

رد: ممكن كود الذي يتحكم في الصور متلن تكون الصوره فوق والارقام تحت صورة كتوضيح

مُساهمة من طرف HiMa ElMaSrY في الثلاثاء 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>


avatar
HiMa ElMaSrY
 
 

ذكر
عدد المساهمات : 17833
معدل النشاط : 20155
السُمعة : 36

https://www.facebook.com/Himaa.Vic

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

رد: ممكن كود الذي يتحكم في الصور متلن تكون الصوره فوق والارقام تحت صورة كتوضيح

مُساهمة من طرف driss86 في الأربعاء 16 نوفمبر 2011 - 21:13

صورة كتوضيح
avatar
driss86



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

http://al7abib.mam9.com

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

رد: ممكن كود الذي يتحكم في الصور متلن تكون الصوره فوق والارقام تحت صورة كتوضيح

مُساهمة من طرف HiMa ElMaSrY في الأربعاء 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;


}


avatar
HiMa ElMaSrY
 
 

ذكر
عدد المساهمات : 17833
معدل النشاط : 20155
السُمعة : 36

https://www.facebook.com/Himaa.Vic

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

رد: ممكن كود الذي يتحكم في الصور متلن تكون الصوره فوق والارقام تحت صورة كتوضيح

مُساهمة من طرف driss86 في الخميس 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;


}


avatar
driss86



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

http://al7abib.mam9.com

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

رد: ممكن كود الذي يتحكم في الصور متلن تكون الصوره فوق والارقام تحت صورة كتوضيح

مُساهمة من طرف HiMa ElMaSrY في الإثنين 21 نوفمبر 2011 - 18:42

ولكن هو المتوفر لدى حاليا
Wink
يمكنك البحث هنا بنفسك
التقنيات المتقدمة


هنا تجدون مجموعة من التقنيات المتقدمة و الأكواد لتشخيص منتدياتكم و إظهار جمالها بأكواد مفيدة و مدروسة من قبل المتخصصون
ان وجد خير وبركه

وان لم تجد
يمكنك البحث فى محركات البحث
avatar
HiMa ElMaSrY
 
 

ذكر
عدد المساهمات : 17833
معدل النشاط : 20155
السُمعة : 36

https://www.facebook.com/Himaa.Vic

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

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


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