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

منتديات أجيال التطوير


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

 

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

اذهب الى الأسفل 
3 مشترك
كاتب الموضوعرسالة
k L A S H
عضو جديد
عضو جديد
k L A S H


الجنـــــس : ذكر
عـــدد المســـآآهمات : 14
نقاطي : 30
السٌّمعَة : 0
تاريخ التسجيل : 30/08/2011

اكواد ورقة CSS للنسخه phpBB2 Empty
مُساهمةموضوع: اكواد ورقة CSS للنسخه phpBB2   اكواد ورقة CSS للنسخه phpBB2 Emptyالثلاثاء أغسطس 30, 2011 2:52 am


السلام عليكم ورحمة الله وبركاته
اكود بتستعمل في ورقة الكيس
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
اكثر من مره قديسبب خلل بمظهر منتداك
لذا انصحكم بالحذر
السبب ليس في الاكواد لكن ورقة الكس حساسه جدا بسبب كثرة العمل عليهى


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

الرمز:




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


الجنـــــس : ذكر
عـــدد المســـآآهمات : 1063
نقاطي : 1073
السٌّمعَة : 0
تاريخ التسجيل : 08/02/2013
العــــمر : 30

اكواد ورقة CSS للنسخه phpBB2 Empty
مُساهمةموضوع: رد: اكواد ورقة CSS للنسخه phpBB2   اكواد ورقة CSS للنسخه phpBB2 Emptyالسبت فبراير 09, 2013 5:23 pm

السسلآـم عليــك'ـم ~

يعطيـــك العآإفيــ'ة ع الموضوع القميــ'ل .!

تسسـل'م ع الطرح الآروع .!

بإنتظــآر جديدـ'ك دآإئـــماً .!

في آمـــآن الله ~
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.mca14.org
rachidrachod
المدير العام
المدير العام
avatar


الجنـــــس : ذكر
عـــدد المســـآآهمات : 105
نقاطي : 105
السٌّمعَة : 0
تاريخ التسجيل : 31/03/2012
العــــمر : 32

اكواد ورقة CSS للنسخه phpBB2 Empty
مُساهمةموضوع: رد: اكواد ورقة CSS للنسخه phpBB2   اكواد ورقة CSS للنسخه phpBB2 Emptyالأحد فبراير 10, 2013 11:49 am

كود جميل تسلم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://codearab.3rab.pro/
 
اكواد ورقة CSS للنسخه phpBB2
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
»  اكواد css الخاصة بالملف الشخصي للنسخة phpbb2
»  █◄ درس ,, كيفية عمل ورقة محروقة بالفوتوشوب ►█
»  طالب يترك ورقة الامتحان خاليه وينجح !!!!
» |!| مميز |!| إستايل ( كافي لك ) الإحترافي ..!! للنسخة phpBB2
» جميع أستايلات رونق للنسخه 4.0.3

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