[custom_code_box title="العنوان مثال- CSS " language="txt"]
النص هنا
[/custom_code_box]
[custom_code_box title="الاختبار النهائي - CSS معقد" language="css"]
/* CSS لتنسيق العنوان الرئيسي */
h1.main-title {
color: #2C3E50; /* لون أزرق داكن */
font-size: 2.5em; /* حجم خط كبير */
text-align: center;
margin-bottom: 30px;
text-shadow: 1px 1px 2px #bdc3c7; /* ظل بسيط للنص */
}
/* CSS لتنسيق زر أساسي */
.button-primary {
display: inline-block;
padding: 12px 25px;
background-color: #3498DB; /* لون أزرق */
color: white;
border: none;
border-radius: 5px;
text-align: center;
text-decoration: none;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease; /* تأثير انتقال ناعم */
}
.button-primary:hover {
background-color: #2980B9; /* لون أزرق أغمق عند التحويم */
}
[/custom_code_box]
[custom_code_box title="الاختبار النهائي - CSS معقد" language="css"]
/* CSS لتنسيق العنوان الرئيسي */
h1.main-title {
color: #2C3E50; /* لون أزرق داكن */
font-size: 2.5em; /* حجم خط كبير */
text-align: center;
margin-bottom: 30px;
text-shadow: 1px 1px 2px #bdc3c7; /* ظل بسيط للنص */
}
/* CSS لتنسيق زر أساسي */
.button-primary {
display: inline-block;
padding: 12px 25px;
background-color: #3498DB; /* لون أزرق */
color: white;
border: none;
border-radius: 5px;
text-align: center;
text-decoration: none;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease; /* تأثير انتقال ناعم */
}
.button-primary:hover {
background-color: #2980B9; /* لون أزرق أغمق عند التحويم */
}
[/custom_code_box]
[custom_code_box title="الاختبار النهائي - CSS معقد" language="css"]
/* CSS لتنسيق العنوان الرئيسي */
h1.main-title {
color: #2C3E50; /* لون أزرق داكن */
font-size: 2.5em; /* حجم خط كبير */
text-align: center;
margin-bottom: 30px;
text-shadow: 1px 1px 2px #bdc3c7; /* ظل بسيط للنص */
}
/* CSS لتنسيق زر أساسي */
.button-primary {
display: inline-block;
padding: 12px 25px;
background-color: #3498DB; /* لون أزرق */
color: white;
border: none;
border-radius: 5px;
text-align: center;
text-decoration: none;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease; /* تأثير انتقال ناعم */
}
.button-primary:hover {
background-color: #2980B9; /* لون أزرق أغمق عند التحويم */
}
[/custom_code_box]
[custom_code_box title="الاختبار النهائي - CSS معقد" language="css"]
/* CSS لتنسيق العنوان الرئيسي */
h1.main-title {
color: #2C3E50; /* لون أزرق داكن */
font-size: 2.5em; /* حجم خط كبير */
text-align: center;
margin-bottom: 30px;
text-shadow: 1px 1px 2px #bdc3c7; /* ظل بسيط للنص */
}
/* CSS لتنسيق زر أساسي */
.button-primary {
display: inline-block;
padding: 12px 25px;
background-color: #3498DB; /* لون أزرق */
color: white;
border: none;
border-radius: 5px;
text-align: center;
text-decoration: none;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease; /* تأثير انتقال ناعم */
}
.button-primary:hover {
background-color: #2980B9; /* لون أزرق أغمق عند التحويم */
}
[/custom_code_box]
[custom_code_box title="الاختبار النهائي - CSS معقد" language="css"]
/* CSS لتنسيق العنوان الرئيسي */
h1.main-title {
color: #2C3E50; /* لون أزرق داكن */
font-size: 2.5em; /* حجم خط كبير */
text-align: center;
margin-bottom: 30px;
text-shadow: 1px 1px 2px #bdc3c7; /* ظل بسيط للنص */
}
/* CSS لتنسيق زر أساسي */
.button-primary {
display: inline-block;
padding: 12px 25px;
background-color: #3498DB; /* لون أزرق */
color: white;
border: none;
border-radius: 5px;
text-align: center;
text-decoration: none;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease; /* تأثير انتقال ناعم */
}
.button-primary:hover {
background-color: #2980B9; /* لون أزرق أغمق عند التحويم */
}
[/custom_code_box]
[custom_code_box title="الاختبار النهائي - CSS معقد" language="css"]
/* CSS لتنسيق العنوان الرئيسي */
h1.main-title {
color: #2C3E50; /* لون أزرق داكن */
font-size: 2.5em; /* حجم خط كبير */
text-align: center;
margin-bottom: 30px;
text-shadow: 1px 1px 2px #bdc3c7; /* ظل بسيط للنص */
}
/* CSS لتنسيق زر أساسي */
.button-primary {
display: inline-block;
padding: 12px 25px;
background-color: #3498DB; /* لون أزرق */
color: white;
border: none;
border-radius: 5px;
text-align: center;
text-decoration: none;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease; /* تأثير انتقال ناعم */
}
.button-primary:hover {
background-color: #2980B9; /* لون أزرق أغمق عند التحويم */
}
[/custom_code_box]
[custom_code_box title="الاختبار النهائي - CSS معقد" language="css"]
/* CSS لتنسيق العنوان الرئيسي */
h1.main-title {
color: #2C3E50; /* لون أزرق داكن */
font-size: 2.5em; /* حجم خط كبير */
text-align: center;
margin-bottom: 30px;
text-shadow: 1px 1px 2px #bdc3c7; /* ظل بسيط للنص */
}
/* CSS لتنسيق زر أساسي */
.button-primary {
display: inline-block;
padding: 12px 25px;
background-color: #3498DB; /* لون أزرق */
color: white;
border: none;
border-radius: 5px;
text-align: center;
text-decoration: none;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease; /* تأثير انتقال ناعم */
}
.button-primary:hover {
background-color: #2980B9; /* لون أزرق أغمق عند التحويم */
}
[/custom_code_box]
[custom_code_box title="الاختبار النهائي - CSS معقد" language="css"]
/* CSS لتنسيق العنوان الرئيسي */
h1.main-title {
color: #2C3E50; /* لون أزرق داكن */
font-size: 2.5em; /* حجم خط كبير */
text-align: center;
margin-bottom: 30px;
text-shadow: 1px 1px 2px #bdc3c7; /* ظل بسيط للنص */
}
/* CSS لتنسيق زر أساسي */
.button-primary {
display: inline-block;
padding: 12px 25px;
background-color: #3498DB; /* لون أزرق */
color: white;
border: none;
border-radius: 5px;
text-align: center;
text-decoration: none;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease; /* تأثير انتقال ناعم */
}
.button-primary:hover {
background-color: #2980B9; /* لون أزرق أغمق عند التحويم */
}
[/custom_code_box]
[custom_code_box title="الاختبار النهائي - CSS معقد" language="css"]
/* CSS لتنسيق العنوان الرئيسي */
h1.main-title {
color: #2C3E50; /* لون أزرق داكن */
font-size: 2.5em; /* حجم خط كبير */
text-align: center;
margin-bottom: 30px;
text-shadow: 1px 1px 2px #bdc3c7; /* ظل بسيط للنص */
}
/* CSS لتنسيق زر أساسي */
.button-primary {
display: inline-block;
padding: 12px 25px;
background-color: #3498DB; /* لون أزرق */
color: white;
border: none;
border-radius: 5px;
text-align: center;
text-decoration: none;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease; /* تأثير انتقال ناعم */
}
.button-primary:hover {
background-color: #2980B9; /* لون أزرق أغمق عند التحويم */
}
[/custom_code_box]
[custom_code_box title="الاختبار النهائي - CSS معقد" language="css"]
/* CSS لتنسيق العنوان الرئيسي */
h1.main-title {
color: #2C3E50; /* لون أزرق داكن */
font-size: 2.5em; /* حجم خط كبير */
text-align: center;
margin-bottom: 30px;
text-shadow: 1px 1px 2px #bdc3c7; /* ظل بسيط للنص */
}
/* CSS لتنسيق زر أساسي */
.button-primary {
display: inline-block;
padding: 12px 25px;
background-color: #3498DB; /* لون أزرق */
color: white;
border: none;
border-radius: 5px;
text-align: center;
text-decoration: none;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease; /* تأثير انتقال ناعم */
}
.button-primary:hover {
background-color: #2980B9; /* لون أزرق أغمق عند التحويم */
}
[/custom_code_box]
[custom_code_box title="الاختبار النهائي - CSS معقد" language="css"]
/* CSS لتنسيق العنوان الرئيسي */
h1.main-title {
color: #2C3E50; /* لون أزرق داكن */
font-size: 2.5em; /* حجم خط كبير */
text-align: center;
margin-bottom: 30px;
text-shadow: 1px 1px 2px #bdc3c7; /* ظل بسيط للنص */
}
/* CSS لتنسيق زر أساسي */
.button-primary {
display: inline-block;
padding: 12px 25px;
background-color: #3498DB; /* لون أزرق */
color: white;
border: none;
border-radius: 5px;
text-align: center;
text-decoration: none;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease; /* تأثير انتقال ناعم */
}
.button-primary:hover {
background-color: #2980B9; /* لون أزرق أغمق عند التحويم */
}
[/custom_code_box]
[custom_code_box title="الاختبار النهائي - CSS معقد" language="css"]
/* CSS لتنسيق العنوان الرئيسي */
h1.main-title {
color: #2C3E50; /* لون أزرق داكن */
font-size: 2.5em; /* حجم خط كبير */
text-align: center;
margin-bottom: 30px;
text-shadow: 1px 1px 2px #bdc3c7; /* ظل بسيط للنص */
}
/* CSS لتنسيق زر أساسي */
.button-primary {
display: inline-block;
padding: 12px 25px;
background-color: #3498DB; /* لون أزرق */
color: white;
border: none;
border-radius: 5px;
text-align: center;
text-decoration: none;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease; /* تأثير انتقال ناعم */
}
.button-primary:hover {
background-color: #2980B9; /* لون أزرق أغمق عند التحويم */
}
[/custom_code_box]
[custom_code_box title="الاختبار النهائي - CSS معقد" language="css"]
/* CSS لتنسيق العنوان الرئيسي */
h1.main-title {
color: #2C3E50; /* لون أزرق داكن */
font-size: 2.5em; /* حجم خط كبير */
text-align: center;
margin-bottom: 30px;
text-shadow: 1px 1px 2px #bdc3c7; /* ظل بسيط للنص */
}
/* CSS لتنسيق زر أساسي */
.button-primary {
display: inline-block;
padding: 12px 25px;
background-color: #3498DB; /* لون أزرق */
color: white;
border: none;
border-radius: 5px;
text-align: center;
text-decoration: none;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease; /* تأثير انتقال ناعم */
}
.button-primary:hover {
background-color: #2980B9; /* لون أزرق أغمق عند التحويم */
}
[/custom_code_box]
[custom_code_box title="الاختبار النهائي - CSS معقد" language="css"]
/* CSS لتنسيق العنوان الرئيسي */
h1.main-title {
color: #2C3E50; /* لون أزرق داكن */
font-size: 2.5em; /* حجم خط كبير */
text-align: center;
margin-bottom: 30px;
text-shadow: 1px 1px 2px #bdc3c7; /* ظل بسيط للنص */
}
/* CSS لتنسيق زر أساسي */
.button-primary {
display: inline-block;
padding: 12px 25px;
background-color: #3498DB; /* لون أزرق */
color: white;
border: none;
border-radius: 5px;
text-align: center;
text-decoration: none;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease; /* تأثير انتقال ناعم */
}
.button-primary:hover {
background-color: #2980B9; /* لون أزرق أغمق عند التحويم */
}
[/custom_code_box]
[custom_code_box title="الاختبار النهائي - CSS معقد" language="css"]
/* CSS لتنسيق العنوان الرئيسي */
h1.main-title {
color: #2C3E50; /* لون أزرق داكن */
font-size: 2.5em; /* حجم خط كبير */
text-align: center;
margin-bottom: 30px;
text-shadow: 1px 1px 2px #bdc3c7; /* ظل بسيط للنص */
}
/* CSS لتنسيق زر أساسي */
.button-primary {
display: inline-block;
padding: 12px 25px;
background-color: #3498DB; /* لون أزرق */
color: white;
border: none;
border-radius: 5px;
text-align: center;
text-decoration: none;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease; /* تأثير انتقال ناعم */
}
.button-primary:hover {
background-color: #2980B9; /* لون أزرق أغمق عند التحويم */
}
[/custom_code_box]
[custom_code_box title="الاختبار النهائي - CSS معقد" language="css"]
/* CSS لتنسيق العنوان الرئيسي */
h1.main-title {
color: #2C3E50; /* لون أزرق داكن */
font-size: 2.5em; /* حجم خط كبير */
text-align: center;
margin-bottom: 30px;
text-shadow: 1px 1px 2px #bdc3c7; /* ظل بسيط للنص */
}
/* CSS لتنسيق زر أساسي */
.button-primary {
display: inline-block;
padding: 12px 25px;
background-color: #3498DB; /* لون أزرق */
color: white;
border: none;
border-radius: 5px;
text-align: center;
text-decoration: none;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease; /* تأثير انتقال ناعم */
}
.button-primary:hover {
background-color: #2980B9; /* لون أزرق أغمق عند التحويم */
}
[/custom_code_box]
[custom_code_box title="الاختبار النهائي - CSS معقد" language="css"]
/* CSS لتنسيق العنوان الرئيسي */
h1.main-title {
color: #2C3E50; /* لون أزرق داكن */
font-size: 2.5em; /* حجم خط كبير */
text-align: center;
margin-bottom: 30px;
text-shadow: 1px 1px 2px #bdc3c7; /* ظل بسيط للنص */
}
/* CSS لتنسيق زر أساسي */
.button-primary {
display: inline-block;
padding: 12px 25px;
background-color: #3498DB; /* لون أزرق */
color: white;
border: none;
border-radius: 5px;
text-align: center;
text-decoration: none;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease; /* تأثير انتقال ناعم */
}
.button-primary:hover {
background-color: #2980B9; /* لون أزرق أغمق عند التحويم */
}
[/custom_code_box]