博客个性化简单设置(1)

1、侧栏添加头像

修改下面代码中的图片地址为你个人头像的图片地址

<div class="head_img"><img width="120" height="120" alt="我的头像" src="//pic.cnblogs.com/avatar/1014286/20160824172911.png" class="img_avatar"><div>

添加到博客管理-设置-博客侧边栏公告位置处即可

2、推荐按钮浮动到右下角

/*推荐按钮浮动到右下角*/

#div_digg {
     position: fixed;
     bottom: 20px;    /*调整距离底部的距离*/
     right:450px;      /*调整距离右边的距离*/
     background-color:white;    /*修改颜色*/
     border: 8px double #00FFFF;
     padding: 10px;
     margin: 10px;
     text-align: center;

}

添加到页面定制CSS代码

效果:

扩展:

十六进制的颜色代码:首先我们知道 RGB,每种颜色由 0 到 255 共 256 个梯度,十六进制码把 RGB 的 256 个梯度以十六进制来显示出来,RGB 中的 0 转化为十六进制是 00,RGB 中的 255 转化为十六进制是 FF。

例如把 #99CC99 拆分来看:99、CC、99。这里分别代表 R、G、B 三种颜色的十六进制取值。把它们转化回来则是 RGB (153, 204, 153)。

原文地址:https://www.cnblogs.com/kwinwei/p/8481392.html

时间: 2024-10-09 17:16:10

博客个性化简单设置(1)的相关文章

关于博客的简单美化

关于博客的简单美化 之前曾经是有过一个基于\(Github\)的博客的,但是代码的操控不是特别熟悉,在就博客里面还发了关于\(Blog\)转移的文章Lomen,但是后来由于某种\(unfortunately\)的原因它挂掉了(我搞了一个星期的博客啊!!!),现在只有一个空荡荡的\(README\)文件挂在上面. 因此短时间内不考虑\(Github\)的博客了,转手进行博客园美化. 博客今本上是照着\(\_rqy\)的"Next"模式依葫芦画瓢的,但是因为\(cnblogs\)的功能并没

基于 Laravel 开发博客应用系列 —— 设置 Windows 本地开发环境

1.安装原生PHP 下载/解压 PHP 到 PHP 下载页下载最新版本的 PHP(如果使用 Laravel 5.1 的话需要 PHP 5.5.9+ 版本),解压下载的zip格式压缩文件到本地目录,比如E:\Php. 编辑 php.ini 打开命令行按照如下步骤创建php.ini文件: C:\Users\Test>E: E:\>cd Php E:\Php> copy php.ini-development php.ini 然后在编辑 php.ini: // 将 ; extension_di

博客园如何设置目录生成&amp;设置目录&amp;设置标题背景色&amp;修改标题背景色

阅读目录 前提 设置目录生成&设置/修改标题背景色 设置目录 前提 注意: 请先申请开通JS接口!! 今天帮朋友设置后台代码,发现怎么都没有效果,看了下忽略了JS接口: 因为插入的代码大多有JS功能,不申请开通JS功能自然无法支持JS效果. 网上看了很多博客也都没提及这点,感觉是个坑,So,需要的朋友可以留意下. 对了.在编辑页面是显示不出目录效果的,只有你设置好目录发布文章后,发布的文章才会有目录效果哦~ 设置目录生成&设置/修改标题背景色 <script language=&qu

Django 博客实现简单的全文搜索

作者:HelloGitHub-追梦人物 文中所涉及的示例代码,已同步更新到 HelloGitHub-Team 仓库 搜索是一个复杂的功能,但对于一些简单的搜索任务,我们可以使用 Django Model 层提供的一些内置方法来完成.现在我们来为我们的博客提供一个简单的搜索功能. 概述 博客文章通常包含标题和正文两个部分.当用户输入某个关键词进行搜索后,我们希望为用户显示标题和正文中含有被搜索关键词的全部文章.整个搜索的过程如下: 用户在搜素框中输入搜索关键词,假设为 "django",

博客园背景设置

博客皮肤:SimpleMemory 页面定制css /*simplememory*/ #google_ad_c1, #google_ad_c2 {display:none;} .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntax

自定网站或博客主题简单说明

MWeb全部主题已上传到Github: https://github.com/oulvhai/MWeb-Themes. MWeb主题模板结构 MWeb所有网站主题模板都放在SiteThemes这个文件夹里,点击 ????? 这里可以直接显示SiteThemes文件夹,一个文件夹就表示一个主题.每个主题里包含的文档和文件夹的作用如下: asset -- 主题所有要用到的东西,图片.CSS.JS等等都放这里 archives.html -- archives.html页所使用的模板 atom.xml

基于 Laravel 开发博客应用系列 —— 设置 Linux/Mac 本地开发环境

1.不同 Linux 发行版本的区别 不同的 Linux 发行版本之间有一些细微区别,尤其是包管理器:CentOS 和 Fedora 使用 yum 作为包管理器,而Ubuntu 使用  apt,在 OS X 上除了 App Store 之外没有其他官方的包管理器了,但有一个非官方的 OS X 包管理器 —— homebrew.抛开表象的不同,这些 *nix 系统背后的原理都是一致的,包括 OS X. 声明:本节如无特别说明,默认使用 Ubuntu 15.10 系统. 2.安装 PHP PHP 通

【博客园】+设置

https://www.cnblogs.com/beihan/p/9606672.html https://www.cnblogs.com/huangtao36/p/7606724.html 原文地址:https://www.cnblogs.com/danhuai/p/11074066.html

博客个性化之【鼠标点击效果 】

侧栏插入此代码 /*****************************文字效果******************************************/ <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>    <script type="text/javascript">        var a_idx = 0;