纯CSS打造BiliBili样式博客主题 - 相关文章

【纯CSS打造BiliBili样式博客主题】的更多相关文章

纯CSS打造BiliBili样式博客主题

前言一直以来,我都在思考如何减少不必要的JS代码,仅通过CSS来实现博客园主题美化.CSS有很多魔法代码,例如:before,iconfont,order,等等,利用好这些技巧,也能实现很好美化效果.这一次带来的是仿制BiliBli制作的纯CSS博客园主题,希望能给你带来不一样的体验. 头部导航栏 BiliBili个人主页效果这种头部感觉比较好看,并且根据博客园的代码布局,正好能够实现. 其实博客园在设计之初就考虑到了logo的问题,但是只给了1px的大小,所以基本上就没有被人发现.通过ba…

Hexo博客主题优化

Hexo博客主题优化添加背景图在 themes/*/source/css/_custom/custom.styl 中添加如下代码: body{ background:url(/images/bg.jpg); background-size:cover; background-repeat:no-repeat; background-attachment:fixed; background-position:center; } 修改Logo字体在 themes/*/source/css/_c…

Expression构建DataTable to Entity 映射委托 sqlserver 数据库里面金额类型为什么不建议用float，实例告诉你为什么不能。 sql server 多行数据合并成一列 C# 字符串大写转小写，小写转大写，数字保留，其他除外从0开始用U盘制作启动盘装Windows10系统(联想R720笔记本)并永久激活方法纯CSS打造淘宝导航菜单栏 C# Winform

Expression构建DataTable to Entity 映射委托 1 namespace Echofool.Utility.Common { 2 using System; 3 using System.Collections.Generic; 4 using System.Data; 5 using System.Linq.Expressions; 6 using System.Reflection; 7 using System.Reflection.Emit; 8 9 publ…

dajngo ORM查询中select_related的作用，博客主题的定制，从数据库中按照年月筛选时间

1.dajngo ORM查询中select_related的作用 select_related()方法一次性的把数据库关联的对象都查询出来放入对象中,再次查询时就不需要再连接数据库,节省了后面查询数据库的次数和时间.主要用于外键查询. blogobj = Blog.objects.filter(site=site).select_related('user').first() 2.博客主题的定制将各个模块的css样式固定,然后通过.css文件导入,可以在数据里面设置.css文件的名字在模板中通…

从无到有开发自己的Wordpress博客主题---代码环境准备

注意这里说的是代码环境准备哦,而不是L(M)AMP运行环境哦,运行环境会在后述文章中在写. 一.在本地初始化git环境并且链接上gitee 1.在gitee上创建一个项目托管你的代码这个不在赘述,按照提示一步一步操作就好了,个人用户用gitee的好处是,相比于GitHub速度快,而且可以创建免费的私人库. 2.创建公钥以连接gitee 虽然主流git仓库都支持http的方式,但是每次都要输入密码,麻烦. 创建方式参考:https://gitee.com/help/articles/4181 3…

20款时尚的 WordPress 博客主题【免费下载】

在这篇文章中,我们收集了20款时尚的 WordPress 博客模板.WordPress 作为最流行的博客系统,插件众多,易于扩充功能.安装和使用都非常方便,而且有许多第三方开发的免费模板,安装方式简单易用.如果你想快速创建一个电子商务网站,那么使用现有的 WordPress 模板会是很好的方案. 您可能感兴趣的相关文章 10款唯美浪漫的婚礼 & 结婚纪念网站模板那些让人惊叹的的国外创意404错误页面设计 10大流行的 Metro UI 风格 Bootstrap 主题推荐35款精致的 CSS3…

【CSS Demo】纯 CSS 打造 Flow-Steps 导航

low-Steps 导航效果常用于需要表示执行步骤的交互页面,效果如下: 步骤一步骤二步骤三通常使用图片来实现 Flow-Steps 效果,但此方法的灵活性不足,当内容变化较大时就可能需要重新切图,这里介绍使用纯 CSS 的方法来实现 Flow-Steps 效果: 兼容版本此版本兼容主流的浏览器(IE6.7.8… FF.chrome),但也因此导致 HTML 结构比较复杂,并且使用了 IE 的滤镜,Demo 如下: <!DOCTYPE html> <html> <…

Zblog主题模板自适应手机响应式ZblogPHP简洁博客主题

Z-blog PHP版本简洁主题模板特点简洁舒适手机移动端自适应,完美有利于优化代码结构利于编辑对于不懂代码的,也非常适合简答后台简答 PC端侧边栏下拉跟随,无论下面有多长,导航侧边栏都只在左边:方便你选择栏目 SEO方面代码利于优化. 作者可免费指导安装对于喜欢简洁的,而又不失丰富的,这是一个不错的选择对于国产博客程序,zblog无疑是一个佼佼者.wordpress固然强大,可是沉重,买个几百的虚拟主机,差点就转不动.最后放弃选择zblog.一款好的博客主题很重要,早期作者还只是个…

开源免费的WordPress个人博客主题推荐

二次元动漫类个人主题 Sakura 功能强大,美观大气,二次元动漫专属演示地址:https://2heng.xin/theme-sakura/ 开源地址:https://github.com/mashirozx/Sakura Sakurairo Sakura主题的后期开发版,适合新人小白,省去了很多代码的烦恼演示地址:https://asuhe.jp/daily/sakurairo-user-manual/ 开源地址:https://github.com/mirai-mamori/Sakur…

博客主题皮肤探索-添加新功能和fiddler的css/js替换

还有前言使用了主题之后,发现还差了一点功能.最新评论没有了,导致读者回复需要一点时间去找到底回复了哪条博客.于是就有了添加功能的想法. 如何调试CSS/JS 打开f12,可以看见加载的js资源都是混淆的.虽然还是可以看懂,但这变量名a,b,c,d一搞也头疼.而且本地修改的是不会放在在线调试的,因此我们需要一个工具去替换网页的资源. 幸好,fiddler就提供了这个方法. 先装证书 fiddler是抓不到https的,但可以按照证书去实现这点. 禁用缓存因为缓存的关系,fiddler也抓不到j…