ولتحكم
في الحدود (للخبراء) يمكنكم
التعديل على
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
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الكود الرابع
المهمة : وضع حقوق لمنتداك أسفل حقوق أحلى منتدى#page-footer
{
width: 950px; height: 80px;
background:
url(
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]);
}
لتغيير
الصورة استبدل الرابط
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
للتحكم
بالطول و العرض للمساحة التي ستظهر فيها الصورة (للخبراء)
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;
}