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


اكواد-برمجة-تصميم-استايلات-اشهار-تطوير-ابداع-خدمات مجانا-خدمات مدفوعة-تومبيلات-اورنت للخدمات التطويرية والابداعية
 
الرئيسيةأحدث الصورالتسجيلدخول

 

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

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
Black He@rm
اشهاري خبير
Black He@rm


ذكر عدد المساهمات : 318
تاريخ التسجيل : 22/09/2011
العمر : 32
الموقع : اشهار نت

اكواد ورقة CSS للنسخه phpBB2   Empty
مُساهمةموضوع: اكواد ورقة CSS للنسخه phpBB2    اكواد ورقة CSS للنسخه phpBB2   Emptyالجمعة سبتمبر 23, 2011 12:30 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("ضع هنا رابط الصوره");
}


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

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



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

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


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


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


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

مثال على الاكواد
http://alshaeery.yoo7.com/forum.htm

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


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

الرمز:

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


ولكي يظهر التنسيق في جميع المنتدى
اذهب الى
لوحة الاداره>عناصر اضافيه>العناصر المستقله على الرئيسيه>انشاء عنصر شخصي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Admin
المدير العام
Admin


ذكر عدد المساهمات : 288
تاريخ التسجيل : 22/09/2011

اكواد ورقة CSS للنسخه phpBB2   Empty
مُساهمةموضوع: رد: اكواد ورقة CSS للنسخه phpBB2    اكواد ورقة CSS للنسخه phpBB2   Emptyالخميس أكتوبر 06, 2011 3:26 pm

اشكرك موضوع جميل
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://publicity.forumarabia.com
 
اكواد ورقة CSS للنسخه phpBB2
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» اكواد ورقة CSS المنتظره للنسخه Invision
» كل اكواد css الخاصة بالملف الشخصي للنسخة invision
» كود (Css) لوضع صورة البسمله بدون خطوط للنسخه الثانيه فقط
» كود وضع خلفيه بشكل مميز لمسميات المنتديات للنسخه الثانيه
» اضافه ايطار سفلى وعلوى للاقسام بدون تومبيلات للنسخه Invision

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدي احلي ابداع :: اقسام الشروحات والتقنيات العامة :: تطوير احلي منتدي :: الاكواد الانسبية Css-
انتقل الى: