杭州神话信息技术有限公司

标题: 天天团功能很强大，但是页面结构太乱。阻碍美工！ [打印本页]
作者: darkeval    时间: 2011-5-26 20:45:30     标题: 天天团功能很强大，但是页面结构太乱。阻碍美工！



天天团够系统的功能很强的，2.0版更加强大。


但是天天团的模板页面结构太乱了！！

我是做前端开发的，在给朋友的天天团购网站写模板时，我【实在】，【实在】 难以 难以 看懂和接受 天天团的页面结构和 css类名。

天天团开发人员能告诉我以下CSS你想表达什么？

你们能否告诉我，这个"B"它是什么？粗体？那SR又是什么？
  1. .B{   
  2. font-weight:600;font-size:16px   
  3. }   
  4. .B2{   
  5. font-weight:600;font-size:14px   
  6. }   
  7. .R{   
  8. color:#ff0000; font-style:normal;   
  9. }   
  10. .SR{   
  11. float:rightright   
  12. }   
  13.   
  14. .t_r h3{   
  15. font:bold 14px;margin:0;padding:5px 0; font-size:14px;   
  16. }   
  17. .t_r p{   
  18. font:12px;margin:0;padding:0 0 10px   
  19. }   
  20.   
  21. .at_xts{   
  22. margin:5px 0 10px 15px   
  23. }   
  24. .at_xts_t{   
  25. width:453px;height:35px;overflow:hidden;background:url(../images/new/cmb.png) 0 -473px no-repeat   
  26. }   
  27. .at_xts_t .sName{   
  28. font-family:微软雅黑,黑体;font-size:23px;position:absolute;margin-top:13px;margin-left:10px;background:#fff;color:#ff870b;padding:0 10px   
  29. }   
  30. .at_xts_f{   
  31. width:453px;height:44px;overflow:hidden;background:url(../images/new/cmb.png) 0 -507px no-repeat   
  32. }   
  33. .at_xts_m{   
  34. width:426px;clear:both;overflow:hidden;margin:0;padding:10px; border-left:2px #eea552 solid; border-right:2px #eea552 solid; margin-left:2px   
  35. }   
  36.   
  37. .t_l p{   
  38. clear:both;margin:0;   
  39. }   
  40. .t_l label{   
  41. float:left;width:100px;text-align:rightright;padding-right:2px;whitewhite-space:nowrap   
  42. }   
  43. .t_l .text1{   
  44. border-top:1px solid #666;border-left:1px solid #666;border-right:1px solid #ccc;border-bottom:1px solid #ccc;width:220px;font:12px;padding:3px   
  45. }   
  46. .t_l .text2{   
  47. border-top:1px solid #666;border-left:1px solid #666;border-right:1px solid #ccc;border-bottom:1px solid #ccc;width:50px;font:12px;padding:3px   
  48. }   
  49. .t_l .text3{   
  50. border-top:1px solid #666;border-left:1px solid #666;border-right:1px solid #ccc;border-bottom:1px solid #ccc;width:100px;font:12px;padding:3px   
  51. }   
  52. .t_l label.pay{   
  53. text-align:left;width:400px;float:none   
  54. }
复制代码
以上是天天团的代码，以下是我和另一美工写的css代码：
  1. /* 顶部区域 ------------------------------ */
  2. .header {
  3.         width:100%;
  4.         margin-top:24px;
  5.         height: 135px;
  6. }
  7. .header .wrap{
  8.         width:950px;
  9.         height:135px;
  10.         margin:0 auto 0 auto;
  11.         background-color: #f8f6b9;
  12. }
  13. .header .top_nav {
  14.         position:absolute;
  15.         z-index:999;
  16.         top:0;
  17.         left:0;
  18.         width:100%;
  19.         height: 24px;
  20.         line-height: 24px;
  21.         background-color: #79954d;
  22.         font-size: 12px;
  23.         font-weight: bold;
  24.         color: #fff;
  25. }
  26. .header .top_nav .links{
  27.         float:left;
  28.         padding: 0 24px 0 130px;
  29. }

  31. .header .top_nav a {
  32.         color: #fff;
  33. }

  35. .header .top_nav em {
  36.         margin: 0 12px;
  37. }

  39. .search {
  40.         float: right;
  41. }

  43. .search .txt {
  44.         margin-top: 2px;
  45.         *margin-top: 0;
  46.         width: 98px;
  47.         height: 12px;
  48.         *height: 16px;
  49.         _height: 12px;
  50.         border: none;
  51.         margin-right: 8px;
  52.         vertical-align: middle;
  53. }

  55. .search .btn {
  56.         margin-top: 2px;
  57.         width: 20px;
  58.         height: 20px;
  59.         background: url(../img/icon/search.gif) no-repeat;
  60.         border: none;
  61.         vertical-align: middle;
  62. }
复制代码
HTML结构我就不说了，惨不忍睹。  我没有搜索到一款天天团的第三方模板，我想是因为天天团的页面结构太乱，美工们都无法忍受，不愿意去为它写模板吧！

你们写的是需要推广给大家用的程序呀，不是写秘密档案，不是某秘密项目开发。不要把页面代码写的那么神秘。

希望天天团以后能够将页面结构写得清晰！

以上纯建议，希望天天团发展的更好，没有别的意思。



作者: nwanglei    时间: 2011-5-26 21:28:16

本来很期待这次代码能方便二次开发，结果很失望啊，比原来的还难受
作者: jammytg    时间: 2011-5-26 22:55:03

这个确实是，我也有点感觉
作者: darkeval    时间: 2011-6-1 21:26:10

天天团购应该把html结构全部重来 写的工整些。



欢迎光临 杭州神话信息技术有限公司 (http://www.cenwor.com/) Powered by Discuz! X2