اكواد ورقة CSS المنتظره للنسخه Invision

اذهب الى الأسفل

اعلان اكواد ورقة CSS المنتظره للنسخه Invision

مُساهمة من طرف mounir.wail في الأحد ديسمبر 09, 2012 5:11 pm



موضوع: رد: اكواد ورقة CSS المنتظره للنسخه Invision الإثنين 25 مايو - 3:00


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

الكود الرابع
الرمز:

.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(ضع هنا رابط الصوره);
}

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


الكود الخامس وعشرون
لعمل خلفيه ثانيه لمنتداك
.
الرمز:

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

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


عدل سابقا من قبل alshaeery في الإثنين 25 مايو - 8:52 عدل 1 مرات

موضوع: رد: اكواد ورقة CSS المنتظره للنسخه Invision الإثنين 25 مايو - 3:08


اليكم بعض هاذه الكلامات التي يتم اضافتهى الى الاكواد مما يزيد من مساحة الاكواد او تصغيره اضفهى الى الاكود ومن ثم غير الرقم

الكلمه الاولى لزيادة الطول او العكس
الرمز:

padding: 50px;


اختر واحده من هاذه الكلمات لزيادة العرض او العكس

الرمز:

width: 100%;

width: 20em;

الكلمه الثالثه لزياده حجم الخط
الرمز:

font-size: 12px;

فالنجرب العمليه على هاذا الكود

الرمز:

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

الصوره للكود قبل العمل عليه



ندخل عليه رابط الصوره من ثم ندخل عليه الكلمه التي سوف تزيد الطول
padding: 50px;
سيصبح الكود هاكذا
الرمز:

#gfooter {
background-image: url(http://i64.servimg.com/u/f64/13/84/20/12/56444511.png);
padding: 50px;
}

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

avatar
mounir.wail

الرتبة : مدير
الجزائر
ذكر
عدد المساهمات : 197
التقييم : 111336
تاريخ الميلاد : 05/09/1996
تاريخ التسجيل : 08/04/2012
العمر : 21
المزاج : الحمد لله

http://anonymous.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

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

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى