السلام
عليكم ورحمة الله وبركاته
بسم الله الرحمن الرحيم
من خلال البحث
المستمر استخرجت لكم اكواد
CSS ورقة
لجميع النسخ
phpBB2
phpBB3
Invision
ونبداء مع النسخه
phpBB2
1/لجعل
الصوره كخلفيه للاقسام انسخ جميع الكود واجعله في
CSS ورقة
واضف
رابط الصوره في مكانهى المناسب
واضف صوره زي ماتبي متحركه اوثابته
مصغره
او كبيرة الحجم لايهم
الكود
2/ لتغير الخلفيه الثانيه للمنتدى كصوره
3 / لجعل حدود الاقسام في منتداك بتلمع
او حدود متقطعه على حسب الصوره
عليكم ورحمة الله وبركاته
بسم الله الرحمن الرحيم
من خلال البحث
المستمر استخرجت لكم اكواد
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> _________________ |
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]