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

<!--كود ثابت للحسابات المشتركة الاجتماعية و روابط متنوعة-برمجة عاصم الخوفي -مركز تقنيون  -->
<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>

<!--كود ثابت للحسابات المشتركة الاجتماعية و روابط متنوعة-برمجة عاصم الخوفي -مركز تقنيون  -->

/**كود ثابت للحسابات المشتركة الاجتماعية و روابط متنوعة-برمجة عاصم الخوفي -مركز تقنيون***/

#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/***/



/**كود ثابت للحسابات المشتركة الاجتماعية و روابط متنوعة-برمجة عاصم الخوفي -مركز تقنيون***/