暗色调我的莫修改源码~内容页已修复

2019-07-10 06:50:42 -0400

截图

撰文模板

首页模板

{wo.site.htmlhead}
<div id="mycategories" style="display:none;">
{wo.site.categories}
</div>
{wo.site.entries}
{wo.site.prevnext}

首页列表单行

<a href="{wo.entry.url}"><img src="{wo.entry.fileurl:21.png}" width="100%" height="120"><div>
<a href="{wo.entry.url}" target="_blank">{wo.entry.title}</a>{wo.file.ext.htmlspan}

css

html {
cursor: url("https://bogey.wodemo.net/entry/437413/5deb67261ef06e001021cbc09ad0b215/Normal.cur"), auto;
}
a, button, input[type*="submit"], select, .back_top, .menu, .munu_right .ul_box_title{
cursor: url("https://bogey.wodemo.net/entry/437413/9db8e5c91c49f53a96abde0b80c342c8/Link.cur"), auto;
}

body{
max-width: 1000px;
text-align: center;
color: #000;
margin: 0 auto;
padding: 0;
background: #333;
background-image: url(https://bogey.wodemo.net/entry/437413/20170411/3938d63d07fe23a2b9533b4c9581cac8/body-bg.png);
}

.wo-search-form.wo-search-home{
display: none;
}

a,a:link,a:visited,a:hover,a:active{
text-decoration: none;
color: #000;
}

.wo-warn{
background-color: #ddd;
box-shadow: #222 0 2px 5px;
padding: 5px 0;
border-radius: 3px;
}

.wo-warn a[href*='wodemo']{
padding-left: 10px;
color: #925;
}

/*在线阅读*/
.wo-read-content{
background-color:#ddd;
border-radius:5px 5px 0 0;
line-height:30px;
word-wrap:break-word;
word-break:break-all;
text-align:left;
padding:10px 20px;
}

.wo-read-content+hr+div{
background:#ddd;
border-radius:0 0 5px 5px;
margin:0px;
height:60px;
display:block;
line-height:30px;
padding-bottom:10px;
}

.wo-read-content+hr+div a{
padding:0 10px;
height:30px;
line-height:30px;
display:inline-block;
transition:0.5s;
border-radius:3px;
}

.wo-read-content+hr+div a:hover{
background:#1ad;
border-radius:3px;
color:#fff;
}
/*在线阅读 end*/

#whole_body{ padding-top: 65px;}
#whole_body>p{ margin: 0;}
#whole_body hr{ border: none;margin:0}

.file_list {
background: #ddd;
border-radius: 5px 5px 0 0;
padding: 8px;
margin:0;
}

.file_list li {
height: 180px;
background: #ddd;
border-radius: 3px;
box-shadow: #999 0 0 10px;
text-align: left;
margin: 0 0 8px 0;
padding: 10px;
transition: all 0.5s;
}

.file_list li a {
width: 75%;
font-size:larger;
text-shadow: #eee 1px 1px 1px;
line-height: 50px;
padding-left: 10px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
transition:color 0.5s;
}

.file_list li a[href*="admin"]{
color: #678;
}

.file_list li span{
line-height:15px;
float: right;
margin-top: 35px;
color: #999;
}

.file_list li:hover {
background: #eee;
}

.file_list li:hover a {
color: #1ad;
}

.pagination {
padding-bottom: 8px;
height: 50px;
line-height: 50px;
border-radius: 0 0 5px 5px;
display: block;
background: #ddd;
}

.pagination a ,.pagination span.page_no_link{
padding: 0 10px;
border-radius: 3px;
height: 40px;
line-height: 40px;
display: inline-block;
transition: 0.5s;
}

.pagination a:hover ,.pagination .page_no_link:hover{
background: #1ad;
border-radius: 3px;
color: #fff;
}
/* 搜索 */
.search{
height: 50px;
padding: 0;
position: relative;
overflow: hidden;
}

.selarch_box{
width: 100%;
height: 100%;
position: relative;
}

.search .search_sel {
width: 70px;
height: 100%;
background: #25292b;
font-size: 0.9rem;
border: none;
padding-left: 5px;
position: absolute;
top: 0px; left: 0px;
color: #FFF;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
-webkit-border-image: none;
}

.sel_sc {
display: block;
border: 6px solid #fff;
position: absolute;
border-color: #fff transparent transparent;
top: 22px;
left: 50px;
z-index: 3;
}

.search .search_test {
position: absolute;
top: 0px;left:0px;
height: 50px;
width: 260px;
font-size: 0.9rem;
padding: 0;
margin:0 70px;
color: #999;
border: none;
box-shadow:#999 0 0 5px inset;
background: #D5D5D5;
}

.search .search_btn:hover{
background: #d00;
}

.search .search_btn {
width: 70px;
height: 100%;
position: absolute;
top: 0px; right: 0px;
background: #a00;
border:none;
color: #fff;
font-size: 1rem;
transition: all 0.5s;
}

/* 搜索 end*/
/* 搜索页 */
.wo-search-form{
height: 45px;
padding: 0;
position: relative;
border-radius: 5px;
overflow: hidden;
}

.wo-search-form input[type*='submit'] {
width: 8%;
height: 100%;
position: absolute;
top: 0px; right: 0px;
border-radius:0 5px 5px 0;
background: #a00;
box-shadow: #999 -2px 0 8px;
border:none;
color: #fff;
font-size: 1rem;
transition: all 0.5s;
}

.wo-search-form input[type*='submit']:hover{
background: #d00;
}

.wo-search-form input[type*='text']{
position: absolute;
top: 0px;left:0px;
height: 43px;
width: 84%;
font-size: 1rem;
margin: 0 8%;
border: none;
background: #D5D5D5;
}

.wo-search-form select{
width: 8%;
height: 100%;
background: #eee;
font-size: 1rem;
border: none;
border-radius: 5px 0px 0px 5px;
padding-left: 10px;
position: absolute;
top: 0px; left: 0px;
box-shadow: #999 2px 0 8px;
transition: all 0.5s;
appearance: none;
}

.wo-search-result-area{
margin-top: 30px;
background:#ddd;
border-radius:5px;
padding:1px;
padding-bottom:20px;
}

.wo-search-result-item{
height: 50px;
background: #ddd;
border-radius:3px;
box-shadow:#999 0 0 10px;
padding: 10px;
position: relative;
transition: all 0.5s;
text-align: center;
margin: 8px;
position: relative;
transition: all 0.5s;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

.wo-search-result-item a {
font-size:1rem;
line-height: 50px;
transition:color 0.5s;
}

.wo-search-result-item:hover {
background: #eee;
}

.wo-search-result-item:hover a {
color: #1ad;
}

.wo-search-result-area a[href*='search'],.wo-search-result-area .page_no_link{
display: inline-block;
margin: 15px 5px 0 5px;
padding: 5px 10px;
border-radius: 3px;
background: #ddd;
box-shadow: #999 0 0 10px;
transition:0.5s;
}

.wo-entry-section{
margin: 0;
}

.wo-search-result-area .page_no_link{
color: #999;
}

.wo-search-result-area a[href*='search']:hover{
background: #1ad;
border-radius: 3px;
box-shadow: 0px 0px 10px #999;
color: #FFF;
}
/* 搜索页 END */

/* 文件详情 */

.wo-file-main {
background: #ddd;
border-radius: 5px 5px 0 0;
padding: 8px;
margin-top: 10px;
word-wrap:break-word;
}

.wo-file-title {
border-bottom: 1px solid #fff;
text-align: center;
font-size: 1rem;
padding: 0 10px 10px 10px;
margin:0 20px;
}

.wo-file-main .wo-file-title+p,.wo-file-main p+p {
padding: 0px 8px 10px;
margin: 5px 25px 10px;
border-bottom: 1px dotted #EEE;
color: #999;
text-align: center;
font-size: 0.8rem;
}

a.wo-toggle-link{
color: #1ad;
}

.wo-file-main > div > a {
display: inline-block;
padding: 0 10px;
transition: 0.5s;
border-radius: 3px;
height: 30px;
line-height: 30px;
margin:10px 5px;
background: #ddd;
box-shadow: #999 0 0 10px;
}

.wo-file-main > div > a:hover{
background: #1ad;
border-radius: 3px;
box-shadow: 0 0 10px #999;
color: #FFF;
}

.wo-file-main img{
border-radius:10px;
box-shadow:#999 0 0 10px;
}

.wo-file-description-area{
display: block;
font-size: 1rem;
}

.wo-file-description-contents {
font-size: 0.9rem;
text-shadow: none;
display: block;
text-align: center;
margin-top: 10px;
vertical-align: text-top;
}

.wo-file-permissions {
text-align: left;
}

.wo-file-permissions+p{
color: #999;
}

.wo-file-screenshot {
background: #ddd;
text-align: center;
padding: 12px 0;
font-size:1rem;
}

.wo-file-screenshot p{
width:90%;
margin:0 auto;
}

.wo-file-screenshot img {
border-radius:5px;
box-shadow: #999 0 0 10px;
}
/* 文件详情 END */

/*撰文页*/
#my-entry-whole{
width: 100%;
background: #ddd;
margin-top: 10px;
border-radius: 5px 5px 0 0;
text-align: center;
}

#my-entry-title{
text-align: center;
padding: 10px 0;
margin: 0 20px;
border-bottom: 1px solid #eee;
font-size: 1rem;
}

#my-entry-time{
text-align: center;
padding: 10px 0;
margin: 0 20px;
border-bottom:#eee 1px dotted;
color: #999;
font-size:0.8rem;
}

.wo-entry-section.wo-text-text{
word-wrap:break-word;
}

.wo-entry-section.wo-text-markdown{
word-wrap:break-word;
text-align:left;
}

.wo-text-markdown pre{
white-space: pre-wrap;
word-wrap: break-word;
}

.wo-entry-section.wo-text-markdown pre{
border:none;
}

.wo-entry-section img{
box-shadow: #a3a3a3 0 0 10px;
}
.wo-entry-section audio{
width: 60%;
margin: 10px;
box-shadow: #a3a3a3 0 0 10px;
}
.wo-entry-section{
padding: 10px 0;
margin:0 20px;
border-bottom:#eee 1px dotted;
}
.wo-entry-section a{
color:#1ad;
}

/*撰文页 end*/

/* 文件撰文通用 */
.wo-entry-prev-next {
height: 30px;
border-radius: 0 0 5px 5px;
padding: 10px 10px;
margin: 0;
background: #ddd;
}

.wo-entry-prev-next a {
padding: 0 10px;
transition: 0.5s;
border-radius: 3px;
height: 30px;
line-height: 30px;
display: inline-block;
background: #ddd;
box-shadow: #999 0 0 10px;
}
.wo-entry-prev-next a:hover {
background: #1ad;
border-radius: 3px;
box-shadow: 0 0 10px #999;
color: #FFF;
}

.wo-main-body>a[href$="wodemo.net/"],.wo-main-body>a[href$="wodemo.net"]{
color:#1ad;
}

.wo-main-body>a[href^="#"]{
color:#925;
}

.wo-main-body>a[href*="filetalkdelete"]{
color:#1ad;
}

.wo-main-body>div>a[href*="compose"],.wo-main-body>div>a[href*="editfile"]{
color:#1ad;
}

form[action*="s.wodemo.net"] + a[href*="bogey"],form[action*="s.wodemo.net"] + hr + a[href*="bogey"]{
color:#000;
}

form[action^="https://s.wodemo."] {
margin-top: 20px;
line-height: 30px;
background: #ddd;
border-radius: 5px;
margin: 10px 0;
padding-bottom: 20px;
}

form[action^="https://s.wodemo."] textarea {
width:96%;
min-height:60px;
height: 100px;
border-radius: 3px;
resize:vertical;
border: none;
box-shadow: inset #999 0 0 2px 1px;
}

form[action^="https://s.wodemo."] input[type=submit] {
padding: 10px 5%;
background: #fa4;
border: none;
border-radius: 3px;
color: #FFF;
font-size: 1rem;
margin:10px;
}

/*顶部*/
#top{
position: fixed;
z-index: 10;
top: 0; right: 0; left: 0;
height: 60px;
line-height: 60px;
font-size: 1.25rem;
text-align: center;
background:url("https://bogey.wodemo.net/entry/437413/6e8ee307db3ff6bb55f1c59a47d6efb7/header-bg.png");
background-size:100%;
color: #fff;
}

.bogey_tx {
width: 40px;
display: inline-block;
margin:10px 0 10px 10px;
float: left;
}

.webname {
display: inline-block;
}

.menu {
width: 30px;
height: 30px;
display: inline-block;
background-image:url("https://bogey.wodemo.net/entry/437413/e43ec7ed7b82137f3246c4bcc2128911/menu.png");
background-repeat: no-repeat;
background-size:100%;
margin-top: 15px;
float: right;
margin-right: 15px;
}

.notifaction-bg {
z-index:11;
position:fixed;
top:5px;right:5px;
background-color:#e30;
width:20px;height:20px;
border-radius:10px;
}

.notifaction-bg a {
position:relative;
top:-24px;
font-size:10px;
color:#fff;
}

/* 菜单栏 */
.munu_zg {
width: 100%;
height: 100%;
background: #000;
opacity: 0.75;
position: fixed;
top: 0px;
left: 0px;
z-index: 11;
}

.munu_right {
width: 60%;
height: 100%;
color: #fff;
position: fixed;
top: 0px;
right: 0px;
z-index: 12;
text-align: left;
background: #131515;
margin: 0;
padding: 0;
}

.munu_right .ul_box {
width: 100%;
height: 100%;
list-style:none;
overflow: auto;
margin-top: 0;
padding-left: 0px;

}
.munu_right .ul_box li {
background: #25292B;
line-height: 50px;
font-size: 1rem;
margin-bottom: 1px;
}
.munu_right .ul_box li .ul_box_title {
padding-left: 20px;
display: block;
height: 50px;
}

.munu_right .ul_sub li {
background: #1C1F20;
margin-bottom: 1px;
transition: 0.5s;
}
.munu_right .ul_sub li a {
padding-left: 50px;
color: #F5F5F5;
font-size: 0.9rem;
height: 50px;
display: block;
}
.munu_right .ul_sub {
padding-left: 0px;
background: #25292B;
display: none;
}
.munu_right .ul_sub li:hover {
background: #131515;
}

.back_top{
width: 40px;height: 40px;
line-height: 40px;
position: fixed;
right: 2%;
bottom: 0;
border-radius: 3px 3px 0 0;
background: #999;
z-index: 9;
}

/*订阅*/
.wo-subscribe+p a{
color: #1ad;
}

头部html

<div class="myhead">
<div id="top">
<span class="bogey_tx">
<a href="https://bogey.wodemo.net" style="display:block"><img src="https://bogey.wodemo.net/entry/437413/20170411/0152137dc318938e2fda2378e5fde6b8/bogeyicon.png" width="40px"></a>
</span>
<div class="webname">爱你综合网</div>
<span class="menu"></span>
<div class="notifaction-bg">
<a href="https://s.wodemo.net/notification"></a>
</div>
</div>

<div class="munu_zg" style="display: none"></div>
<div class="munu_right" style="width: 0px">
<ul class="ul_box">
<li>

<div class="search">
<div class="selarch_box">
<form action="/search">
<input type="text" name="q" class="search_test" maxlength="28" value="请输入你想搜索的关键词吧..." onfocus="if(this.value == '请输入你想搜索的关键词吧...'){this.value = ''}" onblur="if(this.value == ''){ this.value = '请输入你想搜索的关键词吧...'}">
<span class="sel_sc"></span>
<select name="all" class="search_sel">
<option value="0">本站</option>
<option value="1">全站</option>
</select>
<input type="submit" class="search_btn" value="搜索">
</form>
</div>
</div>

</li>
<li>
<span class="ul_box_title">分类</span>
<ul class="ul_sub fenlei" style="display:block">
</ul>
</li>
<li>
<span class="ul_box_title">管理员工具</span>
<ul class="ul_sub" style="display:block">
<li><a href="https://s.wodemo.net/admin" target="_blank">Dock</a></li>
<li><a href="https://s.wodemo.net/admin/site/compose" target="_blank">撰文</a></li>
<li><a href="http://21sqw.ys168.com" target="_blank">网盘</a></li>
<li><a href="https://s.wodemo.net/admin/site/category" target="_blank">分类</a></li>
<li><a href="https://s.wodemo.net/admin/site" target="_blank">站点</a></li>
<li><a href="https://bbs.zhanzhangwo.com" target="_blank">站长窝</a>
<li><a href="https://s.wodemo.net/admin/stats" target="_blank">统计</a>
</ul>
</li>
<li>
<span class="ul_box_title">互动</span>
<ul class="ul_sub" style="display:block">
<li><a href="#" target="_blank">在线留言</a></li>
<li><a href="#" target="_blank">友情链接</a></li>
<li><a href="#" target="_blank">关于我们</a></li>
</ul>
</li>
</ul>
</div>

</div>
<div class="back_top">▲</div>

js需要勾选第一个

//分类添加到菜单栏
$("a[href*='/cat/']").not(".pagination>span,.pagination>a").each(function(){
$(this).attr("target","_blank");
$(this).appendTo(".fenlei");
});
$(".fenlei>a").wrap("<li></li>");

setTimeout("addTip()",500);

//提示添加到右上角
function addTip(){

$("span.wo-n-count-block").hide();
if($("sup.wo-n-count-num").text()==""){
$("div.notifaction-bg").hide();
}else{
$("div.notifaction-bg").show();
$("div.notifaction-bg a").text($("sup.wo-n-count-num").text());
}
}

//新菜单栏
$('.menu,.munu_zg').click(function(){
if($('.munu_right').width() == 0){
$('html').height($(window).height()).css('overflow','hidden');
$('.munu_zg').show();
if($(window).width()>=500){
$('.munu_right').animate({'width' : '400px'});
}else{
$('.munu_right').animate({'width' : '80%'});
}
}else{
$('html').height('100%').css('overflow','visible');
$('.munu_zg').hide();
$('.munu_right').animate({'width' : '0'});
}

});

$('.ul_box_title').click(function(){
if($(this).next('.ul_sub').css('display') != "block"){
// $('.ul_sub').slideUp();
$(this).next('.ul_sub').slideDown();
}
else{
$(this).next('.ul_sub').slideUp();
}
});

//返回顶部
$(".back_top").hide();
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('.back_top').fadeIn();
} else {
$('.back_top').fadeOut();
}
});
$('.back_top').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800); return false;
});
});

内容页截图

«Newer Older»

Back to home

Subscribe | Register | Login | N