ظپط¹ظ€ط¢ظ„ظٹظ€ط¢طھ ط§ظ„ظ…ظ†طھط¯ظ‰ , ط¨طھظ‚ظ†ظٹط© Css , ظ…طھظˆط§ظپظ‚ظ‡ ظ…ط¹ ط§ظ„ظ…ط¹ط§ظٹظٹط± ط§ظ„ظ‚ظٹط§ط³ظٹط© , ط®ط§ظ„ظٹط© ظ…ظ† ط§ظ„ط£ط®ط·ط§ط،


..~ السلام عليكم ورحمة الله وبركاته ~ ..

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

أقدم لكم :

فعـآليـآت المنتدى forum , بتقنية Css , متوافقه مع المعايير القياسية , خالية من الأخطاء

المثال :
http://www.swalifcam.com/F3alyat.html

فحص موقع الـw3 هنا

والأن مع الأكواد كود code الـ Css :

 رمز PHP:
<code style="white-space:nowrap"> <code> /* برمجة سواليف كام wwww.swalifcam.com */
#F3alyat {
border-style: solid dotted solid dotted;/* شكل ولون الحد الموجود حول الصندوق الكبير */
border-width: 2px 1px 2px 1px;/* مقاسات عرض الحد */
border-color: #000000;/* لون الحد وهو الأسود غيره إلى أي لون أخر */
width: 559px;/* عرض الصندوق الكبير */
height: 260px;/* إرتفاع الصندوق الكبير */
margin: 0px auto 0px auto;/* لعملية توسيط الصندوق */



background-color: #3b3b3b;/* لون خلفية الصندوق */
}
.F3alyat_Titel {
margin: 0px auto 0px auto;
font-family: tahoma;/* نوع الخط المكتوب به " فعاليات المنتدى forum" */
text-decoration: none;
color: #fff;/* لون الخط وهو الأبيض غيره إلى أي لون أخر */
font-size: 10pt;/* حجم الخط وهو 10 بت */
text-align: center;
display: block;
width: 100px;
line-height: 50px;
}
.F3alyat_Down_Borser {
border-top-style: solid;
border-top-width: 1px;
border-top-color: #000000;
}
.F3alyat_1 {
margin-left: 30px;
margin-top: 10px;
}
img{
border:0px;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
essa_elgn;
opacity: 1.0;

}
img:hover{
filter:alpha(opacity=70);
-moz-opacity: 0.65;
opacity: 0.65;

}
/* برمجة سواليف كام wwww.swalifcam.com */
</code> </code>

والأن مع الكلاسات :

 رمز PHP:
<code style="white-space:nowrap"> <code> <div id="F3alyat">
<a class="F3alyat_Titel" href="#">فعاليات المنتدى forum</a>
<div class="F3alyat_Down_Borser"></div>
<div class="navlist">
<div class="F3alyat_1">
<a target="_blank" title="فعالية رقم" href="#"><img alt="" height="175" src="http://upload.dzbatna.net/upfiles/7an87243.png" width="80" /></a>
<a target="_blank" title="فعالية رقم" href="#"><img alt="" height="175" src="http://upload.dzbatna.net/upfiles/7an87243.png" width="80" /></a>
<a target="_blank" title="فعالية رقم" href="#"><img alt="" height="175" src="http://upload.dzbatna.net/upfiles/7an87243.png" width="80" /></a>
<a target="_blank" title="فعالية رقم" href="#"><img alt="" height="175" src="http://upload.dzbatna.net/upfiles/7an87243.png" width="80" /></a>
<a target="_blank" title="فعالية رقم" href="#"><img alt="" height="175" src="http://upload.dzbatna.net/upfiles/7an87243.png" width="80" /></a>
<a target="_blank" title="فعالية رقم" href="#"><img alt="" height="175" src="http://upload.dzbatna.net/upfiles/7an87243.png" width="80" /></a>
</div>
</div>
</div>
</code> </code>

قم بإسبتدال علامة الهـآش # برابط الفعالية وأستبدل رابط الصورة برابط فعاليتك ..~

والأن مع كيفية تركيب installها في المنتديات :

أولاً توجه إلى رئيسي Css .. وضع فيه كود code الـCss ..

ومن ثم توجه إلى قالب template الهيدر header وضع الكلاسات في أخره ..

بالتوفيق ..~









©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©