美化博客CSS】的更多相关文章

title: 美化博客CSS date: 2019/01/19 14:28:59 --- 美化博客CSS 可以去这里看下好看的样式 修改下文档的css,博客园是在页面定制CSS代码,我这里修改了下标题,删除了下广告,这样就有横条的标题了 #ad_t2, #cnblogs_c1, #under_post_news, #cnblogs_c2, #under_post_kb { display: none; } h2, h3, h4 h2{/*增加标题属性的修改*/ background: #1599…
书写博客,难免要贴出代码.然而直接贴出代码,则不美观.于是,应运而生出现了很多代码美化的插件.其中比较有名的是Syntax Highlighting插件.   笔者在网上翻阅的时候发现了Snippet插件,其支持众多的代码类的美化--例如:HTML.CSS.JS.C#等.并有39种不同的美化风格可供选择. 其官网地址:Snippet插件官网.在官网上,已经比较详细的介绍了插件的使用方法,这里就不在赘述了.   和许多美化插件一样,该插件是基于JQuery的,故在使用的时候,要先引用相关的文件,如…
为什么要美化? 博客园的主题看起来是有一些年代感了,应该是不符合当代大学生的审美了,起码我就觉得不行,所以我们要进行一些美化,但是搞技术的人的博客不应该搞得花里胡哨,最好是简洁一些(个人想法),网上有一些美化的教程让我想起了我的QQ空间,此博客的目的是教会大家基本的美化方法,从小就不会写作文,写的不好请多多担待,欢迎评论. 怎么美化? 学习过前端知识的都知道,页面上的样式是通过使用CSS(层叠样式表)来进行排版的,所以我们只需要修改CSS就能改变我们博客的样式,正巧博客园给我了我们这个权限,进入…
这个是按照custom标准模板来做的,博客园已经有模版了,有些细节不是很好,这个是源CSS,喜欢的可以自由DIY,完善更好. @charset "utf-8"; /* CSS Document */ /* By cnblogs.com/blogg /*全局特性*/ body { font-family: Arial, "微软雅黑", \5B8B\4F53, sans-serif; background-image: url(http://images.cnblogs…
你好 在吗?? 本消息来自QQ临时会话,如果您收到骚扰信息,可点击以下网址中的"停用服务"关闭临时会话: http://shang.qq.com/widget/set.php 20:48:21 王峰 2015/6/30 20:48:21 你好 请问怎么装扮自己的博客园中的博客 装扮最好看的那种 20:55:04 a 2015/6/30 20:55:04 ?\\\ a 2015/6/30 20:55:11 在吗? 王峰 2015/6/30 20:55:44 在的 a 2015/6/30…
一.页面定制CSS #home { margin: 0 auto; width: 80%;/*原始65*/ min-width: 980px;/*页面顶部的宽度*/ background-color: rgba(245, 245, 245, 0.7); padding: 30px; margin-top: 50px; margin-bottom: 50px; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); } body { background:…
预览 可自行更改颜色 背景图 页面定制 CSS 代码中加入: url为背景图地址,可下载心仪背景图后上传到博客园相册后获取地址 body { color: #000; background: url(https://images.cnblogs.com/cnblogs_com/csyzlm/1893888/o_201204093736timg.jpg) fixed; background-size:100% 100%; background-repeat: no-repeat; font-fam…
首先你需要添加页面CSS代码…
<p style="background: #CFE0F8; padding: 5px;">理解Code First及其约定和配置</p> <p id="深入理解code-first"><span style="color: #ff0000;">1. 深入理解Code First</span></p> <p id="fluent-api">&l…
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <script> function test(){ if ($(this).text().indexOf("■") != -1){ $(this).addClass("subtitle") } if ($(thi…