كافيه التجريبي ..
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



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

 

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

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

المدير العام مؤسس الموقع
أمير الظلام


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


أكواد css التي تعمل على جميع النسخ  Empty
مُساهمةموضوع: أكواد css التي تعمل على جميع النسخ    أكواد css التي تعمل على جميع النسخ  Emptyالأحد 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>


مثال :

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



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>


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

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

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

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

او هاذه وهي الافضل
أكواد css التي تعمل على جميع النسخ  Rainbo10
رابط الصوره
https://i.servimg.com/u/f62/13/42/24/54/rainbo10.gif



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

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

رابط الصوره
https://i.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>

صور توضيحيه لهاذه المجموعه من الاكواد
أكواد css التي تعمل على جميع النسخ  77312511


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

الكود الاول
لتغيرخلفية لفواصل الاقسم
<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>

صوره توضحيه
أكواد css التي تعمل على جميع النسخ  36241711


الكود الثاني
هاذا الكود شبيه للاول ولكنه لايؤثر على فواصل الاقسام
<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>

صوره توضحيه
أكواد css التي تعمل على جميع النسخ  22698310


الكود الثالث
لتغير في فواصل عمل موضوع جديد وبعض الاماكن الاخرا
<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 التي تعمل على جميع النسخ  47883310
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
أكواد css التي تعمل على جميع النسخ
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» جميع أكواد التومبلات فقط على صفحة و احدة .....
» أكواد توسيط جميع المشاركات دون التأثير علي باقي المنتدي من صنعي
» مجموعة أكواد Css جمعتها لكم خصيصاً
» كود منع الزوار من النسخ أكسس حصري
»  شرح عمل اي شيء بأسفل المنتدى>>على النسخ الثلاث

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