DZ 7.2 的侧边栏样式修改求助

这张图是我现在的修改的结果


想做成下面这个样式


修改了css_common.htm这个文件的如下代码

1. /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 侧边 ~~~~ */
   
2. .side { width: 282px; background: url({STYLEIMGDIR}/rp_loginbg.jpg) repeat-y; border-bottom:1px solid #434444; }
   
3. .sideinner .txt { margin: 6px 0; }
   
4. .side li.current a { font-weight: 700; color: {TABLETEXT}; text-decoration: none; }
   
5. .with_side { {SIDEBGCODE}; }
   
6. .with_side .main { float: left; overflow: hidden; margin-left: -282px; width: 100%; }
   
7. .with_side .content { margin-left: 282px; width: auto; }
   
8. .with_side .side { float: right; padding-bottom: 20px; width: 282px; }
   
9. .with_side .side h2 { margin: 20px 25px 10px; color: {LIGHTTEXT}; font-size: 14px; }
   
10. .with_side .side a { color: {HIGHLIGHTLINK}; text-decoration: underline; }
    
11. .sideinner { padding: 0 25px; }
    
12. .sideinner .tabs { margin: 2px 0; }
    
13. .sideinner .tabs li { line-height: 2em; }
    
14. .numbg { float: right; text-align: center; width: 35px; height: 2em; background: url({IMGDIR}/numbg.gif) no-repeat 0 50%; color: #FFF; font-weight: 700; }
    
15. .special { background: none; }
    
16. .special .main { float: right; }
    
17. .special .side { float: left; }
    
18. .sidebox { overflow: hidden; margin: 5px 10px 10px; }
    
19. .sidebox h4 { margin-bottom: 4px; color: {HIGHLIGHTLINK}; }

复制代码

目标效果中那个带箭头的横条是个单独的图片

1. <img src="images/rp_top.jpg" width="282" height="10" alt="" style="float:left;" />

复制代码

问题是这段代码该加在哪里呢？
要求每个小模块都带这个横条图片

还有中间黑色的空白怎么设置出来呢？


请求赐教！{:2_123:}

顶下
高手给个思路也行啊