【不懂CSS也能定制博客界面!】的更多相关文章

不懂CSS也能定制博客界面!

之前没想过定制博客界面,毕竟CSS,HTML什么的都不懂,不过看了这篇文章分分钟搞定: [详细图解]一步一步教你自定义博客园(cnblog)界面 我是基于模板BlueSky做了些改动,先看修改前后的效果: 修改前: 修改后: 1先动手!什么都别管! 在我的博客-管理-设置-页面定制CSS代码,只添加有改动的CSS代码段即可,CSS代码从当前模板获取,方法如下. 使用chrome浏览器,在博客界面按F12查看当前模板(BlueSky)的代码如图 不懂CSS的我一脸懵B,不过上图左上角有个神器 将箭…

[笔记][Web]利用JS生成博文目录及CSS定制博客

0. 简介 进入到cnblog这个大园子以后,和其他的一些博客网站比起来,少了些小功能,比如旁边CSDN上的目录.不过好在大神辈出,博客园可以通过申请JS权限来进行目录的生成. 由于本人在JS以及CSS上纯小白,不过一些代码还是可以看懂的,刚好园子里有着许多前辈的模板,就直接拿来使用了,在此也谢谢原作者. 1. JS代码 想要生成目录,许多都说需要JS修改权限,那个这里就直接进入设置页面,找到下方的联系邮箱直接发去就行了,工作人员回复的还是很快的. 拿到权限之后,下面就是将编(搜)写(寻)的JS…

定制博客CSS样式

首先你需要添加页面CSS代码…

使用CSS/JS代码修改博客模板plus

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

Orchard运用 - 定制博客分页显示

一般,对于条目过多的系统或博客,分页显示是最简单的方式.目前分页方式基本有三种格式: 1.显示所有信息,包括标明当前页面,提供上一页和下一页链接和使用首页和末页链接. 2.只标注上一页和下一页链接. 3.无限滚动自动分页. Orchard默认是提供第一种方式,也就是会在内容底部呈现一个分页导航,类似博客园首页就是这样. 而博客系统Wordpress中,第二种方式更为流行和通用.如果你的博客是从Wordpress迁移到Orchard的, 那么自然你需要做些定制修改.今天就简单分享一个解决方案. 1…

纯CSS打造BiliBili样式博客主题

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

前端小练习-Michael的博客界面(粗糙版)

michael-blog.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>michael's blog</title> <link rel="stylesheet" href="michael.css"> </head> <b…

emacs配置&博客界面源代码

emacs配置 如果想要考场简单配置也可以去下面看,需要别的考场配置可以自己在下面比较全的里面找 考试备忘录(有新的就会更的...) By Junlier (global-set-key [f9] 'compile-file) (global-set-key [f10] 'gud-gdb) (global-set-key (kbd "C-s") 'save-buffer) (global-set-key (kbd "C-z") 'undo) (global-set-…

自定义CSS博客（转）

摘自:http://www.cnblogs.com/libaoheng/archive/2012/03/19/2406836.html 前  言 一个好的阅读体验,对技术博客来说,也许算是锦上添花.入园一年来,虽然没写几篇文章,但隔一段时间,总会感觉博客界面审美疲劳,就会下些功夫去重新设计一下博客的页面.只为了让界面清爽,方便园友阅读.很多园友问我,用的是什么模板,其实归功于园子的自定义CSS(其实可以自己设计皮肤,但比较麻烦,自定义CSS灵活快捷),趁机分享下我当前的博客界面设计.当然,不是做…

【实战】如何通过html+css+mysql+php来快速的制作动态网页（以制作一个博客网站为列）

一.开发环境的搭建 (1)apache+php+mysql环境搭建 因为要用apache来做服务器,mysql作为数据库来存储数据,php来写代码以此实现网页与数据库的交互数据,所以需要下载上述软件,但上述软件的安装环境.配置很麻烦,所以在这里用了一个功能强大的建站集成软件包---XAMPP 当然,也有可能启动Apache时候出现错误. (2)数据库客户端软件navigat 直接在cmd命令控制台操作数据库并不方便,不够直白,当然也可以直接用phpmyadmin来操作(上述xampp软件包安装之…