博客园设置自定义壁纸
程序员文章站
2022-06-19 18:26:15
1. 第一步 登录博客园找到博客设置 2. 第二步 选择SimpleMenory皮肤 3. 第三步 把代码复制粘贴到 页面制定CSS代码框内 4. 第四步 保存一下 补充: 图片必须是以网络连接的方式添加更改,本地图片直接上传到博客园相册,通过查看相册图片,右键复制图片地址就可以了 修改透明度处 替 ......
-
第一步
- 登录博客园找到博客设置
- 登录博客园找到博客设置
-
第二步
- 选择simplemenory皮肤
- 选择simplemenory皮肤
-
第三步
- 把代码复制粘贴到 页面制定css代码框内
- 把代码复制粘贴到 页面制定css代码框内
-
第四步
- 保存一下
- 保存一下
补充:
图片必须是以网络连接的方式添加更改,本地图片直接上传到博客园相册,通过查看相册图片,右键复制图片地址就可以了
修改透明度处
替换图片连接处
代码:
/*simplememory*/ #google_ad_c1, #google_ad_c2 {display:none;} .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea { font-size: 14px!important; } #home { opacity: 0.65; margin: 0 auto; width: 85%; min-width: 950px; background-color: raba(0,0,10,0.9); padding: 30px; margin-top: 30px; margin-bottom: 50px; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); } #blogtitle h1 { font-size: 30px; font-weight: bold; font-family: "comic sans ms"; line-height: 1.5em; margin-top: 20px; color: #515151; } #navlist a:hover { color: #4c9ed9; text-decoration: none; } #navlist a { display: block; width: 5em; height: 22px; float: left; text-align: center; padding-top: 18px; } #navigator { font-size: 15px; border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; height: 50px; clear: both; margin-top: 25px; } .catlisttitle { margin-top: 21px; margin-bottom: 10.5px; text-align: left; border-left: 10px solid rgba(82, 168, 236, 0.8); padding: 10px 0 14px 10px; background-color: #f5f5f5; } #ad_under_post_holder #google_ad_c1,#google_ad_c2{ display: none !important; } body { color: #000; background: url(此文本需要删除,替换为图片连接) fixed; /*background-size: 100%;*/ background-repeat: round; font-family: "helvetica neue",helvetica,verdana,arial,sans-serif; font-size: 12px; min-height: 101%; } #topics .posttitle { border: 0px; font-size: 200%; font-weight: bold; float: left; line-height: 1.5; width: 100%; padding-left: 5px; } div.commentform p{ margin-bottom:10px; } .comment_btn { padding: 5px 10px; height: 35px; width: 90px; border: 0 none; border-radius: 5px; background: #ddd; color: #999; cursor:pointer; font-family: "lato", helvetica neue, helvetica, microsoft yahei, 宋体, arial, sans-serif; text-shadow: 0 0 1px #fff; display: inline !important; } .comment_btn:hover{ padding: 5px 10px; height: 35px; width: 90px; border: 0 none; border-radius: 5px; background: #258fb8; color: white; cursor:pointer; font-family: "lato", helvetica neue, helvetica, microsoft yahei, 宋体, arial, sans-serif; text-shadow: 0 0 1px #fff; display: inline !important; } #commentform_title { background-image:none; background-repeat:no-repeat; margin-bottom:10px; padding:0; font-size:24px; } #commentbox_opt,#commentbox_opt + p { text-align:center; } .commentbox_title { width: 100%; } #tbcommentbody { font-family:'microsoft yahei', microsoft yahei, 宋体, sans-serif; margin-top:10px; max-width:100%; min-width:100%; background:white; color:#333; border:2px solid #fff; box-shadow:inset 0 0 8px #aaa; // padding:10px; height:250px; 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; } #blog-comments-placeholder, #comment_form { padding: 20px; background: #fff; -webkit-box-shadow: 1px 2px 3px #ddd; box-shadow: 1px 2px 3px #ddd; margin-bottom: 50px; } .feedback_area_title { margin-bottom: 15px; font-size: 1.8em; } .feedbackitem { border-bottom: 1px solid #ccc; margin-bottom: 10px; padding: 5px; background: rgb(248, 248, 248); } .color_shine {background: rgb(226, 242, 255);} .feedbackitem:hover {-webkit-animation-name: color_shine;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: infinite;} #comment_form .title { font-weight: normal; margin-bottom: 15px; }
欢迎评论点赞交流,转发请添加原博客连接谢谢!
高清壁纸福利:
上一篇: Yii实现多按钮保存与提交的方法
下一篇: 04-Vue中的动画