DEDECMS文章内容页手动分页竖排变横排 – DeDecms


avatar
pcwnas 2023-04-21 196

原文来自:https://www.zixuephp.com

DEDECMS文章内容页手动分页竖排变横排

发布的文章内容分页都是竖向的,很不好看,想把它变成横向的,最好能再适当的美化一下,解决方法,你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>
  5. </div>

效果图: