طريقة وضع استايل للمنتدي
اذهبي للوحة الادارة>>مظهر المنتدي>>
الصور و الألوان>>إدارة الصور>>لوحة ادارة كاملة
وبعدين بتفتحلكـ صفحة
اول شيء
تحطي رابط الواجهة في المربع اللي مكتوب فيه (البنر الرئيسي للمنتدى :)
وبعدين
اتبعي الخطوات الآتية
في المناطق الآتية ضعي رابط كل صورة متخصصة لها
الصورة الخلفية للصفحة : ضعي صورة المنتدي الخلفية مثل هاذي
الرئيسية : ضعي صورة الرئيسية مثل هاذي
وهكذا نفس الخطوات في الباقي ماعدا
الصورة الخلفية للعنوان : - الصورة الخلفية للفئات (اليسرى) : - الصورة الخلفية للفئات (اليمنى) : - اليومية : - مكتبة الصور : - المجموعات :
اتركي هاذول لحالهم ولا تحطين فيهم اي روابط
واما هاذول
عارضة التصويت - يسار :-عارضة التصويت - وسط :-عارضة التصويت - اليمين :
سيبي صورهم متل ما هي
وبعدين اضغطي سجل
ثم اضغطي علي
ايقونات المنتدي
واجعلي رابط كل من
الفئة : -- منتدى :
ورابط كل من
الفئة - جديد : --منتدى - جديد :
ورابط كل من
الفئة - مقفل : -- منتدى - مقفل :
نفس الرابط
يعني كل اتنين من اللي قولتهم مع بعض
يكون رابطهم نفس الرابط
ودوسي علي سجل
وروحي علي
الازرار
وغيري اول تلاتة لو عايزة ولو مش عايزة خلاص علي راحتكـ
واسماءهم
ارسل الموضوع الجديد : --رد على الموضوع : -- مواضيع جديدة [ مغلق ] :
وبعدين سجلي
والآن نأتي للكماليات
اولا صورة مافوق الفئات
اذهبي للوحة الادارة>>مظهر المنتدي>>
الصور و الألوان>>ألوان>>ورقة تصميم css
وبعدين هاتلاقي عندك كلام كتييييييييييييييييييييييييير
بس يعني انا مرتباه
انزلي تحت خااالص وهاتلاقي عندك الكود ده
- الكود:
-
/***كود صورة فوق الفئات
***/
table.forumline {
background-position: top right;
-moz-border-radius:15px 15px 15px 15px;
background:url("http://i37.servimg.com/u/f37/17/22/64/86/untitl17.gif") no-repeat scroll center top ;
border:0px solid ;
padding:120px 2px 2px;
}
/***كود صورة فوق الفئات
***/
شايفة هالرابط
- الكود:
-
http://i37.servimg.com/u/f37/17/22/64/86/untitl17.gif
غيريه لرابط الصورة بتاعة مافوق الفئات عن شرط يكون حجمها مثل حجم هاذي الصورة
https://i.servimg.com/u/f37/17/22/64/86/uoouu-13.gifولو بدك تغيري صورة الخلفية بتاعة الاعلانات هاتلاقي تحت الكود اللي قولتلك علي كود تاني اهوه
- الكود:
-
/*------------كود خلفيه للتشكيلات العامه من فراشات زمردة-------------------*/
div.gensmall{
background: #cfcfcf url(http://images2.layoutsparks.com/1/52815/pink-heart-butter-fly.gif) repeat;
border: 3px double #cfcfcf;
}
/*------------كود خلفيه للتشكيلات العامه من فراشات زمردة-------------------*/
ماتغيريش غير الرابط اللي بين القوسين ده
- الكود:
-
http://images2.layoutsparks.com/1/52815/pink-heart-butter-fly.gif
ولو كمان عايزة تغيري خلفية صفحة البيانات الشخصية للعضوات
روحي عالكود ده
- الكود:
-
/***كود خلفية لمحتويات الملف الشخصي
***/
#profile-advanced-details {
background-image:url('http://img10.imageshack.us/img10/3666/sac1d28f943f.jpg');
}
/***كود خلفية لمحتويات الملف الشخصي
***/
ونفس النظام غيري الرابط اللي بين الاقواس ده
- الكود:
-
http://img10.imageshack.us/img10/3666/sac1d28f943f
ولو عايزة تغيري خلفية الدردشة روحي عالكود ده
وغيري رابط الصورة اللي فيه اللي بين الاقواس
- الكود:
-
/*** هدا الكود لعمل عنوان للدردشة + عمل حركات
***/
#chatbox_header a.cattitle{
display:none;
}
#chatbox_header
td.catBottom{
background:transparent
url(http://i37.servimg.com/u/f37/17/22/64/86/ouuuso10.gif) no-repeat scroll 0
0;
}
/*** هدا الكود لعمل عنوان للدردشة + عمل حركات
***/
والآن للتعديل علي لون الخلفية للبيانات الشخصية التي تظهر في المساهمات
روحي علي اول كود عندك اللي هو هذا الكود
- الكود:
-
/*----كود البيااااانات-----*/
.postbody{font-size:16px;font-weight:700}
.postbody img{max-width:650px}
hr{-moz-border-radius:7px;
background:url(http://im23.gulfup.com/2012-07-25/1343175056465.png);
border:1px solid #fff;
border-top-width:1px;
height:5px
}
/*-----mytet1-----*/
.poster-profile{
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background-image:url(http://i37.servimg.com/u/f37/17/22/64/86/ouuuso11.gif);
border:1px dotted #000000;
border-bottom:medium solid #7A1B1F;
border-top:medium solid #7A1B1F;
display:block;font-size:11px;font weight:700;margin:3px;padding:7px}
غيري رابط الصورة اللي بين الأقواس
الصورة التاانية لا تنسي
اللي هي بين الأقواس اللي بعد هاذي الكلمة
/*-----mytet1-----*/
اللي هي هذا الرابط
https://i.servimg.com/u/f37/17/22/64/86/ouuuso11.gifهذه يمكنك تغييرها ولكن
لا تغيري هذا الرابط أوكي هذا
http://im23.gulfup.com/2012-07-25/1343175056465.pngشوفي صورة قبل التعديل
https://i.servimg.com/u/f37/17/22/64/86/untitl18.gif
وهاذي صورة بعد التعديل عليها
https://i.servimg.com/u/f37/17/22/64/86/untitl19.gif
والآن هاقد انتهينا من التعديل علي الأكواد
والآن إلي التعديل علي الألوان لتتناسب مع الاستايل
اذهبي للوحة الادارة>>مظهر المنتدي>>
الصور و الألوان>>ألوان
وغيري كل الالوان ماعدا
لون عارضة المصعد
لا تغيرين فيها اي الوان
اما
المحيط
لا تغيري فيها سوي
لون إطار الأساس :لون إطار الخلايا :لون خلفية الورقة المعنّونة :اللون الخلفي للفئات :لون فئة اليمين :لون إطار الفئة :
يعني تتركي اول واحدة فيها
و ألوان الخلفية اتركي فيها اول اتنين
وغيري كلل شيء
ماعدا ايضا هاذول
كتابة العناوين :
نمط الكتابة الرئيسية :
نمط كتابة الشفرة :حجم نمط الكتابة الرئيسية :حجم نمط كتابة الروابط :حجم نمط كتابة العناوين, المساهمات و الفئات
وبسس
في أمان الله
