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

منتديات عالمنا التقني

منتدى عربي يهدف لخدمة الشباب العربي في كل مايخص التكنلوجيا والهواتف الذكية
 
الرئيسيةالرئيسية  التسجيلالتسجيل  دخولدخول  

 

 اكواد ورقة CSS للنسخه phpBB2

اذهب الى الأسفل 
كاتب الموضوعرسالة
ebtkare
عالمي لانستغنى عنة
ebtkare


ذكر
مشاركاتي : 1395
عمري : 29
نقاط تميزي : 2951
سجلت في : 10/06/2011
احترامي للقوانين احترامي للقوانين : اكواد ورقة CSS للنسخه phpBB2 111010

اكواد ورقة CSS للنسخه phpBB2 Empty
مُساهمةموضوع: اكواد ورقة CSS للنسخه phpBB2   اكواد ورقة CSS للنسخه phpBB2 Emptyالسبت 11 يونيو 2011, 2:28 pm

السلام عليكم ورحمة الله وبركاته
اكود بتستعمل في ورقة الكيس
CSS
للنسخه
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("ضع هنا رابط الصوره");
}

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



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


3 / لجعل روابط منتداك بتظهر بصور مصغره
هاذا الكود بيعمل في جميع النسخ
الكود الرابع
الرمز:
a:hover {
background-image: url(ضع هنا رابط الصوره);
border-bottom: 0px solid #105289;;
}

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

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

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

مهم جدا
أثناء العمل على ورقة الكيس
CSS
اكثر من مره قديسبب خلل بمظهر منتداك
لذا انصحكم بالحذر
السبب ليس في الاكواد لكن ورقة الكس حساسه جدا بسبب كثرة العمل عليهى


اما اذا اردتم أكواد الكيس ان تعمل في صندوق الهوتمل
عليكم وضعها في داخل هاذا الكود المكون من كلامتين

الرمز:

<style>
ضع جميع اكواد الكيس هونا
</style>


ولكي يظهر التنسيق في جميع المنتدى
اذهب الى
لوحة الاداره>عناصر اضافيه>العناصر المستقله على الرئيسيه>انشاء عنصر شخصي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
اكواد ورقة CSS للنسخه phpBB2
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» اكواد ورقة CSS المنتظره للنسخه Invision
» اضافه ايطار سفلى وعلوى للاقسام بدون تومبيلات للنسخه Invision
» طريقة وضع ورقة css بالطريقة الصحيحة
» كل اكواد css الخاصة بالملف الشخصي للنسخة invision
» مجموعة اكواد CSS للنسخة invision تجعل منتداك بشكل رائع وجميل ولا تؤثر على ارشفة قوقل موجود الدليل

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات عالمنا التقني :: عالمنا الإداري :: عالم المواضيع المخالفة :: عالمنا القديم :: تطوير المنتديات من نوع Ahlamontada :: المعاينة-
انتقل الى: