博客园定制皮肤

页面定制 css 代码

.day {width: auto;}

html {font-size:62.5%;}
body {font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}

#main{max-width: 1090px;width:100%;}
#mainContent {width:76%;}
#mainContent .forFlow {width:100%;}
#topics {width:100%;}
.postBody {width:100%;}
#sideBar {width:20%;}}

#mainContent .day {width: 100%;}
#mainContent .dayTitle {width:100%;}
#mainContent .postTitle {width:100%;}
#mainContent .postCon {width:100%;}
#mainContent .postDesc {width:100%;}

@media (max-width: 767px) {
#nav_next_page a{float: left;margin-top: 10px;}
.topicListFooter .pager{text-align:left !important;}
#homepage_top_pager{padding:0 5px 10px !important;}
#homepage_bottom_pager{padding:0 5px 10px !important;height:30px !important;}
.topicListFooter{height:0;padding:0px 20px 31px 20px !important;}
#mainContent .postDesc{padding:0 5px 8px !important;}
}

  

侧边栏公告

<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>

<script>
    if($(document).width() >= 767) {
        L2Dwidget.init({
            "model": {
                jsonPath: "https://unpkg.com/live2d-widget-model-z16/assets/z16.model.json",<!--这里改模型,前面后面都要改-->
                "scale": 1
            },
            "display": {
                "position": "right",<!--设置看板娘的上下左右位置-->
                "width": 150,
                "height": 300,
                "hOffset": 0,
                "vOffset": -20
            },
            "mobile": {
                "show": true,
                "scale": 0.5
            },
            "react": {
                "opacityDefault": 1,<!--设置透明度-->
                "opacityOnHover": 0.2
            }
        });
    }
</script>

  

原文地址:https://www.cnblogs.com/lemos/p/11864232.html

时间: 2024-11-09 00:08:31

博客园定制皮肤的相关文章

如何定制自己博客园的皮肤

1.进入自己博客园网站->管理->设置 皮肤随便选一个,我选的是coffer这款 2.自定义侧边栏代码: <div className="sidebarMouse"><object type="application/x-shockwave-flash" style="outline:none;" data="https://files.cnblogs.com/files/jingmoxukong/mous

博客园定制页面(五)——使用自定义JS脚本(公告栏显示时间)

一.js使用方法 使用方法主要分为以下几步: 在本地创建js脚本文件: 博客园的管理——文件——选择文件——上传 然后在设置里面的博客侧边栏公告或者页首Html代码或者页脚Html代码中用自定义的html等代码调用即可. 注意:博客园的js权限需要申请开通.一般先写两篇博客再申请,如果不通过多申请两次即可通过. 二.公告栏钟表显示时间 下面是示例我的博客公告栏的钟表显示的js设置方法: 创建js脚本 上传到自己账户的文件中,然后在博客侧边栏公告调用js脚本 2.1.本地创建js脚本 本地创建名为

我的博客园定制代码

页面定制css 删除了后面的广告233333 /*公用*/ body { font-size:15px; padding:0; margin:0; font-family:"微软雅黑","宋体",Arial; background:#205424 url('http://images2015.cnblogs.com/blog/778902/201602/778902-20160227121518068-1846861955.jpg') no-repeat top c

博客园定制页面(四)&mdash;&mdash;客户端及插件

1.WindowsLiveWriter WindowsLiveWriter已经停止更新服务,所以从微软官方已经没有办法下载.下面是之前下载的资源. cnblogs官方对博客客户端说明https://group.cnblogs.com/topic/8550.html 官方说明已经有客户端安装. cnblogs上面的官方链接也有客户端链接cnblogs的设置方法. 百度网盘下载: 链接: https://pan.baidu.com/s/1XhDgO5EGhTmKpH6oVCSvtA 提取码: kqc

我的博客园定制样式

使用模板:darkgreentrip 1 #home { 2 margin: 0 auto; 3 width: 80%;/*原始65*/ 4 min-width: 980px;/*页面顶部的宽度*/ 5 background-color: rgba(245, 245, 245, 0.7); 6 padding: 30px; 7 margin-top: 50px; 8 margin-bottom: 50px; 9 box-shadow: 0 2px 6px rgba(100, 100, 100,

博客园===定制代码2

#cnblogs_post_body { color: black; font: 0.875em/1.5em "微软雅黑" , "PTSans" , "Arial" ,sans-serif; font-size: 15px; } #cnblogs_post_body h1 { background: #333366; border-radius: 6px 6px 6px 6px; box-shadow: 0 0 0 1px #5F5A4B, 1p

自定义博客园皮肤:暗色流体响应式布局

博客园的皮肤模板虽然有100多套,但我需要的作品却没几套,从布局上看,大多是固定布局,有的使用表格布局,有的将侧边栏在HTML页面的代码顺序放在主内容的前面.这些布局方式不利于页面缩放和不同屏幕尺寸与分辨率的设备浏览,尤其是在当今网页浏览设备屏幕尺寸与分辨率多样化的时代,流体与响应式布局才是最佳的选择.从配色上看,博客园有3款还不错的暗色皮肤,但不符合我布局的要求. 我想要自己的博客皮肤满足以下要求: 模版选择:不能使用表格布局,侧边栏在HTML页面的代码顺序放在主内容 的后面,页面结构和样式简

自定义博客园样式

相必每个在博客园开通博客的人都抱怨博客园的皮肤丑得要死,尤其是我这种类处女座的孩子根本把持不住所以我遍鼓敲着美化(老板,我有1WQB,给我美美脸~~) 其实发现博客园里面有个自定义CSS样式,你可以加样式思路就是你选定一个预选皮肤,博客园会给你固定的html结构然后你根据结构来自己添加css,尤其在现在CSS3的年代,你可以把你的博客变得妈都不认得fighting! 1,预选皮肤选择LessIsMore(大多数人用这个皮肤来做自定义)2,然后在页面定制里加入如下代码(only示例,最美的还是你自

自定义博客园主题和自动生成目录

背景 最近觉得博客园网站太老旧了,不好看,并且没有移动端,于是想转到简书去写博客(主要简书有移动端),写出来的效果还是不满意,于是又回到了博客园,只能自己修改下博客主题了. 于是百度了下,找到了两篇参考博客: 主题修改参考了:一套简约漂亮的响应式博客园主题皮肤 添加目录参考了:让博客园博客自动生成章节目录索引 在他们的基础上做了相应的修改,值得注意的一点是,主题修改必须注意当前所使用的默认模板是什么,如果不一样可能会造成样式错乱,因为我发现博客园不同的官方主题之间有的存在HTML结构的差异.我这