Advanced Search

A style For Baidu Hi Userbox

/ Published in: CSS
Save to your folder(s)
onmouseover:show the userbox
onmouseout:hidden the userbox
自定义百度空间的用户栏，当鼠标移上去的时候展开，鼠标离开时隐藏。

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. /*it doesn't work in ie*/
  2. html body center div#usrbar{
  3. background:transparent url(http://hiphotos.baidu.com/zhouqicf/pic/item/3e8de890ac4effa6a877a462.jpg) no-repeat scroll center top !important;
  4. color:#000000 !important;
  5. filter:none !important;
  6. height:30px !important;
  7. padding:0 !important;
  8. width:150px !important;
  9. }
  10. html body center div#usrbar:hover{
  11. background-position:center 30px !important;
  12. height:60px !important;
  13. width:auto !important;
  14. }
  15. html body center div#usrbar nobr{
  16. display:none !important;
  17. height:30px !important;
  18. line-height:30px !important;
  19. background-color:#4f4f4f !important;
  20. color:#4f4f4f !important;
  21. }
  22. html body center div#usrbar:hover nobr{display:block !important;}
  23. div#nav_extra,div#nav_extra_app{top:5px !important;}
  24. html body center div#usrbar a,html body center div#usrbar a:link,html body center div#usrbar a:visited{color:#f2f2f2 !important;text-decoration:none !important;font-size:14px;}
  25. html body center div#usrbar a:hover{text-decoration:underline !important;}
  26. body #nav_extra a,body #nav_extra a:visited{color:#333 !important;}
  27. body #nav_extra a:hover{color:#fff !important;background-color:#333 !important;}
  28. #usrbar img.down-arrow{border-color:#4f4f4f;}
  29. #nav_extra .body, #nav_extra_app div.body{border-color:#333;}

URL: http://hi.baidu.com/zhouqicf/blog/item/06479bdb0969af6fd1164e4f.html

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.