من تصميمى العديد يظن أن هذا صعباً هذا أسهل مما تتصور لقد صممته
لكثرة الطلب علية وكثرة البحث عليه أصبح الآن إستخدامة فى مدونتك بكل سهولة
أيضا أذا اردت تغير شيئا ما فى الكود مثل اللون الهوامش الاطارات او ما شابة ذلك
على حسب رغبتك فقط عدل على الجزء المخصص فى ذلك وهو الـ css
اذا واجهتك أى مشكلة فى الكود أترك تعليقك وسوف تجد الاجابة على الفور
- إذهب إلى لوحة تحكم بلوجر الرئيسية
- الخطوة الثانية أنقر على تخطيط
- إختار إضافة اداه html/javaccript
أولا الكواد الخاص بالـ css
#navlist {
margin: 0px auto 0px auto;
padding: 0px;
list-style-type: none;
float: center;
display: block;
}
#navlist a {
background-color:#CFECEC;
border: 1px solid #EDEDED;
font-family: tahoma ;
font-size: 12pt;
text-decoration: none;
color:#F6358A;
display: block;
text-align: center;
line-height: 30px;
padding-right: 0px;
margin-right: 0px;
}
#navlist a:hover {
background-color:#F660AB;
border: 1px solid #000000 none;
font-family: tahoma;
font-size: 12pt;
text-decoration: none;
color: #000000;
display: block;
text-align: center;
line-height: 30px;
padding-right: 0px;
margin-right: 0px;
}
ثانياً الكود كاملاً
<html>
<head>
<p>تم تصميم الكود بواسطة مدونة مدون</p>
<title>كود الإعلانات النصية</title>
<style type="text/css">
#navlist {
margin: 0px auto 0px auto;
padding: 0px;
list-style-type: none;
float: center;
display: block;
}
#navlist a {
background-color:#CFECEC;
border: 1px solid #EDEDED;
font-family: tahoma ;
font-size: 12pt;
text-decoration: none;
color:#F6358A;
display: block;
text-align: center;
line-height: 30px;
padding-right: 0px;
margin-right: 0px;
}
#navlist a:hover {
background-color:#F660AB;
border: 1px solid #000000 none;
font-family: tahoma;
font-size: 12pt;
text-decoration: none;
color: #000000;
display: block;
text-align: center;
line-height: 30px;
padding-right: 0px;
margin-right: 0px;
}
</style>
</head>
<body>
<!-- إعلانات نصية -->
<ul id="navlist">
<table width="25 %" align="center">
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" >إعلانك النصى هنا</a>
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" >إعلانك النصى هنا</a>
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" >إعلانك النصى هنا</a>
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" >إعلانك النصى هنا</a>
<tr>
</tr></table>
<table width="25%" align="center">
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" > إعلانك النصى هنا</a>
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" >إعلانك النصى هنا</a>
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" > إعلانك النصى هنا</a>
<tr>
<td width="25%" align="center">
<a target="_blank" href="#" >إعلانك النصى هنا</a>
</td></tr>
</table></ul>
<!-- / إعلانات نصية -->
</body>
</html>
ثم قم بتغير ما باللون الأحمر بالروابط الخاصه بك
تعليق واحد على { كود الإعلانات النصية بتقنية الـ css من مدونة مدون }
20 مارس 2013 في 11:33 ص [حذف]
شكرا على الكود رائع
هل تريد التعليق على التدوينة ؟