الرئيسية  || الأسئلة المتكررة  || المحادثة  || بحث||
  تسجيل الدخول||  التسجيل

قائمة المنتديات » خدمة أصحاب المواقع » دروس وشروحات مصوره

 


إرسال موضوع جديد الرد على الموضوع
الكاتب رسالة
 عنوان المشاركة: فعـآليـآت المنتدى , بتقنية Css , متوافقه مع المعايير القياسي
مشاركةمرسل: 12 يوليو 2011 21:30 | مشاركةأظهر مشاركة مفردة 

صورة العضو
مشرف سابق

اشترك في: 25 يوليو 2009 19:03
مشاركات: 1300
فعـآليـآت المنتدى , بتقنية Css , متوافقه مع المعايير القياسية , خالية من الأخطاء
..~ السلام عليكم ورحمة الله وبركاته ~ ..

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

أقدم لكم :

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

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

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

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

رمز PHP:
كود:
/* برمجة سواليف كام 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;/* نوع الخط المكتوب به " فعاليات المنتدى" */
    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 */
والأن مع الكلاسات :

رمز PHP:
كود:
<div id="F3alyat">
<a class="F3alyat_Titel" href="#">فعاليات المنتدى</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.traidnt.net/upfiles/7an87243.png" width="80" /></a>
<a target="_blank" title="فعالية رقم" href="#"><img alt="" height="175" src="http://upload.traidnt.net/upfiles/7an87243.png" width="80" /></a>
<a target="_blank" title="فعالية رقم" href="#"><img alt="" height="175" src="http://upload.traidnt.net/upfiles/7an87243.png" width="80" /></a>
<a target="_blank" title="فعالية رقم" href="#"><img alt="" height="175" src="http://upload.traidnt.net/upfiles/7an87243.png" width="80" /></a>
<a target="_blank" title="فعالية رقم" href="#"><img alt="" height="175" src="http://upload.traidnt.net/upfiles/7an87243.png" width="80" /></a>
<a target="_blank" title="فعالية رقم" href="#"><img alt="" height="175" src="http://upload.traidnt.net/upfiles/7an87243.png" width="80" /></a>
</div>
</div>
</div>

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

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

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

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

بالتوفيق ..~

_________________
الاسم : محمد تاية

تخصصك في الحياة :
طالب
تخصصك في النت : تطوير و دعم
تاريخ بداية اشرافك : 1/8/2009
تواجدي بالمنتدى : اوقات متقطعة

معا سنرتقى بالاستضافة الاسلامية
الاستضافة الإسلامية
ليست مجرد استضافة .. نحن نضع العالم بين يديك ..!!


          أعلى  
 
 
إرسال موضوع جديد الرد على الموضوع



المتواجدون الآن

المستخدمون المتصفحون لهذا المنتدى: لا يوجد أعضاء مسجلين متصلين و 1 زائر


عرض مشاركات سابقة منذ:  مرتبة بواسطة  
اذهب إلى:  

لا تستطيع كتابة مواضيع جديدة في هذا المنتدى
لا تستطيع كتابة ردود في هذا المنتدى
لا تستطيع تعديل مشاركاتك في هذا المنتدى
لا تستطيع حذف مشاركاتك في هذا المنتدى
لا تستطيع إرفاق ملف في هذا المنتدى



قد تضع هنا تبرعا لك عبر البي بال

Valid CSS!



Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Translated by phpBBArabia
Powered by phpBB-FOX SEO the premodded version of phpBB