- الرئيسية
- ما الجديد !
-
الصفحات▼
الصفحات
السلام عليكم ورحمة الله وبركاته
كيفية عمل إنثنائات على الأقسام ل بي بي بورد
مثال :
td.row1
td.row2
td.row3
td.row4
td.row5
td.row1
{
background-color: #cdcdcd;
font: bold 15px Arial;
padding-right: 10px;
padding: 3px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
-moz-box-shadow: inset 0 0 1px #000000;
-webkit-box-shadow: inset 0 0 1px #000000;
box-shadow: inset 0 0 1px #000000;
}
td.row2
{
background-color: #fff;
font: bold 15px Arial;
padding-right: 10px;
padding: 4px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
-moz-box-shadow: inset 0 0 1px #000000;
-webkit-box-shadow: inset 0 0 1px #000000;
box-shadow: inset 0 0 1px #000000;
}
td.row3
{
background-color: #cdcdcd;
padding-right: 10px;
padding: 3px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
-moz-box-shadow: inset 0 0 1px #000000;
-webkit-box-shadow: inset 0 0 1px #000000;
box-shadow: inset 0 0 1px #000000;
}
td.row4
{
background-color: #fff;
padding-right: 10px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
-moz-box-shadow: inset 0 0 1px #000000;
-webkit-box-shadow: inset 0 0 1px #000000;
box-shadow: inset 0 0 1px #000000;
padding: 3px;
}
td.row5
{
background-color: #cdcdcd;
padding-right: 10px;
padding: 3px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
-moz-box-shadow: inset 0 0 1px #000000;
-webkit-box-shadow: inset 0 0 1px #000000;
box-shadow: inset 0 0 1px #000000;
}
وبكده ينتهي شرحنا لهذه الإضاافة والسلام عليكم ورحمة الله وبركاته.
هذا الشرح حصري لمدونة الأجنحة العربية.
اقتبـاس ،،
ثانياً: إستبدل الكلاس td.row1 بهذا الكود:
td.row1
{
background-color: #cdcdcd;
font: bold 15px Arial;
padding-right: 10px;
padding: 3px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
-moz-box-shadow: inset 0 0 1px #000000;
-webkit-box-shadow: inset 0 0 1px #000000;
box-shadow: inset 0 0 1px #000000;
}
وإستبدل الكلاس row2 بهذا الكود:
td.row2
{
background-color: #fff;
font: bold 15px Arial;
padding-right: 10px;
padding: 4px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
-moz-box-shadow: inset 0 0 1px #000000;
-webkit-box-shadow: inset 0 0 1px #000000;
box-shadow: inset 0 0 1px #000000;
}
وإستبدل الكلاس row3 بهذا الكود :
td.row3
{
background-color: #cdcdcd;
padding-right: 10px;
padding: 3px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
-moz-box-shadow: inset 0 0 1px #000000;
-webkit-box-shadow: inset 0 0 1px #000000;
box-shadow: inset 0 0 1px #000000;
}
وإستبدل الكلاس row4 بهذا الكود:
td.row4
{
background-color: #fff;
padding-right: 10px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
-moz-box-shadow: inset 0 0 1px #000000;
-webkit-box-shadow: inset 0 0 1px #000000;
box-shadow: inset 0 0 1px #000000;
padding: 3px;
}
وإستبدل الكلاس row5 بهذا الكود:
td.row5
{
background-color: #cdcdcd;
padding-right: 10px;
padding: 3px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
-moz-box-shadow: inset 0 0 1px #000000;
-webkit-box-shadow: inset 0 0 1px #000000;
box-shadow: inset 0 0 1px #000000;
}