حصريا ipad من الجيل الثالث new 2012

شرح مفصل لاكواد ورقة ال CSS لجميع النسخ Empty

5/12/2012, 21:22 من طرف AnthamElina

ودية البحرين تنتهي بالتعادل

4/12/2012, 20:58 من طرف AnthamElina

اليابان تصدر قانونا يحدد الوزن المقبول لكل من الرجال والنساء !

1/12/2012, 05:40 من طرف AnthamElina

English Speaking Tips

1/12/2012, 05:38 من طرف AnthamElina

Roommate – Apartment زميل الغرفة

26/11/2012, 03:08 من طرف AnthamElina

كم يلي نتائج اجتماع الطارئ للاتحاد العراقي لكرة القدم يوم امس 2012-10-22

23/10/2012, 19:44 من طرف AnthamElina

احلى صوت 2012 The voice

22/10/2012, 18:25 من طرف AnthamElina

تطبيق نظام الدفع المسبق مقابل 24 ساعة كهرباء

22/10/2012, 18:18 من طرف AnthamElina

مهندسون بريطانيون ينتجون البنزين من الماء والهواء

22/10/2012, 18:14 من طرف AnthamElina

عاجل : اسباب عدم نقل الرياضية العراقية الدوري العراقي هذا الموسم منقول من الاخ البهادلي حسين

20/10/2012, 21:42 من طرف

منتديات انضم الينا www.anthamelina.com :: مطور احلى منتدى :: اكوادcss فقط المفيدة

شاطر|

بيانات كاتب الموضوع

شرح مفصل لاكواد ورقة ال CSS لجميع النسخ

كاتب الموضوع

رسالة

المعلومات
الكاتب:	مصرى
اللقب:	عضو مبدع
الرتبه:
الصورة الرمزية

البيانات
عدد المساهمات :	100
نقاط :	9493
تاريخ التسجيل :	23/04/2012
المزاج :	1

التوقيت

الإتصالات

الحالة:

وسائل الإتصال:

موضوع: شرح مفصل لاكواد ورقة ال CSS لجميع النسخ

29/4/2012, 04:45

انشرالموضوع

الرد على الموضوع

الابلاغ عن الموضوع

مراقبة هذا الموضوع

السلام عليكم
ان شاء الله نقوم اليوم في هذا الموضوع
بشرح أكواد ورقة ال CSS

لجميع النسخ
phpBB2
phpBB3
Invision

ونبداء مع النسخه
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("ضع رابط الصوره");
}

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

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

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

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

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

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

الرمز:

#page-footer {
background : #ffefe7 url(ضع رابط الصوره هنا);
}

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

الرمز:

a:hover {
background-image: url(ضع هنا رابط الصوره);
border-bottom: 0px solid #105289;;
}

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

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

نسخة
Invision

ان هذه النسخه هي الاكثر تعقيدا
من حيث انها كثيرة الاكواد ولهذا عملت لكل
كود او مجموعه صوره بتوضح ايش هوعمل الكود

المجموعه الاولى
هاذه الاكواد خاصه بخانة الواجهه

الكود الاول

الرمز:

div#logostrip {
background-image: url(ضع هنـا رابط الصوره);
}

الكود الثاني

الرمز:

#submenu {
background-image: url(ضع هنـا رابط الصوره);
}

الكود الثالث

الرمز:

#submenu ul li a {
background-image: url(ضع هنـا رابط الصوره);
}

الكود الرابع

الرمز:

#submenu ul li a:hover {
background-image: url(ضع هنـا رابط الصوره);
}

الكود الخامس

الرمز:

#userlinks {
background-image: url(ضع هنـا رابط الصوره);
}

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

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

الكود الاول
لتغيرخلفية لفواصل الاقسم

الرمز:

table.ipbtable th {
background-image: url(ضع هنا رابط الصوره);
}

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

الكود الثاني
هذا الكود شبيه للاول ولكنه لايؤثر على فواصل الاقسام

الرمز:

table.ipbtable th.formsubtitle,.formsubtitle {
background-image: url(ضع هنا رابط الصوره);
}

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

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

الرمز:

.borderwrap .subtitle {
background-image: url(ضع هنا رابط الصوره);
}

صوره توضحيه

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

المجموعه الثالثه
لتغير في خلفيات الاقسام وخلفيات المواضيع وماشابه ذالك

الكود الرابع

الرمز:

.row1 {
background-image: url(ضع هنا رابط الصوره);
}

الكود الخامس

الرمز:

.row2 {
background-image: url(ضع هنا رابط الصوره);
}

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

الرمز:

.post .post-header {
background-image: url(ضع هنا رابط الصوره);
}

الكود السابع

الرمز:

.post {
background-image: url(ضع هنا رابط الصوره);
}

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

الكود الثامن

الرمز:

.post-container {
background-image: url(ضع هنــا رابط الصوره);
}

يلون واجهة المتصلين

الكود التاسع

الرمز:

.post-footer {
background-image: url(ضع هنا رابط الصوره);
}

الكود العاشر

الرمز:

.topic-footer {
background-image: url(ضع هنا رابط الصوره);
}

الكود الحادي عشر

الرمز:

div.overview {
background-image: url(ضع هنا رابط الصوره);
}

صوره توضيحيه للكود التاسع والعاشر والحادي عشر

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

الكود الثاني عشر

الرمز:

.qreply {
background-image: url(ضع هنا رابط الصوره);
}

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

الكود الثالث عشر

الرمز:

#smiley-box {
background-image: url(ضع هنا رابط الصوره);
}

الكود الرابع عشر

الرمز:

.messaging-box {
background-image: url(ضع هنا رابط الصوره);
}

صوره توضحيه للكود الثالث عشر والرابع عشر

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

الكود الخامس عشر
هذا الكود بيعمل تغير في الحدود وخلفية صندوق موضوع جديد

الرمز:

div.borderwrap,.borderwrapm {
background-image: url(ضع هنا رابط الصوره);
}

صوره توضحيه للكود الخامس عشر

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

الكودين السادس عشر

الرمز:

.select {
background-image: url(ضع هنا رابط الصوره);
}
.select button {
background-image: url(ضع هنا رابط الصوره);
}

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

الكودين السابع عشر

الرمز:

.button,.mainoption {
background-image: url(ضع هنا رابط الصوره);
}
.formbuttonrow {
background-image: url(ضع هنا رابط الصوره);
}

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

الكود الثامن عشر

الرمز:

.ipbform2 dl {
background-image: url(ضع هنا رابط الصوره);
}

الكود التاسع عشر

الرمز:

.ipbform2 dl dd {
background-image: url(ضع هنا رابط الصوره);
}

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

الكود العشرون

الرمز:

.ipbform fieldset {
background-image: url(ضع هنا رابط الصوره);
}

الكود الواحد وعشرون

الرمز:

.box-content{
background-image: url(ضع هنا رابط الصوره);
}

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

الكود االثاني وعشرون

الرمز:

.bar {
background-image: url(ضع هنا رابط الصوره);
}

الكود الثالث وعشرون

الرمز:

.activeusers {
background-image: url(ضع هنا رابط الصوره);
}

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

الكود الرابع وعشرون

الرمز:

#gfooter {
background-image: url(ضع هنا رابط الصوره);
}

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

الموضوعالأصلي : شرح مفصل لاكواد ورقة ال CSS لجميع النسخ // المصدر : منتديات انضم الينا www.anthamelina.com // الكاتب:مصرى

مصرى ; توقيع العضو

لشكاوىالعامه اضغط هنا

الابلاغعن مواضيع مخالفه من هنا

لترشيحلفريق الاشراف اضغط هنا

لمراسلةالادارة و طلبات الدعم اضغطهنا

شرح مفصل لاكواد ورقة ال CSS لجميع النسخ

مواضيع مماثلة

» حصريا كود حذف حقوق احلى منتدى صالح لجميع النسخ بدون شراء اعتمادات
» كل اكواد ورقة css للنسخة الثانية 2012
» ورقة صغيرة" تكشف الأمراض بسهولة
» إسطوانة التعريفات العملاقة لجميع أنواع الويندوز وأجهزة الكمبيوتر واللاب توب ومفيدة جدا للجميع وخصوصا

مواضيع مماثلة

مواضيع مماثلة

مواضيع ذات صلة