博客主题分享

(四处codecpy过来的代码,除了一言是我自己写的。。。)
博客园的主题还是比较自由的。。。
页面定制CSS代码:

#myposts .PostList {
    background: #000;
    padding: 20px;
    /* border: 1px solid #dedede; */
    margin: 0 0 -1px 0!important;
}

.day .postTitle2 {
    color: #66ccff;
}

#yiyan{
    color:#fff;
    background:#000;
    opacity:0.6;
    width:40%;
    padding:10px;
}

body{
background: url('https://i.loli.net/2018/11/10/5be6be04338b8.jpg');
    background-repeat:no-repeat;
   background-position:50% 20%;
background-attachment:fixed
}

#blogTitle{
background:transparent;
}

#navigator {

    opacity: 0.6;
    background-color: #000;
border: 0px solid #138cca;

}

.day {

    background: #000;
    padding: 20px;
    border: 0px solid #dedede;
    margin-bottom: -1px;

}
#mainContent {

    opacity: 0.6;

}
#blogCalendar {

    opacity: 0.6;
    background: #000;

}
.newsItem {
    display:none;
}

#sidebar_search {

    background: #000;

}

.catListTitle {

    display: none;

}

#widget_my_zzk {
padding: 15px 0px 15px 15px;
    border-left: 0px solid #dedede;
    border-right: 0px solid #dedede;
}

#widget_my_google {
display:none;
}

#sidebar_search {

    background: #000;
    opacity: 0.6;

}

input::-moz-focus-inner {

    border: 0;
    padding: 0;

}
#btnZzk {

}
#btnZzk {

    background: #9999ff;

}

#under_post_news {

    display: none;

}

#under_post_kb {

    display: none;

}

#comment_form_container {

    background: #000;
    border: 0px solid #dedede;

}

#topics {

    background: #000;
    border: 0px solid #dedede;

}

/*
 代码高亮开始,使用了一个叫Monokai Sublime的黑色主题皮肤,直接拿过来还不行,有一些样式冲突,还要自己稍微改一些地方
Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
*/
pre {
/*控制代码不换行*/
    white-space: pre;
    word-wrap: normal;
}
.cnblogs-markdown .hljs {
    display: block;
    overflow-x: auto;
    padding: 0.5em;
    background: #23241f !important;
    color: #FFF;
    white-space: pre;
    word-break: normal;
}

.hljs,
.hljs-tag,
.hljs-subst {
  color: #f8f8f2;
}

.hljs-strong,
.hljs-emphasis {
  color: #a8a8a2;
}

.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-link {
  color: #ae81ff;
}

.hljs-code,
.hljs-title,
.hljs-section,
.hljs-selector-class {
  color: #a6e22e;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-name,
.hljs-attr {
  color: #f92672;
}

.hljs-symbol,
.hljs-attribute {
  color: #66d9ef;
}

.hljs-params,
.hljs-class .hljs-title {
  color: #f8f8f2;
}

.hljs-string,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
  color: #e6db74;
}

.hljs-comment,
.hljs-deletion,
.hljs-meta {
  color: #75715e;
}

#blog_nav_sitehome {

    display: none;

}

#sidebar_postarchive {

    background: #000;
    opacity: 0.6;
 border: 0px solid #dedede;
}
.sidebar-block ul {

    border: 0px solid #dedede;
}

.entrylistItem {

    background: #000;
    border: 0px solid #dedede;

}

#div_digg {

    display: none;

}

#cnblogs_post_body {

    color: #fff;

}

#topics .postTitle a {

    color: #fff;

}

a:link {

    color: #9999ff;
    text-decoration: none;

}

.dayTitle {

    background: #555;

}

#RecentCommentsBlock {
    display: none;
}

#TopFeedbackPostsBlock {

    display: none;

}

#topview_posts_wrap {
    display: none;
}

#sidebar_toptags {
    background: #000;
    opacity: 0.6;
}

#ad_text_under_commentbox {
    display: none;
}

#ad_t2 {
    display: none;
}

.c_ad_block {
    display: none;
}
div#blog-comments-placeholder {
    background: #000;
    border: 0px solid;
}

页首Html代码:

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>

<!--鼠标特效 -->
<script>
var a_idx = 0;
jQuery(document).ready(function($) {
    $("body").click(function(e) {
        var a = new Array('苟','利','国','家','生','死','以','岂','因','祸','福','避','趋','之');
        var $i = $("<span></span>").text(a[a_idx]);
        a_idx = (a_idx + 1) % a.length;
        var x = e.pageX,
        y = e.pageY;
        $i.css({
            "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
            "top": y - 20,
            "left": x + 20,
            "position": "absolute",
            "font-weight": "bold",
            "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
        });
        $("body").append($i);
        $i.animate({
            "top": y - 180,
            "opacity": 0
        },
        1500,
        function() {
            $i.remove();
        });
    });
});
</script>

<!-- 下雪 -->
<div class="Snow">
    <style>
        canvas {
            position:fixed;
            z-index:-999;
        }
    </style>
    <canvas id="Snow" width="1282" height="759"></canvas>
</div>
<script src="https://leanote.com/public/upload/488/5965df49ab644154610012c8/themes/5b421912ab64410aaf0014e4/snow.js 

"></script>

页脚Html代码:

<script>
//去掉顶栏部分按钮
var a=document.getElementById("navList")
a.children[0].style="display:none;"
a.children[2].style="display:none;"
a.children[5].style="display:none;"
</script>
<script>
//一言
var bt=document.getElementById('blogTitle')
var url='https://hitoapi.cc/sp/'
var ajax = new XMLHttpRequest();
ajax.onreadystatechange=function()
  {
  if (ajax.readyState==4 && ajax.status==200)
    {
   var hit = JSON.parse(ajax.responseText)
if(hit.source){
    bt.innerHTML+="<div id=yiyan>"+hit.text+"<div style='text-align:right;'><br>——"+hit.source+'</div></div>'
}
else{
    bt.innerHTML+="<div id=yiyan>"+hit.text+'</div>'
}

    }
  }
ajax.open('GET',url, true)
ajax.send()

</script>

原文地址:https://www.cnblogs.com/buringstraw/p/10009089.html

时间: 2024-11-09 06:19:31

博客主题分享的相关文章

hexo next主题为博客添加分享功能

title: hexo next主题为博客添加分享功能 date: 2018-01-06 20:20:02 tags: [hexo博客, 博客配置] categories: hexo next主题配置 --- 今天心血来潮,决定给博客添加分享功能,百度上首先是找到了使用shareSDK的分享功能,最后在实践的过程中发现它添加时步骤比较多,添加完成后效果比较丑(就是一个长条的浅蓝色按钮),而且点击后想要退出分享比较麻烦(它的取消按钮实在太难找了,它在页面最下方的位置,呈现浅灰色,这个设计太反人类了

个人博客主题美化

个人博客主题美化 选择主题 Hexo默认的主题是landscape,推荐以下主题: snippet Hiero JSimple BlueLake 详见:https://github.com/search?q=hexo-theme 应用主题 下载主题 将下载好的主题文件夹,粘贴到站点目录的themes下. 更改站点配置文件_config.yml 的theme字段,为主题文件夹的名称: # Extensions## Plugins: https://hexo.io/plugins/## Themes

Zblog主题模板自适应手机响应式ZblogPHP简洁博客主题

Z-blog PHP版本简洁主题模板 特点简洁舒适 手机移动端自适应,完美有利于优化 代码结构利于编辑 对于不懂代码的,也非常适合简答后台简答 PC端侧边栏下拉跟随,无论下面有多长,导航侧边栏都只在左边:方便你选择栏目 SEO方面代码利于优化. 作者可免费指导安装 对于喜欢简洁的,而又不失丰富的,这是一个不错的选择 对于国产博客程序,zblog无疑是一个佼佼者.wordpress固然强大,可是沉重,买个几百的虚拟主机,差点就转不动.最后放弃选择zblog.一款好的博客主题很重要,早期作者还只是个

开通博客,分享技术心得!

开通博客,分享技术心得! 2013-05-13 开通博客,分享技术心得!,布布扣,bubuko.com

dajngo ORM查询中select_related的作用,博客主题的定制,从数据库中按照年月筛选时间

1.dajngo ORM查询中select_related的作用 select_related()方法一次性的把数据库关联的对象都查询出来放入对象中,再次查询时就不需要再连接数据库,节省了后面查询数据库的次数和时间.主要用于外键查询. blogobj = Blog.objects.filter(site=site).select_related('user').first() 2.博客主题的定制 将各个模块的css样式固定,然后通过.css文件导入,可以在数据里面设置.css文件的名字在模板中通

从无到有开发自己的Wordpress博客主题---代码环境准备

注意这里说的是代码环境准备哦,而不是L(M)AMP运行环境哦,运行环境会在后述文章中在写. 一.在本地初始化git环境并且链接上gitee 1.在gitee上创建一个项目托管你的代码 这个不在赘述,按照提示一步一步操作就好了,个人用户用gitee的好处是,相比于GitHub速度快,而且可以创建免费的私人库. 2.创建公钥以连接gitee 虽然主流git仓库都支持http的方式,但是每次都要输入密码,麻烦. 创建方式参考:https://gitee.com/help/articles/4181 3

博客主题更新了

博客主题更新了 当当当,经过博主一点一点的修改(其实是懒得改),博客主题终于迎来一次重大更新.本来想需要的人自己从控制台扒代码,不打算发布,然而仍有不熟悉前端的同学向我发出请求.本着互联网共享精神,特地发布当前博客主题 注意:Wider本人也不熟悉前端知识,都是平时有时间瞎捣鼓,写的代码冗长且可能存在未知bug,不一定能及时更新哦 特性 加入特色图片 介绍 博客首页文章卡片增加特色图片功能,效果详见我的博客首页,能大幅度增加博客美观度,建议用简单不杂乱的图片. 用法 添加新随笔时,在高级选项中摘

博客入门--自定义博客主题

对于以往博客网站已提出较多主题供用户使用,但对于海量用户而言其主题难免过于单一. 为突出博客主题个性化显示,目前已有第三方开源库(https://github.com/BNDong/Cnblogs-Theme-SimpleMemory)供大家使用.本文以博客园为例,实现自定义主题设置. 进入博客园设置页面 下载第三方库.本文重要使用资源包中的.\src\style\base.min.css的样式资源(https://github.com/BNDong/Cnblogs-Theme-SimpleMe

博客主题美化

1. 博客主题美化 cnblogs是一个老牌博客站点,是一个非常好的记录学习与生活的地方,但是主题看着着实有些年代感,所以找了一些博客主题美化下博客. 首先展示一下修改后的效果 主页效果 侧边栏效果 博客页面效果 2. 需要修改的地方 注意:需要申请JS权限,一般申请后都能通过 博客皮肤 页面定制CSS 禁用模板默认CSS 博客侧边栏公告 3. 修改方法 打开博客设置地址 修改主题为SimpleMemory 选中禁用模板CSS 复制页面定制CSS(请打开复制)到第一个框中 复制侧边栏公告代码到第