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

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


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

Invision


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






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

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

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

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



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

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

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


النسخه
الثانيه
phpBB3

لجعل الصوره كخلفيه لجميع الاقسام
صوره
متحركه اوثابته
مصغره او كبيرة الحجم لايهم

الكود

الرمز:
ul.topiclist li {
background-image:
url(ضع رابط الصوره);
}





هاذا الكود بيعمل على جميع النسخ

موميزات
الكود بيجعل الصوره تظهر في اي رابط بالمنتدى

الكود



الرمز:

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



خذ
هاذه الصوره كمثال

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

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




النسخه
الثالثه
Invision
وهي الاكثر تعقيدا
من حيث انهى كثيرة الاكواد
قم
بنسخ كول كود وضعه اسفل الثاني

الاكواد

لتغير خلفية الواجهه
والازرار كصوره



<table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">
div#logostrip {
background-image: url(ضع رابط
الصوره);
}
#submenu {
background-image: url(ضع رابط الصوره);
}
#submenu ul li a {
background-image: url(ضع رابط الصوره);
}
#submenu
ul li a:hover {
background-image: url(ضع رابط الصوره);
}
#userlinks
{
background-image: url(ضع رابط الصوره);
}

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



لتغير
خلفية الفاصل المدود بالاقسام



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

لتغير خلفية الاقسام
كصوره


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



لتغير
خلفية المواضيع وبينات العضو


<table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">.post .post-header {
background-image: url(ضع رابط
الصوره);
}
.post {
background-image: url(ضع رابط الصوره);
}
.post-container
{
background-image: url(ضع رابط الصوره);
}
.post-footer {
background-image:
url(ضع رابط الصوره);
}
.topic-footer {
background-image:
url(ضع رابط الصوره);
}
div.overview {
background-image: url(ضع
رابط الصوره);
}
</td></tr></table>

لتغير خلفيه
الفواصل وصندوق الوجوه الضاحكه وصندوق المساهمه


<table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">.borderwrap .subtitle {
background-image: url(ضع رابط
الصوره);
}
div.borderwrap,.borderwrapm {
background-image:
url(ضع رابط الصوره);
}
#smiley-box {
background-image: url(ضع
رابط الصوره);
}
</td></tr></table>

لتغير خلفية
العناصر


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



<table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">لتغير خلفية العنصر
button.button2, input.button2 {
background-image:
url(ضع رابط الصوره);
}
</td></tr></table>

لتغير
خلفية العناصر مثل الالوان واخر والوجوه الضاحكه


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

لتغير
الزر والخلفيه السفليه لزري معاينه وارسل مساهمتك



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



لتغير خلفية
البيانات الشخصيه في لوحة التحكم



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



لتغير
خلفية التنبيه بالبيانات الشخصيه



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

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


لتغير
خلفية الصنوق العلوي بقائمة الاعضاء



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



لتغير حدود
المنتدى
على حسب الصوره متقطعه او لماعه



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

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


لتغير
خلفية صندوق صلاحيات المنتدى


<table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">.bar {
background-image: url(ضع رابط الصوره);
}
</td></tr></table>
لتغير
خلفية صندوق
عدد المتصفحين الحاليين للمنتدى: 0 عضو مُسجل, 0 عُضو
مُختفي و 0 زائر


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

لتغير
خلفية صندوق
لا توجد أية مواضيع جديدة
مواضيع جديدة مغلقه
تثبيت
اعلان



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


لتغير خلفية حقوق الشركه


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


_________________


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