使用CSS代码修改博客模板

【使用CSS代码修改博客模板】的更多相关文章

使用CSS代码修改博客模板

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

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

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

我的博客模板（线框图wireframe）

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

第41篇推荐一个jekyll博客模板

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

基于Jekyll的博客模板

代码地址如下: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扁平化博客学习总结（三）header代码实现

页头.banner.正文.页脚的宏观布局 1.布局顺序的重要性: 由大到小,着眼最大的部分,慢慢细分. <body> <header> <nav></nav> <div id="banner"></div> </header> <div class="content"><!-- 内容开始 -…

flask实战-个人博客-模板 --

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

简洁侧边wordpress博客模板

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

代码备份 | 博客侧边栏公告（支持HTML代码）（支持JS代码）

博客侧边栏公告(支持HTML代码)(支持JS代码) <div id='btnList'> <a class="ivu-btn ivu-btn-primary" href="https://cn.vuejs.org/v2/api/" target="_blank">Vue</a> <a class="ivu-btn ivu-btn-primary" href="https://…

css大牛的博客

一个不能再牛的个人简历,请用pc观看:http://strml.net/ 用css来画圆http://jingyan.baidu.com/article/c910274be4dd69cd371d2d48.html http://www.blogbus.com/aakwgoog-logs/206344922.html http://blog.csdn.net/freshlover/article/details/11579669 http://www.chinaskin.cn/page-20160…

解决Hexo博客模板hexo-theme-next的翻页按钮不正常显示问题

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

查看博客模板的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之…

自动修改博客CSS样式用的代码

博客模板更新CSS

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

[python][django学习篇][10]再次修改博客首页模板

目前我们看到的只是模板中预先填充的一些数据,我们得让它显示从数据库中获取的文章数据.下面来稍微改造一下模板: 删除所有article标签,然后添加以下内容,将从数据库读取到的内容填充到模板变量{{ post_list }} {% for post in post_list %} <article class="post post-{{ post.pk }}"> <header class="entry-header"> <h1 clas…

css扁平化博客学习总结（四）content代码实现

1.根据功能,把不同的部分写出来,方便扩展 <div class="content"> <section class="green-section"> <div class="wrapper"> <h2>一个标题</h2> <div class="hr"></div> <p class="s…

css扁平化博客学习总结（二）css样式重置

css样式重置方法一:不推荐使用,这么写会让网页解析速度变慢. *{ margin: 0; padding: 0;} 方法二:大家常用的写法,比较流行. body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,li, dl, dt, dd, form, a, fieldset, input, th, td{margin: 0; padding: 0; border: 0; outline:…

css扁平化博客学习总结（一）模块分析

一.模块分析 1.每开发一个项目之前,首先要对项目进行一个大致规划,它到底要做什么功能,它有什么具体需求. 2.所以需要进行模块化分析,把这些东西具象化,把一个问题模块化,对需求有一个宏观的了解. 3.有一个模块的概念后,把模块进行细分,细分成更小的模块,然后逐一击破. 不进行模块分析的恶劣影响: 不做模块分析,一上手就想到哪儿做到哪儿,很容易一叶障目,不能看到全貌,你会发现做着做着就失控了.因为有些地方出现了矛盾,你会发现要修改的成本很高,还不如推倒重写. 新手很容易着眼于细节,首先不应该从细…

比较好用的Copy代码到博客VS扩展工具

这个工具叫做TrimCopy,可以避免拷贝出来的代码带空格,影响布局.…

[uiautomator篇] 如何获取apk的包名博客模板

Android自动化学习笔记:获取APK包名的几种方法 ---------------------------------------------------------------------------------------------------------------------------- 小记:自学过程中,经常需要用得到一个APK的包名,总结一下得到包名的几种方式. ********************** 2017-16-23:初版 ********************…

github 博客模板

http://www.jianshu.com/p/d658ba3b4351 http://jekyllthemes.org/…

一个Nice的生活主题博客模板

https://www.bitcron.com/ https://api.bitcron.com/ https://chopstack.com/…

个人博客制作如何选择前端模板 thinkcmf后台加载新模板 CSS js文件

我们的博客后台已经搭建好了,接下来我就要选择一个合适的模板做自己的博客,首先要定位你的博客是做什么用的,是属于什么行业,根据自己博客的定位选择适合的模板. 如果你是设计师,又会前端设计开发,那就可以自己原创设计模板,由于小编设计及前端不太专业,所以这里就不班门弄斧了,我从网上下载了一个模板,用来讲解和开发这次的博客. 从网上下载模板的地方很多,这里也给大家推荐几个不错的模板下载网站,我必较常用的几个网站是,云码素材,猪猪源码,17素材,jqueryfans,jquery222等素材站.从这些网站…