المدير
عدد المساهمات : 152
تاريخ التسجيل : 25/07/2009
 |  موضوع: مجموعة اكواد css لتطوير المنتدى  الأربعاء ديسمبر 02, 2009 1:50 pm | |
|   أكواد CSS لتطوير المنتدىتم إضافة أكواد جديدة بتاريخ 25-11-2009بدايتها من الكود السابعطريقة التركيبخاصة فقط بالنسخة phpbb2 وربما تعمل على النسخ الاخرىمن لوحة الادارة - مظهر المنتدى - الوان - ورقة cssثم ضع الكود ثم سجل الكود الاولالمهمة : وضع خلفية لاسم العضو</SPAN> لتغيير الخلفية يمكنك استبدال
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
ولتحكم في الحدود (للخبراء) يمكنكم التعديل على
border:1px dashed #000000
حيث border:1px هو السمك حيث dashed هو النوع حيث #000000 هو اللون الكود الثانيالمهمة : حذف الخط من تحت الروابط| مقالة: | a:link
{
text-decoration: none;
}
a:visited
{
text-decoration: none;
}
a:active
{
text-decoration: none;
} |
الكود الثالثالمهمة : وضع خلفية ملونة برتقالية على الروابط عند مرور الماوس| مقالة: | a:hover
{
background: #ffe9c6;
} |
لتغيير اللون (للخبراء) عدل على background: #ffe9c6 الكود الرابعالمهمة : وضع حقوق لمنتداك أسفل حقوق أحلى منتدىلتغيير الصورة استبدل الرابط [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]للتحكم بالطول و العرض للمساحة التي ستظهر فيها الصورة (للخبراء)width: 950px; height: 80px
حيث width هو العرض و height هو الارتفاع الكود الخامسالمهمة : يجعل شكل الأكواد مميز في المواضيع مثل هنا| مقالة: | .code {
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-color: #feffc4 ;
background-image: url('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
background-repeat: repeat;
border : 1px dotted #ef9e10;
color : #000000;
display: block;
max-width: 800px;
overflow: auto;
padding: 7px;
} |
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]هو رابط الصورة الخلفية للخبراء يمكنهم التعديل على الكود حيثbackground-color: #feffc4هو لون الخلفية border : 1px dotted #ef9e10لون و نوع وسمك الحدود color : #000000هو لون الخط max-width: 800px
هو أقصى عرض الكود السادسالمهمة : يجعل شكل الاقتباسات مميز مثل هنا| مقالة: | .quote{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-color: #feffc4 ;
background-image: url('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
background-repeat: repeat;
border : 1px dotted #ef9e10;
color : #000000;
display: block;
max-width: 800px;
overflow: auto;
padding: 7px;
} |
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]هو رابط الصورة الخلفية للخبراء يمكنهم التعديل على الكود حيثbackground-color: #feffc4هو لون الخلفية [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]هو رابط الصورة الخلفية border : 1px dotted #ef9e10لون و نوع وسمك الحدود color : #000000هو لون الخط max-width: 800px
هو أقصى عرض الكود السابعالمهمة : وضع خلفية للأزرار عند مرور الماوس| مقالة: | input.liteoption:hover {
background-color : #fff;
background-image: url('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
background-position: top;
font-weight : bold;
color: #8d1717;
}
input.mainoption:hover {
background-color : #000;
background-image: url('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
background-position: top;
font-weight : bold;
color: #8d1717;
}
button.button2:hover, input.button2:hover {
border-width: 2px;
border-style: outset;
border-color: #000000;
background-image: url('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
background-position: top;
color: #8d1717;
background-position: 0 100%;
} |
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]هو رابط الصورة الخلفية للخبراء يمكنهم التعديل على الكود حيثcolor: #8d1717
هو لون الخط المجموعة الجديدة من الأكواد بتاريخ 25-11-2009 الكود الثامنالمهمة : جعل الفوتر في الوسط| مقالة: |
div.page-footer
{
position: center;
}
|
الكود التاسعالمهمة : جعل الحدود بشكل احترافي وبخلفية مثل هنا
كذلك الملاحة والحقوق| مقالة: |
div.gen
{
width: 940px;
border : 1px dotted #000000;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-image: url('https://i.servimg.com/u/f87/11/37/34/39/mwa03-15.gif');
background-repeat: repeat;
}
td.bodyline{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-width: 1px;
border-color: #000000;
}
td.nav{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-image: url('https://i.servimg.com/u/f87/11/37/34/39/mwa03-15.gif');
background-repeat: repeat;
border : 1px dotted #2db9e3;
}
div.gensmall{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-image: url('https://i.servimg.com/u/f87/11/37/34/39/mwa03-15.gif');
background-repeat: repeat;
border : 1px dotted #2db9e3;
}
td.gensmall{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background-image: url('https://i.servimg.com/u/f87/11/37/34/39/mwa03-15.gif');
background-repeat: repeat;
border : 1px dotted #2db9e3;
font-weight: bold
}
|
الكود العاشرالمهمة : جعل خط حقوق أحلى منتدى بخط tahoma| مقالة: |
a.copyright{
border:0;
background:none;
font-family: Tahoma;
font-size: 15px;
}
|
الكود الحادي عشرالمهمة : لتغيير لون عنوان الموضوع و من على الخط | مقالة: |
h1.cattitle{
color:#950000;
}
a.cattitle{
color:#950000;
}
|
الكود الثاني عشرالمهمة : الأزرار بشكل احترافي وبخلفية مثل هنا| مقالة: | input,textarea, #text_editor_iframe {
background: url(https://i.servimg.com/u/f87/11/37/34/39/mwa03-15.gif);
border-color : #2db9e3 !important;
font-size: 20px;
border-width:1px !important;
border-style:solid !important;
-moz-border-radius: 9px !important;
}
input:hover , textarea:hover , #text_editor_iframe:hover {
border-color : #950000 !important;
color:#950000;
}
|
لا تنسونا من صالح الدعاء | |
|
