الرئيسيةالرئيسية  البوابةالبوابة  بحـثبحـث  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

 أكواد css التي تعمل على جميع النسخ

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
أمير الظلام
المدير العام
مؤسس الموقع

المدير العام مؤسس الموقع
avatar

جِنســَــــِـٌــَيے : ذكر
دولتــُـِـــــَـِـيےَِ :
مَـزاِجَــيِـَِـــے َ :
تَعَرَِفِيَةَ عِلَيكَِم مَنِِےَِ :
مُــشَارِكًََــاتِـيے : 392
نُقاَط نشَـاطـَـِيےَ : 12598
أَحِتـَِراِم القَـُوانِـيِـَنِےَ أَحِتـَِراِم القَـُوانِـيِـَنِےَ :
ِتـَوِقيًِـَعَِ اَِلًمًِِنِتِدَـًِِےَِ:ُ :
SMS سِـــرّ سَعّـــآدَة قَلّبِـــگ ♥️
آنّ تَشّعُــــرْ آنّ آللّـّـــه رَآضّيــــﮯ عَنّـــگ
• فـــلّا تَنّسَــــﮯ ذِكَـــرّ آللّـــّه


مُساهمةموضوع: أكواد css التي تعمل على جميع النسخ    الأحد 18 نوفمبر - 20:52

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

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


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


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


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

الكود

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

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


مثال :





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


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


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

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



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

او هاذه وهي الافضل

رابط الصوره
http://i62.servimg.com/u/f62/13/42/24/54/rainbo10.gif



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



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


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


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




بعد طول انتظار اتينا لكم باكواد الكيس للنسخه
Invision
ان هاذه النسخه هي الاكثر تعقيدا
من حيث انها كثيرة الاكواد ولهذا عملت لكل
كود او مجموعه صوره بتوضح ايش هوعمل الكود

المجموعه الاولى
هاذه الاكواد خاصه بخانة الواجهه

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

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

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

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

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

صور توضيحيه لهاذه المجموعه من الاكواد



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

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

صوره توضحيه



الكود الثاني
هاذا الكود شبيه للاول ولكنه لايؤثر على فواصل الاقسام
<table border="0" cellpadding="0" cellspacing="1" align="center"><tr><td align="left">الرمز:</td></tr><tr><td class="code" align="left">table.ipbtable th.formsubtitle,.formsubtitle {
background-image: url(ضع هنا رابط الصوره);
}
</td></tr></table>

صوره توضحيه



الكود الثالث
لتغير في فواصل عمل موضوع جديد وبعض الاماكن الاخرا
<table border="0" cellpadding="0" cellspacing="1" align="center"><tr><td align="left">الرمز:</td></tr><tr><td class="code" align="left">.borderwrap .subtitle {
background-image: url(ضع هنا رابط الصوره);
}
</td></tr></table>

صوره توضحيه





الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
أكواد css التي تعمل على جميع النسخ
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
كافيه التجريبي .. :: 
تطوير أحلى المنتديات
 :: 
الأكواد و التقنيات المتقدمة
 :: الأكواد الإنسيابية CSS
-
انتقل الى: