منتيدات الرائد العربي


الرائد العربي للابداع عنوان
 
الرئيسيةالرئيسية  البوابة*البوابة*  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

 اكواد css للنسخة الثانية

اذهب الى الأسفل 
كاتب الموضوعرسالة
mafia
mafia
mafia


ذكر الدلو الخنزير
عدد المساهمات : 139
نقاط : 444
تاريخ التسجيل : 30/03/2011
العمر : 23

مُساهمةموضوع: اكواد css للنسخة الثانية   السبت مايو 07, 2011 9:34 pm

السلام عليكم ورحمة الله وبركاته
اكود بتستعمل في ورقة الكيس
CSS
للنسخه
phpBB2

الاكواد
1/ لجعل الصوره كخلفيه للاقسام انسخ جميع الكود واجعله في ورقة الكيس
وجعل كل كود تحت الاخر
لذهاب الى ورقة الكيس
CSS
اتجه الى لوحة الاداره >مظهر المنتدى>الالوان>ورقة الكس>ضع الكود وادخل عليهى روابط الصور ثم قم بالتسجيل

الكود الاول

الكود:
td.row1,td.row3.over:hover {
background-image: url(" ضع هنا رابط الصوره");
}

td.row2,td.row1.over:hover {
background-image: url(" ضع هنا رابط الصوره");
}

td.row3{
background-image: url(" ضع هنا رابط الصوره");
}

td.row3Right,td.spaceRow {
background-image: url(" ضع هنا رابط الصوره");
}



2/ لتغير الخلفيه الثانيه للمنتدى كصوره
الكود الثاني
الكود:
.bodyline{
background-image: url("ضع هنا رابط الصوره");
}

مثال :
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


3 / لجعل حدود جميع منتداك بتلمع او حدود متقطعه على حسب الصوره
الكود الثالث

الكود:
.forumline{
background-image: url("ضع هنا رابط الصوره");
}

استعمل احد هاذه الصور كمثال
لجعل الحدود بتلمع ومتحركه
الصوره
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
رابط الصوره
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



لجعل الحدود متقطعه
الصوره
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
رابط الصوره
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


3 / لجعل روابط منتداك بتظهر بصور مصغره
هاذا الكود بيعمل في جميع النسخ
الكود الرابع
الكود:
a:hover {
background-image: url(ضع هنا رابط الصوره);
border-bottom: 0px solid #105289;;
}

استعمل هاذه الصوره كمثال

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
رابط الصوره
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

مثال على الاكواد
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

مهم جدا
أثناء العمل على ورقة الكيس
CSS
اكثر من مره قديسبب خلل بمظهر منتداك
لذا انصحكم بالحذر
السبب ليس في الاكواد لكن ورقة الكس حساسه جدا بسبب كثرة العمل عليهى


اما اذا اردتم أكواد الكيس ان تعمل في صندوق الهوتمل
عليكم وضعها في داخل هاذا الكود المكون من كلامتين

الكود:

<style>
ضع جميع اكواد الكيس هونا
</style>

ولكي يظهر التنسيق في جميع المنتدى
اذهب الى
لوحة الاداره>عناصر اضافيه>العناصر المستقله على الرئيسيه>انشاء عنصر شخصي

_________________
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://majorarab.ahlamoontada.com
 
اكواد css للنسخة الثانية
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتيدات الرائد العربي  :: المنتدى العام :: اكواد ورقة css-
انتقل الى: