发布的文章内容分页都是竖向的,很不好看,想把它变成横向的,最好能再适当的美化一下,解决方法,你CSS中加这段代码:

1. .dede_pages{ 
2. } 
3. .dede_pagesul{ 
4. float:left; 
5. padding:12px0px12px16px; 
6. } 
7. .dede_pagesulli{ 
8. float:left; 
9. font-family:Tahoma; 
10. line-height:17px; 
11. margin-right:6px; 
12. } 
13. .dede_pagesullia{ 
14. float:left; 
15. padding:2px4px2px; 
16. color:#555; 
17. border-bottom:1pxsolid#EEE; 
18. } 
19. .dede_pagesullia:hover{ 
20. color:#690; 
21. text-decoration:none; 
22. padding:2px4px1px; 
23. border-bottom:2pxsolid#690; 
24. } 
25. .dede_pagesulli.thisclassa,.pageboxulli.thisclassa:hover{ 
26. color:#F63; 
27. padding:2px4px1px; 
28. border-bottom:2pxsolid#F63; 
29. font-weight:bold; 
30. } 
31. .dede_pages.pageinfo{ 
32. line-height:21px; 
33. padding:12px10px12px16px; 
34. color:#999; 
35. } 
36. .dede_pages.pageinfostrong{ 
37. color:#555; 
38. font-weight:normal; 
39. margin:0px2px; 
40. } 

模板调用加:

1. <divclass="dede_pages"> 
2. <ulclass="pagelist"> 
3. {dede:pagebreak/} 
4. </ul>//开源软件:phpfensi.com 
5. </div> 

效果图:

Tags: DEDECMS分页竖排 DEDECMS分页横排

分享到：