Allen
2021-12-08
01:09:21
13226
0
0
0
0
本文爲原創，遵循CC 4.0 BY-SA版權協議！轉載時請附上原文鏈接及本聲明。
原文鏈接：https://tdlib.com/am.php?t=u3eFNR5bL9By Tag: TYCMS 网站日志
终于完成了新模板。
原来模板v2ex站的模板太简单了，没有侧栏，而且是用table布局的，很落后，而且调整起来也很麻烦。
后来模仿了一套不错的论坛模板，也完善的不错了，但加了广告后，主栏有时就莫名的变的很宽，找不到问题，怎么也调不好！这个用的是tailwind框架，不想深入学了，精力有限！而且这个是论坛的形式，有些内容不太适合。
所以迫切需要做一套新的模板！
前些日子稍微又学习了一下bootstrap，这个还是比较简单的，这次大概了解布局方法。
用了大概两周的时间，终于做成了新模板。
非常不错，用起来非常方便。
...
--模板名字暂时全名为tb01
--使用bootstrap框架，另外用tb01.css做布局和微调、
...
解决了很多难题，实现了诸多功能：
（其实都是基本的，奈何水平有限，不容易了）
--实现侧栏，可自由加多块。
--主导航栏功能齐全：有搜索框，实现显示logo，左右均可加按钮，也可加下拉按钮。
--标题h1显示
--实现简洁列表页，可加图片（类似头条样式）
--实现top按钮
--可实现分块浮动显示或平面显示（通过对各分块边框和阴影实现）
--全面修改各页面。
--主页面添加了分享按钮：addthis
...
其中光各块的名称就想了好几天啊。。。实在的纠结，实在是浪费！！！
参考了一些命名规范：命名规范链接
主容器
container
行
__row
...
主块（布局）
____container_left
____container_right
____container_list
____container_main
...
分块
______section_mainnav
______section_subnav
______section_pagenav
______section_list
______section_main
______section_right
______section_related
(section_list可能会按类型分开处理
______section_list(article)
______section_list_tiny
______section_list_link
______section_list_file
...
子内容块
________list_img
________list_content
...
元素
section-title
list-img
(所有块用下杠，元素用中杠）
...
暂时这么多吧，使用中再慢慢完善！
【版權聲明】本文爲原創，遵循CC 4.0 BY-SA版權協議！轉載時請附上原文鏈接及本聲明。
原文鏈接：https://tdlib.com/am.php?t=u3eFNR5bL9By Tag: TYCMS 网站日志
評論
