شبكة همس الشوق - كود ثابت للحسابات المشتركة الاجتماعية و روابط متنوعة

كود ثابت للحسابات المشتركة الاجتماعية و روابط متنوعة .
بعد انقطاع طويل عن التعديلات التي استخدمها و افيد بها سابقا .
اعود بكود مثل موقع الفيس بوك المشهور ن ربما يكون مكرر لكن الكثير طلب مني و حبيت افيد به . ولاسيما الاكواد السابقة كلها برمجة او تعديلات اجنبية وليس عربية ..

اضف هذه الكود في اخر قالب 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 الخاص بالستايل

كود:


 

#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;

}
 
 
 
 

#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;

}

ثم ارفع المجلد المرفق في مجلد المنتدى الرئيسي مباشرة .
تحياتي اخوكم عاصم الخوفي
مركز تقنيون
الملفات المرفقة