اكواد ورقة CSS للنسخه phpBB2

من طرف •●ώђḿ~ الأربعاء يوليو 20, 2011 2:00 pm

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

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

الكود الاول

</SPAN>

الرمز:

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("ضع هنا رابط الصوره");
}

استعمل احد هاذه الصور كمثال
لجعل الحدود بتلمع ومتحركه
الصوره
اكواد ورقة CSS للنسخه phpBB2 U9iaxs10

رابط الصوره
https://i.servimg.com/u/f63/12/73/86/96/u9iaxs10.gif

لجعل الحدود متقطعه
الصوره
اكواد ورقة CSS للنسخه phpBB2 Jhgjgh10

رابط الصوره
https://i.servimg.com/u/f62/13/42/24/54/jhgjgh10.png

3 / لجعل روابط منتداك بتظهر بصور مصغره
هاذا الكود بيعمل في جميع النسخ
الكود الرابع

الرمز:

a:hover {
background-image: url(ضع هنا رابط الصوره);
border-bottom: 0px solid #105289;;
}

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

اكواد ورقة CSS للنسخه phpBB2 Icon2610

رابط الصوره
https://i.servimg.com/u/f62/13/42/24/54/icon2610.gif

مثال على الاكواد
http://alshaeery.yoo7.com/forum.htm

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

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

الرمز:

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