Typecho主题模板站
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?dbcd78d9aed7bcaff2e170a55407a661";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
@font-face {
font-family: "element-icons";
src: url('chrome-extension://moombeodfomdpjnpocobemoiaemednkg/fonts/element-icons.woff') format('woff'),
url('chrome-extension://moombeodfomdpjnpocobemoiaemednkg/fonts/element-icons.ttf ') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
}
(function () {
window.TypechoComment = {
dom : function (id) {
return document.getElementById(id);
},
create : function (tag, attr) {
var el = document.createElement(tag);
for (var key in attr) {
el.setAttribute(key, attr[key]);
}
return el;
},
reply : function (cid, coid) {
var comment = this.dom(cid), parent = comment.parentNode,
response = this.dom('respond-post-419'), input = this.dom('comment-parent'),
form = 'form' == response.tagName ? response : response.getElementsByTagName('form')[0],
textarea = response.getElementsByTagName('textarea')[0];
if (null == input) {
input = this.create('input', {
'type' : 'hidden',
'name' : 'parent',
'id' : 'comment-parent'
});
form.appendChild(input);
}
input.setAttribute('value', coid);
if (null == this.dom('comment-form-place-holder')) {
var holder = this.create('div', {
'id' : 'comment-form-place-holder'
});
response.parentNode.insertBefore(holder, response);
}
comment.appendChild(response);
this.dom('cancel-comment-reply-link').style.display = '';
if (null != textarea && 'text' == textarea.name) {
textarea.focus();
}
return false;
},
cancelReply : function () {
var response = this.dom('respond-post-419'),
holder = this.dom('comment-form-place-holder'), input = this.dom('comment-parent');
if (null != input) {
input.parentNode.removeChild(input);
}
if (null == holder) {
return true;
}
this.dom('cancel-comment-reply-link').style.display = 'none';
holder.parentNode.insertBefore(response, holder);
return false;
}
};
})();
助力新手快速建立个人网站
收录国内外优秀的Typecho主题、插件、教程及代码,建站不愁,有我就够
Typecho
免费建站
.primary-menu ul li.nav-levels-child > a .hob{
transform: scale(1,1);
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
}
/**/
.home_row {margin-top: -16px;}
.home_row_0 {margin-top: -32px;}
.home_row_0 .wrapper,.home_row_0 .wrapper .box {width: 100%!important;box-shadow: none;}
.box{box-shadow: none;}
/**/
.waves-box {margin-top: -18px; position:relative;text-align:center;background:linear-gradient(60deg,#05f 0%,#0bf 100%);color:white;}
.waves-inner {height:360px;width:100%;margin:0;padding-top:115px;}
.waves-inner h2{font-size: 30px;font-weight: bold;letter-spacing: 2px;color: #fff;margin: 0;}
.waves-inner p{margin-bottom: 20px; font-size: 15px;}
.waves-inner a{padding: 10px 28px;font-size: 1.2em;background: #fff;color: #09f;font-weight: bold;border-radius: 50px;}
.waves-inner a:hover{box-shadow: 0 5px 10px #05f;}
.waves {position:relative;width:100%;height:15vh;margin-bottom:-8px;min-height:100px;max-height:150px;}
.parallax > use {animation:move-forever 25s cubic-bezier(.55,.5,.45,.5)infinite;}
.parallax > use:nth-child(1) {animation-delay:-2s;animation-duration:7s;}
.parallax > use:nth-child(2) {animation-delay:-3s;animation-duration:10s;}
.parallax > use:nth-child(3) {animation-delay:-4s;animation-duration:13s;}
.parallax > use:nth-child(4) {animation-delay:-5s;animation-duration:20s;}
@keyframes move-forever {0% {transform:translate3d(-90px,0,0);}
100% {transform:translate3d(85px,0,0);}
}
@media (max-width:768px) {
.waves {height:40px;min-height:40px;}
.waves-inner {padding-top:50px;}
.mg-b {margin-bottom: 0;}
.home_row{padding: 0px!important;}
}
/*
*根据自己的需求删除
*/
.waves-inner a{/*去除下划线*/
text-decoration: none;
margin: 0 1em;
}
/*
*B2主题全屏适配,数字为模块位置n-1,以下代码为放在第一个模块的情况
*/
.home_row_0 .wrapper, .home_row_0 .wrapper .box {
width: 100%!important;
box-shadow: none;
}
Fantasy 取义 清梦 源于《题龙阳县青草湖》里的醉后不知天在水,满船清梦压星河。二句意图用来描绘现状。GitHub 地址:https://github.com/Seevil/fantasy1.…
简介Akina for Typecho除了原本Akina的特性外,加入了DNS预解析,或许可以加快站点的访问速度。支持了无插件的代码高亮、ajax翻页、评论,还为a标签加入了Nofollow和" t…
EasyBe以阅读为核心,尽可能的美化博客的显示效果,提高用户体验。
1、主题 Snapic 适用于图片类网站,使用瀑布流(wookmark)的方式延时加载(lazyload)展示图片文章,同时支持图片灯箱(fancybox)效果。2、主题 Snapic 删减了大多数…
特点图片懒加载博客的封面显示使用了JQuery.Lazyload,仅当图片进入可视区域再进行加载,这样可以减少服务端的压力,可以让其按需加载。文章目录树
钻芒二开版特性当前最新版本V0.7.19 2020年7月19日发布 Hot ~手机PC 栏目数量多段可调新增顶部导航栏,集成心知天气新增顶部多色小模块后台可设置图标&链接全局新增暗黑模式切换,夜晚自…
Typecho 清新风格响应式主题。化繁为简,如沐清风。样式如你所见。Github repo: https://github.com/trinitrotofu/Bubble特性清新的界面:大气简洁的…
主题简介主题命名为Cupid(丘比特),是一款情侣主题。功能特性响应式设计恋爱清单爱情计时器祝福留言板文章记录……主题说明1、首页的头像、昵称、计时器开始时间、祝福页面的链接均在主题的外观设置实现2…
作者介绍是一款花里胡哨的模板,其实真的很漂亮,支持黑白双色调。
<?php if (array_key_exists('img',unserialize($this->___fields()))): ?><?php $this->f…
<?php
$sticky = '3'; //置顶的文章cid,按照排序输入, 请以半角逗号或空格分隔
if($sticky && $this->is('index') …
<title><?php if ($this->_currentPage > 1) echo '第 ' . $this->_currentPage . ' 页 -…
- 一起走过的日子 - 刘德华
- 情书 - 张学友
- 后会无期 - G.E.M.邓紫棋
- 清白之年 (Live) - 朴树
- My Love (Radio Edit) - Westlife
music_note
volume_up
playlist_play
skip_previous
play_circle_filled
skip_next
/*侧边客服开始*/
.m_service {
max-height: 232px;
position: fixed;
right: 10px;
top: 40%;
/* 垂直位置 */
font-size: 14px;
color: #243558;
z-index: 10000
}
.m_service ul {
margin: 0;
padding: 0;
position: absolute;
right: 0
}
.m_service li {
list-style-type: none
}
.m_service li>div {
box-sizing: border-box;
box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1)
}
.m_service_box {
width: 40px;
height: 40px;
background: #fff;
margin-bottom: 10px;
border-radius: 4px;
box-sizing: border-box;
box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1)
}
.m_service_triangle {
top: 12px;
right: -11px;
position: absolute;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 11px solid #e1e6ec;
z-index: 1010
}
.m_service_triangle:after {
content: "\20";
top: -6px;
right: 1px;
position: absolute;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 10px solid #fff;
z-index: 1000
}
.m_service_triangle:before {
content: "\20";
width: 80px;
height: 45px;
top: -20px;
right: -52px;
position: absolute;
background: rgba(0, 0, 0, 0)
}
@keyframes fade-in {
0% {
opacity: .4;
right: 82px
}
100% {
opacity: 1;
right: 62px
}
}
.m_service_consult {
background: url(https://114my.club/usr/themes/BusM/images/service.png) no-repeat -366px -16px #fff
}
.m_service_consult:hover {
border: 0;
background: url(https://114my.club/usr/themes/BusM/images/service.png) no-repeat -410px -16px #4f7cfc
}
.m_service_consult:hover .m_service_consult_cont {
display: block;
opacity: 1;
transition: linear .2s;
animation-name: fade-in;
animation-duration: .3s;
animation-iteration-count: 1;
animation-delay: 0s
}
.m_service_consult_cont {
width: 200px;
min-height: 210px;
max-height: 268px;
border-radius: 3px;
background: #fff;
right: 62px;
position: absolute;
text-align: center;
border: 1px solid #e1e6ec;
display: none;
opacity: 0
}
.m_service_consult_cont1 {
width: 70px;
height: 40px;
line-height: 40px;
background: #fff;
border-radius: 5px;
right: 62px;
text-align: center;
position: absolute;
display: none;
border: 1px solid #e1e6ec
}
.m_service_consult_cont1 .m_service_triangle:before {
width: 0 !important
}
.m_service_consult_cont>.m_service_triangle:after {
border-left: 10px solid #f6f8fb !important
}
.m_service_consult_cont span {
float: left
}
.m_service_consult_cont_top {
width: 100%;
height: 157px;
background: #f6f8fb;
border-radius: 3px;
border-bottom: 1px solid #eef2f8
}
.m_service_hint {
width: 100%;
height: 40px;
line-height: 40px;
font-size: 12px;
color: #9aa8c2;
text-align: center
}
.m_service_hint>.m_service_icon {
background: url(https://114my.club/usr/themes/BusM/images/service.png) no-repeat -460px -25px;
width: 15px;
height: 15px;
margin: 13px 2px 0 18px
}
.m_service_button {
width: 160px;
height: 38px;
line-height: 38px;
background: #4f7cfc;
border-radius: 18px;
text-align: center;
color: #fff;
margin: 5px 0 10px 20px;
cursor: pointer
}
.m_service_button:hover {
background: #618aff
}
.m_service_phone {
width: 100%;
height: 53px;
line-height: 53px;
font-size: 14px;
text-align: center
}
.m_service_feedback {
background: url(https://114my.club/usr/themes/BusM/images/service.png) no-repeat -363px -64px #fff
}
.m_service_feedback:hover {
border: 0;
background: url(https://114my.club/usr/themes/BusM/images/service.png) no-repeat -407px -64px #4f7cfc;
cursor: pointer
}
.m_service_feedback:hover .m_service_feedback_cont {
display: block;
opacity: 1;
transition: linear .2s;
animation-name: fade-in;
animation-duration: .3s;
animation-iteration-count: 1;
animation-delay: 0s
}
.m_service_feedback_cont {
width: 200px;
height: 40px;
line-height: 40px;
background: #fff;
border-radius: 5px;
right: 62px;
text-align: center;
position: absolute;
display: none;
border: 1px solid #e1e6ec
}
.m_service_qr {
background: url(https://114my.club/usr/themes/BusM/images/service.png) no-repeat -365px -113px #fff
}
.m_service_qr:hover {
border: 0;
background: url(https://114my.club/usr/themes/BusM/images/service.png) no-repeat -409px -113px #4f7cfc
}
.m_service_qr:hover .m_service_qr_cont {
display: block;
opacity: 1;
transition: linear .2s;
animation-name: fade-in;
animation-duration: .3s;
animation-iteration-count: 1;
animation-delay: 0s
}
.m_service_qr_cont {
width: 143px;
height: 202px;
border-radius: 3px;
background: #fff;
right: 62px;
position: absolute;
text-align: center;
border: 1px solid #e1e6ec;
background-color: #f6f8fb;
display: none;
opacity: 0
}
.m_service_qr_cont>.m_service_triangle:after {
border-left: 10px solid #f6f8fb !important
}
.m_service_qr_cont>.m_service_qrimg {
width: 100%;
height: 164px;
float: left
}
.m_service_qr_cont>.m_service_qrtext {
width: 100%;
height: 35px;
font-size: 12px;
color: #7b89a6;
background-color: #fff;
float: left;
bottom: 0;
display: table
}
.m_service_qr_cont>.m_service_qrtext>span {
display: table-cell;
vertical-align: middle
}
.m_service_upward {
background: url(https://114my.club/usr/themes/BusM/images/service.png) no-repeat -363px -159px #fff
}
.m_service_upward:hover {
border: 0;
background: url(https://114my.club/usr/themes/BusM/images/service.png) no-repeat -407px -159px #4f7cfc;
cursor: pointer
}
.m_service_down {
background: url(https://114my.club/usr/themes/BusM/images/service.png) no-repeat -363px -270px #fff
}
.m_service_down:hover {
border: 0;
background: url(https://114my.club/usr/themes/BusM/images/service.png) no-repeat -407px -270px #4f7cfc;
cursor: pointer
}
.m_service_upward:hover .m_service_upward_cont, .m_service_down:hover .m_service_upward_cont{
display: block;
opacity: 1;
transition: linear .2s;
animation-name: fade-in;
animation-duration: .3s;
animation-iteration-count: 1;
animation-delay: 0s
}
.m_service_upward_cont {
width: 84px;
height: 40px;
line-height: 40px;
border-radius: 3px;
background: #fff;
right: 62px;
position: absolute;
text-align: center;
border: 1px solid #e1e6ec;
display: none;
opacity: 0
}
.m_service_upward_cont span {
font-size: 14px
}
/* 手机端自动隐藏 开始 */
@media screen and (max-width: 1200px) {
.wapnone {
display: none;
}
}
/* 手机端自动隐藏 结束 */
/*全屏图标*/
.m_service_zmkiqp {
z-index: 555;
background: url(https://114my.club/usr/themes/BusM/images/20200211-efbcc3deadd01.png) no-repeat center center #fff;
background-size: 50%50%;
}
.m_service_zmkiqp:hover {
border: 0;
background: url(https://114my.club/usr/themes/BusM/images/20200211-4275b242ddda3.png) no-repeat center center #4f7cfc;
background-size: 50%50%;
cursor: pointer
}
.m_service_zmkiqp:hover .m_service_zmkiqp_cont {
display: block;
opacity: 1;
transition: linear .2s;
animation-name: fade-in;
animation-duration: .3s;
animation-iteration-count: 1;
animation-delay: 0s
}
.m_service_zmkiqp_cont {
width: 100px;
height: 40px;
line-height: 40px;
background: #fff;
border-radius: 5px;
right: 62px;
text-align: center;
position: absolute;
display: none;
border: 1px solid #e1e6ec
}
/* 暗黑 新增图标->zmki 开始*/
.m_service_zmkiah {
z-index: 555;
background: url(https://114my.club/usr/themes/BusM/images/20200209-8bab92321b7d9.png) no-repeat center center #fff;
background-size: 50%50%;
}
.m_service_zmkiah:hover {
border: 0;
background: url(https://114my.club/usr/themes/BusM/images/20200209-838b4c0ed71c3.png) no-repeat center center #4f7cfc;
background-size: 50%50%;
cursor: pointer
}
.m_service_zmkiah:hover .m_service_zmkiah_cont {
display: block;
opacity: 1;
transition: linear .2s;
animation-name: fade-in;
animation-duration: .3s;
animation-iteration-count: 1;
animation-delay: 0s
}
.m_service_zmkiah_cont {
width: 264px;
height: 40px;
line-height: 40px;
background: #fff;
border-radius: 5px;
right: 62px;
text-align: center;
position: absolute;
display: none;
border: 1px solid #e1e6ec
}
/*zmki 美化样式开始*/
.m_service {
max-height: 232px;
position: fixed;
right: 10px;
top: 65%;
/* 垂直位置 */
font-size: 14px;
color: #243558;
z-index: 10000
}
.m_service_qrimg_site {
width: 119px;
height: 119px;
float: left;
margin: 12px 12px 5px 12px;
background-image: url(/images/wxcode.png);
background-size: 100% 100%;
}
-
全新暗黑模式,夜间使用保护眼睛
-
在线咨询
-
-
-
切换全屏
-
写文章,欢迎站长归来!
-
返回顶部
-
前往底部
// 显示搜索页
function laysearch() {
if($("#search-box").hasClass("show-modal")){
$("#search-box").removeClass("show-modal");
}else{
$("#search-box").addClass("show-modal");
}
};
// 退出搜索页
$("#search-box .close-button").on('click', function() {
$("#search-box").removeClass("show-modal");
});
// 显示登录页
function laylogin() {
if($("#login-box").hasClass("show-modal")){
$("#login-box").removeClass("show-modal");
}else{
$("#login-box").addClass("show-modal");
};
};
// 退出登录页
$("#login-box .close-button").on('click', function() {
$("#login-box").removeClass("show-modal");
});
// 是否显示密码
var password = $("#password");
$(".login-eye").on('click', function(e) {
if ($(".login-eye .b2font").hasClass("b2-eye-close")) {
$(".login-eye .b2font").removeClass("b2-eye-close").addClass("b2-eye-open");
password[0].type = "text";
} else {
$(".login-eye .b2font").removeClass("b2-eye-open").addClass("b2-eye-close");
password[0].type = "password";
};
form.render();
});
$(document).on('pjax:complete', function() {
Prism.highlightAll();
//首页推荐文章滑动
$(function() {
var oWidth = window.screen.width;
if (oWidth > 1200) {
var xs = 4;
} else if (oWidth > 998) {
var xs = 3;
} else if (oWidth > 767) {
var xs = 2;
} else {
var xs = 1;
};
var swiper = new Swiper('.swiper-container', {
slidesPerView: xs,
spaceBetween: 30,
slidesPerGroup: 1,
loop: true,
loopFillGroupWithBlank: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
});
});
function getBaseUrl() {
var ishttps = 'https:' == document.location.protocol ? true : false;
var url = window.location.host;
if (ishttps) {
url = 'https://' + url;
} else {
url = 'http://' + url;
}
return url;
}
let url = '"' + getBaseUrl() + '"';
$(document).pjax('a[href^=' + url + ']:not(a[target="_blank"], a[no-pjax])', {
container: '#pjax',
fragment: '#pjax',
timeout: 8000
})
$(document).on('pjax:start', function() {
NProgress.start();
});
$(document).on('pjax:end', function() {
NProgress.done();
});
//表单提交事件
$(document).on('submit', '#search', function(event) {
event.preventDefault();
// $.pjax.submit(event, '#pjax');
$.pjax.submit(event, '#pjax', {
timeout: 10000
});
});
//表单提交成功事件
$(document).on('pjax:success', function(event) {
//console.log("关闭搜索框之类的操作");
});
//「页面刷新」事件触发运行
$(document).ready(function() {
MyApp.initPjax();
});
一键复制
编辑
Web IDE
原始数据
按行查看
历史