模仿博客园，前端设计

<!-- 在博客后台设置中先申请js权限,等审核通过后,再在页首.页脚Html代码添加下面的js代码. --> <!-- 页首Html代码: --> <canvas height="990" id="c_n9" style="position: fixed; top: 0px; left: 0px; z-index: -1; opacity: 0.1;" width="1920"> <

直接贴代码: .catListTag li { text-decoration:none; color:#000; background:#ffc; display:block; height:2em; margin:1em; width:10em; overflow:hidden; -moz-box-shadow:5px 5px 7px rgb(33,33,33,1); -webkit-box-shadow:5px 5px 7px rgb(33,33,1); box-shadow:5px 5p

网站首页 模仿博客园:导航条.左侧菜单.中间文章.右侧广告之类. 首先: 用户有木有登录,若登陆了,在导航条右侧显示用户登录信息,反之显示登录.注册 <ul class="nav navbar-nav navbar-right"> {% if request.user.is_authenticated %}#如果有用户登录 <li><a href="{% url "aaa" request.user.username %}&q

他山之石--邂逅站酷 虽然才毕业一年,似乎在很多人眼里这年龄只是个小屁孩的角色.但不知不觉,已经离刚上大学的时候有五年之多了,那时候因为专业的原因还是个美工,边学边做在社团组织里捣鼓一些海报和宣传视频.经同学推荐,有个叫做站酷的网站,好多高质量素材,矢量图任意缩放,不是有些图库的那些半模糊还有水印的战五渣,你懂的.后来因为感觉天份的原因,也没有什么美术功底,就放弃了继续设计师这一类行业.但是身边很多朋友都在做设计,江湖一直都在,站酷的名字从未停息. 他最近出了个叫做"高高手"的在线教育

前言 每一个页面都是这个App的门面,尤其是主页面,看上去干净整洁清爽宜人容易操作,那么你的App就成功了一半.这也反映出了你这个开发团队的基本审美素质和设计理念.如果你不是一个团队,而是一个个人开发者,建议你好好读读以下心得体会,相信会帮助你做出好看而实用的App.用一堆拥有丑陋UI的App充斥Window Store,不是我们高大上的程序员所为,被其他手机开发平台的开发者们耻笑. 三大纪律: 1)不乱用颜色.一个页面内不要超过3种颜色 2)不乱用大图片当背景.你是想让用户看你的背景图片呢,还

引言 博客园是本人每日必逛的一个IT社区.尽管博文以.net技术居多,但是相对于CSDN这种业务杂乱.体系庞大的平台,博客园的纯粹更得我青睐.之前在园子里也见过不少讲解为博客园编写客户端的博文.不过似乎都是移动端的技术为主.这篇博文开始讲讲如何在PC端编写一个博客园客户端程序.一方面是因为本人对于博客园的感情:另一方面也想用Qt写点什么东西出来.毕竟在实践中学习收效更快. 登录过程分析 登录功能是一个客户端程序比不可少的功能.在组装Http数据包发送请求之前,我们得看看整个登录是怎样一个过程.F

完成效果 blog.css /*这是一个博客园首页的样式表*/ /*通用样式*/ body{ margin: 0; background-color: #eeeeee; } a{ text-decoration: none; /*取消下划线*/ } ul{ list-style-type:none; padding-left: 0; } .clearfix:after{ /*防止父标签塌陷*/ content:''; display: block; clear:both; } .blog-lef

       背景: 自从今年下半年接触一个基于ReactJS 的手机APP项目.开始了解到了Corodva这个神奇的东西.后续自己也自作了一些小的APP放到了应用宝上.8月份开始想做一个博客园APP.于是就私聊博客园团队申请了博客园API访问权限(当然其实应用宝里面也有博客园APP了.而且用fiddler抓取了一下.发现API还很完善.说实话比博客园团队提供的API完善多了.我想应该是开发者用爬虫软件爬的页面然后自己解析的吧.) 第一步: 申请API: 私聊博客园,获取了OAuth的Clien

一.选择一个博客皮肤 在定制CSS之前一定要先确定自己要先选择哪个皮肤,因为不同的皮肤其HTML结构以及class的设计和命名都不太一致,如果你在修改CSS后再更换皮肤的话,会造成部分CSS不对应,无法生效的情况.我个人选择了“BlackLowKey”这个相对比较中规中矩的皮肤. 二.所要定制的页面 一般来说,给别人看的页面是 首页 和 博文详情页,我个人的偏好还有 随笔分类列表页.所以我会对这三个页面进行CSS定制. 三.开始定制 如果觉得不需要原来皮肤的CSS,可以在设置里勾选“禁用模板默认