不久前看到一篇介绍定制网页浏览的方法,当时就想着,我把我的博客页也修改下,在手机浏览的时候,也能漂亮的显示出来.以后写的文章的话,也可以分享的微信朋友圈里面和朋友分享. 具体步骤参考:http://www.cnblogs.com/lvdabao/p/5245247.html 我按照上面的做了,但是,手机浏览起来,还是跟一坨屎一样,不得不佩服自己的UI制作能力. 前台功底不行呀,HTML标签一知半解,js也就那样,css基本不动,你叫我咋样,咱只能一步一部来了.所以,今天就先分析下模板画面的大致结…

本人用的模板是基于Codeboy的博客模板改造模板,(由于本人可能会有很多样式修改,所以不再将修改pullrequst到原项目,在此对codeboy模板表示感谢).功能改造如下: 添加微信支付宝打赏 这里也是一个开源的项目,项目地址,使用很方便,直接引用到项目中,配置下就可了: <script> window.tctipConfig = { staticPrefix: "http://static.tctip.com", buttonImageId: 1, buttonTi…

代码地址如下:http://www.demodashi.com/demo/13147.html 效果 环境配置 环境 Windows 10 Git Bash 安装ruby 下载rubyinstaller安装:https://rubyinstaller.org/downloads/ (推荐Ruby 2.2.6版本) $ ruby -v 安装DevKit 下载DevKit.exe:https://rubyinstaller.org/downloads/ ,解压完成后进入目录,init初始化,revi…

之前对CSS/JavaScript了解还不深,只是把模板的CSS胡乱修改了几个属性.最近正好也在做一个网站的前端,学习了不少东西,再来改一改~ 上次最后之所以铩羽而归,是因为从CSS里找不到那些#和.对应的东西控制的都是啥子,这回不在看那个CSS了,直接用浏览器的开发者模式打开博客,一级一级找下去,看控制要改的内容的都是哪个DIV,把那些呆滞傻二的字体一一改掉: .cnblogs_code pre { font-family: Courier New!important; font-size:…

模板描述:商务领航,尽现成熟稳重的个人小站风格     响应式Web设计,自适应电脑.平板电脑.移动设备     图标字体库,自适应各种终端设备,保证图形图标清晰无锯齿,支持Retina(视网膜屏幕)     跨浏览器兼容,支持IE6/7/8/9/10/11.Chrome.Safari.Opera,等同于支持国内各种浏览器     支持主题控制面板,后台方便的设置SEO.统计代码.分享代码     针对SEO进行改良,支持内页自动获取关键字.描述     支持WordPress的菜单系统,无限级…

模板 personalBlog采用典型的博客布局,左侧三分之二为主体,显示文章列表.正文:右侧三分之一为边栏,显示分为类列表.社交链接等.现在的工作是将HTML文件加工为模板,并创建对应的表单类,在模板中渲染. 并非所有的页面都需要添加边栏,所以我们不能把它放到基模板中.为了避免重复和易于维护,我们把边栏部分的代码放到了局部模板_sidebar.html中.除了基模板base.html和存储宏的macros.html模板,personalBlog程序的博客前台使用的模板如下所示: index.h…

用Hexo搭了个Gitpage的博客,兴冲冲的发了11篇博文后发现翻页按钮不正常显示,显示为<i class="fa fa-angle-right"></i>的HTML编码.如下图: <i class="fa fa-angle-right"></i>这是个什么鬼? 这是一个Font Awesome的字体图标,按道理来说这个图标应该可以正常显示的,现在这个图标不能显示了显示成了html源码. ** 解决办法:** 最简单…

在修改设置使公告栏里的头像更新为新的头像时发现里边还有“页面定制CSS代码”这一选项,查了一下发现这东西可以对页面做一些个性化的调整.正好目前我使用的这个模板标题和导航栏的字体实在难看,顺手修改了一下. 因为我之前是对CSS这方面完全不了解,所以只能连蒙带猜.首先,这CSS代码估计就是设置一下某些参数的值,应该跟.ini之类的文件形式比较类似.看了一下别人写的一些简单的代码,大概了解了一下格式,跟预想的差不多.接下来是要找到模板本身自己的CSS代码,不然我怎么知道要修改谁呢?一开始我是直接从浏览…

1.可以去模板列表里选择一个模板 http://www.cnblogs.com/Skins.aspx 目前使用的模板是http://www.cnblogs.com/SkinUser.aspx?SkinName=SimpleMemory 2.找到模板对应的css文件 http://www.cnblogs.com/asxinyu/p/Bolg_Category_StyleSetting_2.html 模版使用的css文件可以通过网页的源码找到链接,然后下载下来,针对性的修改 自己测试了一下,F12之…

采用了作者#a的模板BlueSky进行了些许修改 在原有基础上加了三个样式,使页面显示风格统一些 #home{ background-color:#fff; } #main{ background-color:#fff; } #blog_stats{ color:#fff; } 原文地址: https://www.cnblogs.com/blogg/p/9142620.html…