我的博客是怎么自定义的

第一步,打开设置,一切都在设置里进行,让我们从头到尾,从左到右一步步讲。

1.头像

此头像不是账号头像,是标题那里放图片当头像

 <img src="你头像的地址" alt="" /> 

步骤:将你喜欢的头像上传在相册里(这样比较方便),打开相册—>找到你要的图片—>右键—>复制该图片地址—>放在上面双引号里面,复制上面的代码放在设置的标题框里。如图:

这是我的代码

<img src="http://images.cnblogs.com/cnblogs_com/zhien-
aa/859075/o_u=1400210629,2162800351_fm=21_gp=0.jpg.gif" alt="" />

 

2,侧边栏(在下面的博客侧边栏公告里面进行)

1)访客来源地图

在http://www.clustrmaps.com/这个网站输入你的博客主页地址,然后将生成的代码复制到公告框里面

如图:

 这是我的代码

<a href="http://www.clustrmaps.com/map/cnblogs.com/zhien-aa/" 
title="Visitor Map for cnblogs.com/zhien-aa/"><img 
src="http://www.clustrmaps.com/map_v2.png?
u=1GAm&amp;d=QEoznIY4QGNSaSoFTDxAk9rjpqUEabv5yIiOiLGGxu
4" alt="" /></a>

 

2)访客量

 首先要在http://www.amazingcounters.com/index.php网站注册,然后选择你喜欢的一种样式生成代码,复制粘贴在公告框里就行了,这是我的代码

您是第&nbsp;<a href="http://www.amazingcounters.com/"><img 
src="http://cc.amazingcounters.com/counter.php?
i=3203264&amp;c=9610105" alt="AmazingCounters.com" 
border="0" /></a>&nbsp;位访客</div>

 

3)动态时钟

在这个网址找你喜欢的类型http://www.blogclock.cn/,点击预览就有代码了,同样地,把代码放公告栏

这是我心型钻石时钟的代码

<embed width="180" height="180" align="middle" 
wmode="transparent" quality="high" 
src="http://images.cnblogs.com/cnblogs_com/csharp/clock.swf" 
pluginspage="http://www.macromedia.com/go/getflashplayer" 
type="application/x-shockwave-flash">

 

4)背景音乐

在这个网址登录http://www.xiami.com/widget/imulti?spm=0.0.0.0.WqiEC9,然后搜索你喜欢的音乐,添加选中歌曲。下面就可咦自定义颜色、宽度和高度了,选择html代码复制在公告栏框里面。如图:

这是我的代码

<embed src="http://www.blogclock.cn/swf/S100003bc4baf25-c.swf" 
Width="165px" Height="150px" type="application/x-shockwave-
flash" quality="high" wmode="transparent"></embed>
<embed 
src="http://www.xiami.com/widget/200931831_3443891,2085861,
1769872629,1770808806,_165_210_4DB653_009609_1/multiPla
yer.swf" type="application/x-shockwave-flash" width="165" 
height="210" wmode="opaque"></embed>

 

 

3)皮肤背景

滑上去到页面定制CSS代码的框框,先把禁用模版默认CSS√上,

基本代码是从这位博主这里复制来的http://www.cnblogs.com/libaoheng/archive/2012/03/19/2406836.html 

以下是修改了一些的我的代码,如果想要我的风格的话可以直接复制放在框框里

/*公用*/
/*原风格blog:http://www.cnblogs.com/libaoheng/archive/2012/03/19/2406836.html */
body {font-size:15px;padding:0;margin:0;font-family:"微软雅黑","宋体",Arial;background:#205424 url('http://images.cnblogs.com/cnblogs_com/zhien-aa/859057/o_201404241510122297.jpg') no-repeat top center fixed;min-width:1200px;
}
#home {opacity: 0.85;filter: alpha(opacity=95);box-shadow:0 0 10px #000;margin:40px auto;width:1200px;background:#fff;overflow:auto;border:solid 1px #fff;
}/*段落*/
.postBody p,.postCon p {margin:7px 0;line-height:24px;
}
h1 {margin:0;
}
h3 {font-size:15px;font-weight:bold;
}
/*超链接*/
a {color:#464646;text-decoration:none;
}
a:hover {text-decoration:underline;
}
a:visited,a:hover {color:#464646;
}
ul {list-style:none;margin:0;padding:0;
}
image {border:none;
}
#header {padding:20px;
}
/*博客标题*/
#blogTitle,#blogTitle a {font-weight:bold;color:#666;
}#blogTitle .title {margin-top:10px;height:120px;line-height:120px;font-size:36px;padding-left:120px;background:#fff url('http://img.kuai8.com/attaches/album/20140424/201404241510122297.jpg') no-repeat;
}
.headermaintitle {}#blogTitle,#blogTitle a:hover {text-decoration:none;
}
/*子标题*/
.subtitle {padding-left:30px;font-size:14px;color:#999;font-weight:normal;margin:10px 0;
}
/*导航栏*/
#navigator {font-size:16px;height:48px;background:#55895B;text-align:center;margin-top:20px;margin-bottom:20px;
}
#navList li {margin:0;line-height:48px;display:inline-block;float:left;
}
#navList li:hover {background:#6DA47D;
}
#navList li a {padding:0 30px;text-decoration:none;line-height:48px;border:0;color:#fff;display:-moz-inline-box;display:inline-block;
}
.blogStats {height:48px;color:#fff;line-height:48px;
}
#main {padding:20px;
}
/*左边*/
#sideBarMain {padding:0 10px 0 0;background:#fff;margin:0 0 20px 0;width:190px;font-size:12px;line-height:22px;
}
#sideBarMain a {color:#666;
}
#leftcontentcontainer {color:#666;
}
.newsItem {color:#666;
}
/*公告*/
#profile_block {margin-top:0px;line-height:24px;text-align:left;
}
/*主面板*/
#mainContent {margin-top:0px;padding-top:0px;padding-right:0px;background:#fff;padding-bottom:0px;float:right;width:960px;padding-left:0px;
}
/*每日文章列表*/
.day {background:#fff;padding:0;margin:0 0 20px 0;
}
/*博客标题*/
.postTitle a {color:#464646;
}
.postTitle {padding-bottom:10px;font-size:20px;font-weight:bold;color:#464646;background:url('http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_br229512.link(en-us,MSDN.10).gif') no-repeat 0 3px;padding-left:30px;
}
.dayTitle {display:none;
}
/*摘要*/
.c_b_p_desc {padding:10px;line-height:24px;color:#888;
}
.c_b_p_desc a {color:#888;
}
.c_b_p_desc a:hover {text-decoration:none;border-bottom-width:1px;border-bottom-style:dotted;
}
/*右侧图片*/
.desc_img {margin-left:10px;border:solid 1px #fff;box-shadow:0 0 10px #aaa;
}
/*博文页*/
#topics .post {background:#fff;
}
.postCon {padding:10px 20px 0 20px;
}
.postDesc {margin:0 30px;margin-bottom:2px;padding:8px 0px;font-size:12px;color:#aaa;background:#fff;text-align:right;
}
.postDesc a {color:#AAA;
}
.postBody {padding:0;
}
/*google搜索框*/
#google_q,#q {height:22px;width:120px;border:solid 1px #ccc;box-shadow:inset 0 0 3px #ddd;border-radius:4px;
}
/*搜索按钮*/
.btn_my_zzk {font-family:'Microsoft Yahei';border:none;height:26px;width:60px;padding:1px;font-size:14px;cursor:pointer;position:relative;vertical-align:middle;display:inline-block;background:#55895B;border-radius:4px;color:#fff;
}
.btn_my_zzk:hover {background:#6DA47D;
}
/*评论按钮*/#btn_comment_submit {border:none;height:48px;width:120px;
}
/*评论按钮*/
.comment_btn {font-family:'Microsoft Yahei';border:none;height:48px;width:120px;font-size:18px;cursor:pointer;position:relative;vertical-align:middle;display:inline-block;background:#55895B;color:#fff;
}
#btn_comment_submit:hover {background:#6DA47D;
}
/*评论标题*/
.feedback_area_title {padding:10px;font-size:24px;font-weight:bold;color:#55895B;border-bottom:solid 6px #55895B;
}
.feedbackListSubtitle {font-size:12px;color:#888;
}
.feedbackListSubtitle a {color:#888;
}
.comment_quote {background:#FCFAAC;padding:15px;border:1px solid #CCC;
}
#commentform_title {color:#55895B;background-image:none;background-repeat:no-repeat;margin-bottom:10px;padding:10px 20px 10px 10px;font-size:24px;font-weight:bold;border-bottom:solid 6px #55895B;
}
/*评论框*/
#comment_form {margin:10px 0;padding:0;
}
.commentform {margin:10px 0;padding:10px 20px;background:#fff;
}
/*评论输入域*/
#tbCommentBody {font-family:'MIcrosoft Yahei';margin-top:10px;width:940px;max-width:940px;min-width:940px;background:white;color:#333;border:2px solid #fff;box-shadow:inset 0 0 8px #aaa;padding:10px;height:120px;font-size:14px;min-height:120px;
}
/*评论条目*/
.feedbackItem {font-size:14px;line-height:24px;margin:10px 0;padding:20px;background:#F2F2F2;box-shadow:0 0 5px #aaa;
}
.feedbackListSubtitle {font-weight:normal;
}
/*分类页*/
.entrylist {padding:10px 20px;background:#fff;
}
.entrylistItem {margin:10px 0;padding:10px;
}
.entrylistPosttitle {font-size:18px;font-weight:bold;background:url('http://images.cnblogs.com/cnblogs_com/libaoheng/305804/o_br229512.link(en-us,MSDN.10).gif') no-repeat 0 3px;padding-left:30px;
}
.entrylistPostSummary {padding:10px;
}
.entrylistItemPostDesc {font-size:12px;color:#999;padding-left:40px;
}
/*尾部*/
#footer {font-size:12px;margin:20px;padding:12px;text-align:center;background:#55895B;color:#DDD;font-size:14px;
}
/*文章内图片*/
#cnblogs_post_body p img {margin:10px;
}
/*顶一下*/
.diggnum {font-size:28px;color:#FFFFFF;font-family:'Microsoft Yahei';
}
#div_digg .diggnum {line-height:100px;
}
.diggit {float:left;width:340px;height:256px;background:url('http://images.cnblogs.com/cnblogs_com/zhien-aa/859075/o_215836877z8yhb8xbfydgb.gif') no-repeat;background-position:0 0;text-align:center;cursor:pointer;
}
.diggit:hover {background-position:-128px 0;
}
.buryit {display:none;
}
.diggword {display:none;
}/*green_channel*/
#green_channel {text:align:right;background:#6DA47D;padding-left:20px;font-weight:normal;font-size:15px;width:920px;border:none;color:#fff;padding:20px;border-radius:4px;
}
/*最新评论*/
#myposts .PostList {font-size:14px;line-height:24px;margin:10px 0;padding:20px;background:#F2F2F2;box-shadow:0 0 5px #aaa;
}
#myposts .postTitl2 a {color:#6DA47D;
}

 

如果你不喜欢这个背景图片,想要自己的图片,就把图片上传到相册里,像上面找头像地址一样把背景图片的地址复制出来,将基本代码里面的背景图片地址换成你自己的。如下:

body {
font-size:15px;
padding:0;
margin:0;
font-family:"微软雅黑","宋体",Arial;
background:#205424 url('你背景图片的地址') no-repeat top center fixed;
min-width:1200px;
}

 

 唔.......不知道大家有没有注意到,打开我的博客随笔右边会出现一只跳舞的小初音,这是从卿学姐的博客学来的,动图地址也是像头像地址和背景地址一样,

以下是代码,在上面的基本代码里面,可能要调一下大小。

.diggit {float:left;width:340px;height:256px;background:url('你的动图地址') no-repeat;background-position:0 0;text-align:center;cursor:pointer;
}
.diggit:hover {background-position:-128px 0;
}
.buryit {display:none;
}
.diggword {display:none;
}

 

 

 还有什么问题的可以留言哦~

 

转载于:https://www.cnblogs.com/zhien-aa/p/6011480.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/356579.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2017年计算机三级网络技术试题,2017年计算机三级网络技术考前试题及答案(8)

三、应用题(共20分)请根据下图所示网络结构回答问题。1&#xff0e;填写路由器RG的路由表项(每空2分&#xff0c;共l0分)。2&#xff0e;如果该网络内服务器群的IP地址为58&#xff0e;45&#xff0e;57&#xff0e;11-58&#xff0e;45&#xff0e;57&#xff0e;25&#xff0…

byte数组转为string_String类

API ----StringBufferjava.lang.Object 继承者 java.lang.Stringpublic final class String extends Object implements Serializable, Comparable<String>, CharSequenceYuSLi&#xff1a;String类速查速记​zhuanlan.zhihu.comYuSLi&#xff1a;补充&#xff1a;String…

AngularJS的学习笔记(二)

只给自己看的。 AngularJS 表达式 angularjs 使用表达式将数据绑定到html中。 AngularJS 表达式写在双大括号内&#xff1a;{{ expression }}。 AngularJS 表达式把数据绑定到 HTML&#xff0c;这与 ng-bind 指令有异曲同工之妙。 AngularJS 将在表达式书写的位置"输出&qu…

亚型多态性应用于元组的危险

Java 8具有lambda和stream&#xff0c;但是没有元组&#xff0c;这真是令人遗憾 。 这就是为什么我们在jOOλ中实现了元组-Java 8缺少的部分 。 元组确实是无聊的值类型容器。 本质上&#xff0c;它们只是这些类型的枚举&#xff1a; public class Tuple2<T1, T2> {publ…

广西计算机二级450034考点,广西计算机等级考试报名地点

2010年下半年全国计算机等级考试时间是2010年9月18日至22日&#xff0c;第一天上午考笔试&#xff0c;上机考试从笔试的当天下午开始(一级从上午开始)。2010年下半年全国计算机等级考试报名时间已经开始&#xff01;如果您是在校生&#xff0c;去学校相关报名处报名最方便&…

HBuilder完成webApp入门(3) 关于webview (转)

个人认为WebView是 html5 API的一个非常重要的部分。 WebView 的帮助文档http://www.html5plus.org/doc/zh_cn/webview.html 为什么对WebView的掌握很重要&#xff1f;因为它是一个HTML5 APP的基础。刚刚学习HBuilder的同学一般会将重点放在 mui 组件上。mui 提供了很多默认的方…

ca证书 csr_linux下使用openssl生成 csr crt CA证书

证书文件生成:一.服务器端1.生成服务器端 私钥(key文件);openssl genrsa -des3 -out server.key 1024运行时会提示输入密码,此密码用于加密key文件(参数des3是加密算法,也可以选用其他安全的算法),以后每当需读取此文件(通过openssl提供的命令或API)都需输入口令.如果不要口…

佛山市南海技师学校计算机类,佛山南海信息技术学校2021年有哪些专业

即将面临毕业的时候&#xff0c;同学们都要选择学校&#xff0c;都要选择专业就读&#xff0c;至于选择什么&#xff0c;就是一大难题了。学习是重要的事情&#xff0c;选择更是件大事。小编整理了学校的招生专业详情&#xff0c;仅供参考。佛山南海信息技术学校专业名单&#…

java nio拷贝文件_Java 7 – NIO文件革命

java nio拷贝文件Java 7&#xff08;“项目代币”&#xff09;已于去年7月问世。 此版本中的新增功能很有用&#xff0c;例如&#xff0c;尝试资源-从try块中自动处理可关闭的资源&#xff0c;switch语句中的字符串&#xff0c;用于异常的multicatch以及用于处理泛型的<>…

getresource 路径转义_java中的相对路径和绝对路径

(转载)1.基本概念的理解绝对路径&#xff1a;绝对路径就是你的主页上的文件或目录在硬盘上真正的路径&#xff0c;(URL和物理路径)例如&#xff1a;C:\xyz\test.txt 代表了test.txt文件的绝对路径。http://www.sun.com/index.htm也代表了一个URL绝对路径。相对路径&#xff1a;…

创建 floating IP - 每天5分钟玩转 OpenStack(106)

先复习一下前面我们讨论的知识。 当租户网络连接到 Neutron router&#xff0c;通常将 router 作为默认网关。当 router 接收到 instance 的数据包&#xff0c;并将其转发到外网时: 1. router 会修改包的源地址为自己的外网地址&#xff0c;这样确保数据包转发到外网&#xff…

把ipa文件上传到服务器,windows电脑上传ipa到appstore的详细流程

在使用H5混合开发的app打包后&#xff0c;需要将ipa文件上传到appstore进行发布&#xff0c;就需要去苹果开发者中心进行发布。但是在苹果开发者中心无法直接上传ipa文件&#xff0c;它要求我们使用xcode或transport等工具上传ipa文件&#xff0c;但是xcode和transport不能安装…

Java的5个古怪问题

我们有机会尝试了一些最奇怪的Java难题 即使是最有经验的Java开发人员&#xff0c;也会在这篇文章中发现令人困惑的问题。 或至少是有趣的&#xff08;绝对不公平&#xff09;。 在经历了Java Deathmatch冒险之后&#xff0c;我们决定这次发布一系列不同的问题&#xff0c;着重…

js 取得数组下标_数组的介绍及使用

JavaScript 中的数组常用于在单个变量中存储多个值。数组就是一组数据的集合&#xff0c;在内存中表现为一段连续的内存地址(保存在堆内存)。创建数组的目的就是为了保存更多的数据。数组概念和语法概念&#xff1a;数组是一个特殊变量&#xff0c;一次可以容纳多个值。特点&am…

css的一种预处理器 sass

之前觉得关于css什么的没什么&#xff0c;后来让别人给问住了。。。然后就悲催了。。。 sass是一种css的预处理器&#xff0c;是一种函数式的css的编程&#xff1b; 主要还是看官网 http://www.w3cplus.com/sassguide/ 这个是基于Ruby 1.需要安装&#xff1a; 可以直接自己…

服务器系统巡检记录表,服务器月度巡检记录

《服务器月度巡检记录》由会员分享&#xff0c;可在线阅读&#xff0c;更多相关《服务器月度巡检记录(2页珍藏版)》请在人人文库网上搜索。1、服务器月度巡检记录 巡检日期&#xff1a; 年 月 日一、物理环境检查检查内容检查结果备注环境温度温度&#xff1a; &#xff1b; 环…

bigdecimal取小数部分_小数精度丢失问题分析和解决

无论在什么业务中&#xff0c;钱?是非常重要的东西&#xff0c;对账的时候一定要对的上&#xff0c;不能这边少一分钱那边多一分钱。对于数值的计算&#xff0c;尤其是小数&#xff0c;floate和double都是禁止使用的。阿里强制要求存放小数时使用 decimal&#xff0c;禁止使用…

转收藏:Git常用命令速查表

一、 Git 常用命令速查 git branch 查看本地所有分支git status 查看当前状态 git commit 提交 git branch -a 查看所有的分支git branch -r 查看远程所有分支git commit -am "init" 提交并且加注释 git remote add origin git192.168.1.119:ndshowgit push origin m…

php curl ajax get请求,PHP的curl的get,post请求-Fun言

GET请求如下&#xff1a;/** param string $url* return mixed*/public function doGet($url){//初始化$ch curl_init();curl_setopt($ch, CURLOPT_URL,$url); // 执行后不直接打印出来curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);curl_setopt($ch, CURLOPT_HEADE…

java运行库一键修复_在运行时修补Java

java运行库一键修复本文将重点介绍如何解决与第三方库相关的问题 不能被规避 难以排除/绕过/更换 只需不提供错误修正 在这种情况下&#xff0c;解决问题仍然是一项艰巨的任务。 作为这种情况的诱因&#xff0c;请考虑对“哈希索引”数据结构的攻击&#xff0c;例如java.ut…