常用代码CSS Case Modules

大 | 中 | 小
[不指定 2013/06/13 23:57 | by 刘新修 ]

 

XML/HTML代码
  1. /*Top-sidebar-bg*/  
  2. <div style="height: 30px; width: 100%; text-align: center; position: relative; line-height: 30px; background-color:#FFF9E1;" class="xiatui">幸福摩天轮，激情过山车！点击下载游乐主题精美壁纸，重拾童年美好记忆，尽享欢乐游戏时光！<a style="color:#fff;padding:5px 10px;background-color:#aca794;margin-left:5px;" target="_blank" href="#">过山车与摩天轮桌面主题</a><a style="padding-left:30px;" target="_target" href="#">查看更多</a><span style="position:absolute;left:50%;margin-left:490px;cursor:pointer;color:#cfcfcf;font-weight:bold;" id="UP">X</span></div>  
  3. <div style="background-color: #0072BC;height: 40px;margin: 0 auto;width: 100%;"></div>  
  4.   
  5. /*背景AD: Left-Right*/  
  6. <div style="background:url(http://stimgcn3.s-msn.com/msnportal/hp/2013/06/09/5381700f-5943-49a4-b751-9239db2b1dcb.jpg) no-repeat 0px 0px;height:450px;left: 50%;margin-left: -700px;position: fixed;top: 70px;width: 200px;" class="left_Bg"></div>  
  7. <div style="background:url(http://stimgcn3.s-msn.com/msnportal/hp/2013/06/09/5381700f-5943-49a4-b751-9239db2b1dcb.jpg) no-repeat right top;height:450px;right: 50%;margin-right: -700px;position: fixed;top: 70px;width: 200px;" class="right_Bg"></div>  
  8.   
  9. /*video Baidu Change the width of sidebar and main margin-left */  
  10. <div id="wrapper" style="height: 100%;position: relative;">  
  11. <div id="sidebar" style="background: url("/browse_static/play_iframe/layout/bg_side_bbfcfbf7.gif") repeat-y scroll 100% 0 #323232;  
  12. height: 100%;left: 0;position: absolute;top: 0;width: 136px;"></div>  
  13. <div id="main" style="height: 100%;margin-left: 136px;"></div>  
  14. </div>  

 

H5/JS/CSS | 评论(0) | 引用(0) | 阅读(5760)