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

من طرف **KhaliD MallaH** الثلاثاء أبريل 12, 2011 5:54 pm

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

من خلال البحث المستمر استخرجت لكم اكواد
CSS ورقة

لجميع النسخ
phpBB2
phpBB3
Invision

ونبداء مع النسخه
phpBB2

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

الكود

<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الرمز:</td></tr><tr><td class="code">

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

</td></tr></table>

2/ لتغير الخلفيه الثانيه للمنتدى كصوره

<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الرمز:</td></tr><tr><td class="code">
.bodyline{
background-image: url("ضع رابط الصوره");
}

</td></tr></table>

مثال :

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

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

<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الرمز:</td></tr><tr><td class="code">.forumline{
background-image: url("ضع رابط الصوره");
}
</td></tr></table>

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

لجعل الحدود بتلمع ومتحركه
الصوره

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

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

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

لجعل الحدود متقطعه
الصوره

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

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

لعمل واجهه سفليه

<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الرمز:</td></tr><tr><td class="code">#page-footer {
background : #ffefe7 url(ضع رابط الصوره هنا);
}
</td></tr></table>