终于完成了新模板。
原来模板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 网站日志