قائمه روابط تهمك بتقنيه CSS
http://www.dzbatna.com/images/icons/icon30.gif ظ‚ط§ط¦ظ…ظ‡ ط±ظˆط§ط¨ط· طھظ‡ظ…ظƒ ط¨طھظ‚ظ†ظٹظ‡ CSS
بسم الله الرحمن الرحيم
سويت لكم تعديل جميل على قائمه روابط تهمك لتصبح بتقنيه CSS
صوره للتطبيق
http://up.tgareed.com/upfiles/tLS03135.png
التركيب install
قم بتحميل الصور المرفقه وارفعها داخل مجلد منتداك
بعد ذلك قم بفتح قالب template
header
واضف الكود code التاليه في نهايته
رمز 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.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>
بعد ذلك توجه الى
css رئيسي
واضف الكود code التالي في
تعاريف 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;
}
ومبروك عليكم الكود code
تقدروا تغيرون الروابط والكلام الي فيه حسب رغبتكم
All Copyrights © Reserved
By
! Developed !
https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
