ظ‚ط§ط¦ظ…ظ‡ ط±ظˆط§ط¨ط· طھظ‡ظ…ظƒ ط¨طھظ‚ظ†ظٹظ‡ CSS


بسم الله الرحمن الرحيم


سويت لكم تعديل جميل على قائمه روابط تهمك لتصبح بتقنيه CSS

صوره للتطبيق






التركيب install

قم بتحميل الصور المرفقه وارفعها داخل مجلد منتداك
بعد ذلك قم بفتح قالب template
header

واضف الكود code التاليه في نهايته
رمز PHP:
<code style="white-space:nowrap"> <code> <head>
<title>Developed </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="styles.css" type="text/css" />
</head>
<body>

<h1>روابط تهمك<h1>
<hr />
<div id="tabs">
<ul>
<li><a href="http://www.dzbatna.net/Portal/index.html"><span>مكتبه الدروس</span></a></li>

<li><a href="http://upload.dzbatna.net/"><span>مكز تحميل ديزاد باتنة</span></a></li>
<li><a href="https://dzbatna.com/hosting/index.html"><span>الاستضافه</span></a></li>
<li><a href="https://dzbatna.com/domains/index.html"><span>البحث عن نطاقات</span></a></li>
<li><a href="https://dzbatna.com/programming/index.html"><span>الخدمات البرمجيه</span></a></li>

<li><a rel="nofollow" target="_blank" href="http://www.dzbatna.net/vb/member.php?u=71883" title="explodingboy"><span>! Developed !</span></a></li>

</ul>
</div>
</body>
</html>
<br>
</code> </code>

بعد ذلك توجه الى
css رئيسي

واضف الكود code التالي في
تعاريف CSS الإضافية/Additional CSS Definitions
 رمز PHP:
<code style="white-space:nowrap"> <code> body {
font: bold 11px/1.5em Verdana;
}

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
}

hr {
border:none;
border-top:1px solid #CCCCCC;
height:1px;
margin-bottom:25px;
}

#tabs {
float:right;
width:100%;
background:#F9F7F3;
font-size:93%;
line-height:normal;
border-bottom:1px solid #C2BDAE;
}

#tabs ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}

#tabs li {
display:inline;
margin:0;
padding:0;
}

#tabs a {
float:right;
background:url("tableft.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}

#tabs a span {
float:right;
display:block;
background:url("tabright.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#9F9584;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:right;}

/* End IE5-Mac hack */
#tabs a:hover span {
color:#FFF;
}

#tabs a:hover {
background-position:0% -42px;
}

#tabs a:hover span {
background-position:100% -42px;
}
</code> </code>



ومبروك عليكم الكود code


تقدروا تغيرون الروابط والكلام الي فيه حسب رغبتكم



All Copyrights © Reserved
By
! Developed !










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