الاستضافة الاسلامية

conrabbani.com

قائمه روابط تهمك بتقنيه CSS
بسم الله الرحمن الرحيم

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

صوره للتطبيق

التركيب

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

واضف الكود التاليه في نهايته
رمز PHP:
<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.traidnt.net/Portal/index.html"><span>مكتبه الدروس</span></a></li>

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

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

</ul>
</div>
</body>
</html>
<br>
بعد ذلك توجه الى
css رئيسي

واضف الكود التالي في
تعاريف CSS الإضافية/Additional CSS Definitions
رمز PHP:
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;
}

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

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

All Copyrights © Reserved

الاستضافة الاسلامية

قائمه روابط تهمك بتقنيه CSS

اعدادات الموضوع

المتواجدون الآن