حصريا هنا وبس اعلاناتك النصيه بالcss

[linnou]

ط*طµط±ظٹط§ ظ‡ظ†ط§ ظˆط¨ط³ ط§ط¹ظ„ط§ظ†ط§طھظƒ ط§ظ„ظ†طµظٹظ‡ ط¨ط§ظ„css

---

السلام عليكم ورحمه الله وبركاته

قبل فتره وانا ادور طيفيه عمل اعلانات نصيه بالcss

ولكن كل ما اجيب اكواد مش مظبوطه لحد ما لاقيت فكره لعمل شكل ممكن تكتب فيه اى شىء وعملت بداخله الروابط النصيه وتم التعديل عليه ليصبح كما الشكل الاتى

http://networkmsr.com/vb/index.php?styleid=10

الاعلانات تحت الهيدر header

ودى الاكواد بامكانك تعدل الالوان وكل شىء

اكواد الهيدر header

رمز PHP:

<code style="white-space:nowrap"> <code> <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>
</code> </code>

اكواد الcss

نضعها فى متغيرات الcss بالاستيل المراد العمل عليه

رمز PHP:

<code style="white-space:nowrap"> <code> #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;

}
</code> </code>

متوافقه مع المعاير القياسيه

بالتوفيق للجميع

اخوكم

السيد المصرى

ألعاب الأندرويد مجانا و حصريا

©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©