السلام عليكم ورحمه الله وبركاته
قبل فتره وانا ادور طيفيه عمل اعلانات نصيه بالcss
ولكن كل ما اجيب اكواد مش مظبوطه لحد ما لاقيت فكره لعمل شكل ممكن تكتب فيه اى شىء وعملت بداخله الروابط النصيه وتم التعديل عليه ليصبح كما الشكل الاتى
http://networkmsr.com/vb/index.php?styleid=10 الاعلانات تحت الهيدر
ودى الاكواد بامكانك تعدل الالوان وكل شىء
اكواد الهيدر
رمز PHP:
<div id="tx">
<div>
<table width="600" dir="ltr">
<tr>
<td class="ss">
حقق اهدافك هنا وضع اعلاناتك
<ul id="navlist">
<li><a href="#">قريبا</a></li>
<li><a href="#">قريبا</a></li>
<li><a href="#">قريبا</a></li>
</ul>
<ul id="navlist1">
<li><a href="#">قريبا</a></li>
<li><a href="#">قريبا</a></li>
<li><a href="#">قريبا</a></li>
</ul>
</td>
</tr>
</table>
</div>
</div>
اكواد الcss
نضعها فى متغيرات الcss بالاستيل المراد العمل عليه
رمز PHP:
#tx{
margin:0 auto;
text-align:center;
width: 600px;
padding:0px 0px;
border: #FFF 1px solid;
color:#000;
font:bold 12px tahoma;
}
.ss {
background: #f2f2f2;
padding: 40px;
text-align: center;
margin: 0px 1px 1px 1px;
border-right: 12px solid #555;
border-left: 9px solid #555!important;
border-top: 1px solid silver;
border-bottom: 1px solid silver;
font-size: 20px;
font-family: Tahoma;
-webkit-border-top-left-radius: 9px;
-webkit-border-top-right-radius: 40px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 40px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 9px;
border-top-right-radius: 40px;
border-bottom-left-radius: 10px;
}
#navlist {
margin: 0px auto 0px auto;
padding: 0px;
list-style-type: none;
float: right;
display: block;
}
#navlist li{
float:right;
}
#navlist a {
border: 3px solid #3E3E3E;
font-family: TAhoma;
font-size: 9pt;
text-decoration: none;
color: #BAB098;
display: block;
width: 150px;
height: 30px;
text-align: center;
line-height: 32px;
padding-right: 0px;
margin-right: 0px;
}
#navlist .hed {
background-color: #3E3E3E;
border: 1px dashed #999966;
font-family: tahoma;
font-size: 12pt;
color: #BAB098;
padding-right: 5px;
margin-right: 5px;
margin-left:auto;
margin-right:auto;
}
#navlist .hed:hover{
background-color:#ccc;
font-size:12pt;
border-bottom-width:2px;
margin-left:auto;
margin-right:auto;
}
#navlist a:hover {
border: 2px solid #3E3E3E;
font-family: TAhoma;
font-size: 10pt;
text-decoration: none;
color: #d5d5d5;
display: block;
width: 150px;
height: 30px;
text-align: center;
line-height: 32px;
background-color: #BAB098;
margin-left:auto;
margin-right:auto;
}
#navlist1 {
margin: 0px auto 0px auto;
padding: 0px;
list-style-type: none;
float: right;
display: block;
}
#navlist1 li{
float:right;
}
#navlist1 a {
border: 3px solid #3E3E3E;
font-family: TAhoma;
font-size: 9pt;
text-decoration: none;
color: #BAB098;
display: block;
width: 150px;
height: 30px;
text-align: center;
line-height: 32px;
padding-right: 0px;
margin-right: 0px;
}
#navlist1 .hed {
background-color: #BAB098;
border: 1px dashed #999966;
font-family: tahoma;
font-size: 12pt;
color: #BAB098;
padding-right: 5px;
margin-right: 5px;
margin-left:auto;
margin-right:auto;
}
#navlist1 .hed:hover{
background-color:#BAB098;
font-size:12pt;
border-bottom-width:2px;
margin-left:auto;
margin-right:auto;
}
#navlist1 a:hover {
border: 2px solid #3E3E3E;
font-family: TAhoma;
font-size: 10pt;
text-decoration: none;
color: #FFF;
display: block;
width: 150px;
height: 30px;
text-align: center;
line-height: 32px;
background-color: #BAB098;
margin-left:auto;
margin-right:auto;
}
متوافقه مع المعاير القياسيه
بالتوفيق للجميع
اخوكم
السيد المصرى
{مشاركاتكـ}.... 
{تاريخ الميلادكـ}....
{تاريخ التسجيلكـ}.... 
