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

منتديات عالم الالعاب المتطور

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

 

 أكود CSS للنسخة phpBB متجدد

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


عدد المساهمات : 456

أكود CSS للنسخة phpBB متجدد Empty
مُساهمةموضوع: أكود CSS للنسخة phpBB متجدد   أكود CSS للنسخة phpBB متجدد Icon_minitimeالثلاثاء يوليو 13, 2010 9:55 pm

phpBB2


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

الكود

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

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


مثال :

أكود CSS للنسخة phpBB متجدد Opoipi10



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


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


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

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

أكود CSS للنسخة phpBB متجدد U9iaxs10

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

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



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

أكود CSS للنسخة phpBB متجدد Jhgjgh10

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


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


<table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">#page-footer {
background : #ffefe7 url(ضع رابط الصوره هنا);
}
</td></tr></table>
أكود CSS للنسخة phpBB متجدد Caeaiu10

لجعل روابط منتداك بتظهر بصور مصغره
هاذا الكود بيعمل في جميع النسخ


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

استعمل هاذه الصوره كمثال
أكود CSS للنسخة phpBB متجدد Icon2610

رابط الصوره
https://i.servimg.com/u/f62/13/42/24/54/icon2610.gif

أكود CSS للنسخة phpBB متجدد Caeaiu10
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://yugi7.ace.st
 
أكود CSS للنسخة phpBB متجدد
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» أكواد CSS للنسخة Invision متجدد
» كود تغيير كلمة شاطر للنسخة الثانية

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