1 مرفق
كود ثابت للحسابات المشتركة الاجتماعية و روابط متنوعة .
السلام عليكم ورحمة الله وبركاته
بعد انقطاع طويل عن التعديلات التي استخدمها و افيد بها سابقا .
اعود بكود مثل موقع الفيس بوك المشهور ن ربما يكون مكرر لكن الكثير طلب مني و حبيت افيد به . ولاسيما الاكواد السابقة كلها برمجة او تعديلات اجنبية وليس عربية ..
عموما مثال مباشر من هنا .
التعديلات بسيطة جدا
اضف هذه الكود في اخر قالب header
كود:
<!--كود ثابت للحسابات المشتركة الاجتماعية و روابط متنوعة-برمجة عاصم الخوفي -مركز تقنيون -->
<div id="Bottom-up">
<!--links-->
<div id="topmenu">
<ul>
<li><a href="#">الرئيسية</a></li>
<li><a href="#">الرئيسية</a></li>
<li><a href="#">الرئيسية</a></li>
<li><a href="#">الرئيسية</a></li>
<li><a href="#">الرئيسية</a></li>
<li><a href="#">الرئيسية</a></li>
<li><a href="#">الرئيسية</a></li>
</ul>
</div>
<!--links/-->
<!--icon-->
<div id="topicon">
<ul>
<!--احذف السطرالتالي مباشرة لحذف ايقونة الdeliciou-->
<li><a href="http://delicious.com/"><img src="btoom_up/icon/deliciou.png" border="0" title="deliciou" alt="deliciou"/></a></li>
<!--احذف السطر التالي مباشرة لحذف ايقونة FaceBook-->
<li><a href="http://www.facebook.com/"><img src="btoom_up/icon/FaceBook.png" border="0" title="FaceBook" alt="FaceBook"/></a></li>
<!--احذف السطر التالي مباشرة لحذف ايقونة Flickr-->
<li><a href="http://www.flickr.com/"><img src="btoom_up/icon/Flickr.png" border="0" title="Flickr" alt="Flickr"/></a></li>
<!--احذف السطر التالي مباشرة لحذف ايقونة netlog-->
<li><a href="http://ar.netlog.com/"><img src="btoom_up/icon/netlog.png" border="0" title="netlog" alt="netlog"/></a></li>
<!--احذف السطر التالي مباشرة لحذف ايقونة Twitter-->
<li><a href="http://twitter.com/"><img src="btoom_up/icon/Twitter.png" border="0" title="Twitter" alt="Twitter"/></a></li>
</ul>
</div>
<!--btoom_up/images/icon/-->
</div>
<!--كود ثابت للحسابات المشتركة الاجتماعية و روابط متنوعة-برمجة عاصم الخوفي -مركز تقنيون -->
مهم : اضف الكود بمحرر اكواد HTML كالاكسبريشن ويب او الدريم ويفر او الفرونت بيج .
و عرف روابط الحسابات الخاصة بك بالامكان المخصصة لها + اضف او حذف او عدل الروابط الكتابة كما موضح .
ثم اضف هذه الكود في خصائص css الاضافية من رئيسي css الخاص بالستايل
كود PHP:
/**كود ثابت للحسابات المشتركة الاجتماعية و روابط متنوعة-برمجة عاصم الخوفي -مركز تقنيون***/
#Bottom-up {
border: 1px solid #cdcdcd;
width: 100%;
height:33px;
position: fixed;
bottom: 0px;
background: #DFDEDF url('btoom_up/bg.png') repeat-x;
}
#topmenu{
width: 50%;
height:30px;
float: left;
}
#topmenu ul {
margin: 5px auto;
}
#topmenu li {
display: inline;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #999999;
}
#topmenu li:hover {
border-left-width: 3px;
border-left-color: #767676;
}
#topmenu a{
display: inline-block;
font-family: Tahoma;
font-size: 11px;
color: #373737;
text-align: center;
width: 70px;
height:30px;
text-decoration: none;
}
#topmenu a:hover{
color: #666666;
}
/**links/***/
/**icon***/
#topicon{
width: 35%;
float: right;
}
#topicon ul {
margin: 5px auto;
}
#topicon li {
display: inline;
}
#topicon a{
display: inline-block;
width: 20px;
height:20px;
text-decoration: none;
}
#topicon a img{
padding:2px;
height:20px;
width:20px;
}
/**icon/***/
/**كود ثابت للحسابات المشتركة الاجتماعية و روابط متنوعة-برمجة عاصم الخوفي -مركز تقنيون***/
ثم ارفع المجلد المرفق في مجلد المنتدى الرئيسي مباشرة .
تحياتي اخوكم عاصم الخوفي
مركز تقنيون
