最终效果
<style type="text/css">
img{ border:0px;}
em{ font-style:normal;}
ul,li,form,p,dl,dt,dd{ margin:0; padding:0;}
ul,li{ list-style:none;}
#SFY-SLIDER-TOOL{ width: 150px; z-index: 999; position: fixed; left: 5px; bottom:120px; font: 12px/1.5 "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1"; color:#333;}
#SFY-SLIDER-TOOL h6.q_head{ width:150px; height:120px; margin:0 auto;}
#SFY-SLIDER-TOOL h6.q_head img{ width:150px; height:120px;}
#SFY-SLIDER-TOOL .q_foot{ width:150px; height:23px;}
#SFY-SLIDER-TOOL .q_wrap{ padding:0 10x; background:url(float/qq_bg.png);}
#SFY-SLIDER-TOOL .q_wrap ul{}
#SFY-SLIDER-TOOL .q_wrap ul li{ height:28px; padding:4px 0;}
#SFY-SLIDER-TOOL .q_wrap ul li a{ margin:0 auto; display:block; background:url(float/qq_item.png); padding:0 0 0 35px; width:80px; height:28px; color:#323232; text-decoration:none; font: 14px/28px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";}
#SFY-SLIDER-TOOL .q_wrap p{ height:50px; padding:10px 0 0; text-align:center; color:#fff; font: 14px/25px "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";}
</style>
<div id="SFY-SLIDER-TOOL">
<h6 class="q_head"><img src='float/qq_head.png' /></h6>
<div class="q_wrap">
<ul>
<li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=125856421&site=qq&menu=yes">杨老师</a></li>
<li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=125856421&site=qq&menu=yes">黄老师</a></li>
<li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=125856421&site=qq&menu=yes">齐老师</a></li>
<li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=125856421&site=qq&menu=yes">任老师</a></li>
</ul>
<p>黄老师:15081754822</br>杨老师:15081754822</p>
</div>
<div class="q_foot"><img src='float/qq_foot.png' /></div>
</div>
|