Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CSDN博客隐藏配置 #8

Closed
Wscats opened this issue Apr 26, 2016 · 0 comments
Closed

CSDN博客隐藏配置 #8

Wscats opened this issue Apr 26, 2016 · 0 comments
Labels

Comments

@Wscats
Copy link
Owner

Wscats commented Apr 26, 2016

image
自定义CSS的文本框
打开浏览器找到对应的前端代码

<form id="form1" name="form1" action="/Configure/SaveConfig" method="post">
<div class="confmain">

<p>博客标题<br>
<input type="text" name="title" maxlength="50" value="WsCats" style="cursor: auto; background-image: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABHklEQVQ4EaVTO26DQBD1ohQWaS2lg9JybZ+AK7hNwx2oIoVf4UPQ0Lj1FdKktevIpel8AKNUkDcWMxpgSaIEaTVv3sx7uztiTdu2s/98DywOw3Dued4Who/M2aIx5lZV1aEsy0+qiwHELyi+Ytl0PQ69SxAxkWIA4RMRTdNsKE59juMcuZd6xIAFeZ6fGCdJ8kY4y7KAuTRNGd7jyEBXsdOPE3a0QGPsniOnnYMO67LgSQN9T41F2QGrQRRFCwyzoIF2qyBuKKbcOgPXdVeY9rMWgNsjf9ccYesJhk3f5dYT1HX9gR0LLQR30TnjkUEcx2uIuS4RnI+aj6sJR0AM8AaumPaM/rRehyWhXqbFAA9kh3/8/NvHxAYGAsZ/il8IalkCLBfNVAAAAABJRU5ErkJggg==&quot;); background-attachment: scroll; background-position: 98% 50%; background-repeat: no-repeat;">
</p>
<p>博客描述<br>
<input type="text" name="subTitle" maxlength="100" value="秋枫的猫屋">
</p>


                  <p>编辑器类型<br>
                <select name="editType" id="editType">        
                    <option value="0" selected="">xhEditor编辑器(默认)</option>
                    <option value="1">MarkDown编辑器</option>
                </select>


</p>

<div>
<p>博客皮肤</p>
<ul class="nostyle">
<li><a href="http://blog.csdn.net/qq_27080247?skin=default" target="_blank" title="点击预览该皮肤"><img src="http://static.blog.csdn.net/skin/default/small.jpg"></a><br><span><input type="radio" name="radSkin" id="radSkin0" value="default"><label for="radSkin0">深海蓝</label></span></li><li><a href="http://blog.csdn.net/qq_27080247?skin=light_blue" target="_blank" title="点击预览该皮肤"><img src="http://static.blog.csdn.net/skin/light_blue/small.jpg"></a><br><span><input type="radio" name="radSkin" id="radSkin1" value="light_blue"><label for="radSkin1">亮彩蓝</label></span></li><li><a href="http://blog.csdn.net/qq_27080247?skin=dark1" target="_blank" title="点击预览该皮肤"><img src="http://static.blog.csdn.net/skin/dark1/small.jpg"></a><br><span><input type="radio" name="radSkin" id="radSkin2" value="dark1"><label for="radSkin2">炫酷黑</label></span></li><li><a href="http://blog.csdn.net/qq_27080247?skin=ink" target="_blank" title="点击预览该皮肤"><img src="http://static.blog.csdn.net/skin/ink/small.jpg"></a><br><span><input type="radio" name="radSkin" id="radSkin3" value="ink"><label for="radSkin3">水墨</label></span></li><li><a href="http://blog.csdn.net/qq_27080247?skin=skin-blue" target="_blank" title="点击预览该皮肤"><img src="http://static.blog.csdn.net/skin/skin-blue/small.jpg"></a><br><span><input type="radio" name="radSkin" id="radSkin4" value="skin-blue"><label for="radSkin4">技术工厂</label></span></li><li><a href="http://blog.csdn.net/qq_27080247?skin=skin-white" target="_blank" title="点击预览该皮肤"><img src="http://static.blog.csdn.net/skin/skin-white/small.jpg"></a><br><span><input type="radio" name="radSkin" id="radSkin5" value="skin-white"><label for="radSkin5">科技星空</label></span></li><li><a href="http://blog.csdn.net/qq_27080247?skin=skin-yellow" target="_blank" title="点击预览该皮肤"><img src="http://static.blog.csdn.net/skin/skin-yellow/small.jpg"></a><br><span><input type="radio" name="radSkin" id="radSkin6" value="skin-yellow"><label for="radSkin6">编程工作室</label></span></li>
</ul>
</div>
<div class="clear"></div>

<p id="codeskin">高亮代码皮肤<br>
<select name="codeStyle">
<script type="text/javascript">
    (function () {
        var names = ["default", "blue", "blue_black", "blue_green", "default_big", "default_relax", "green", "green_black", "green2_black", "header", "nobg", "nobg_code","simple","simple_dark"];
        var titles = ["默认皮肤", "蓝色关键字", "蓝色关键字,黑色背景", "蓝色关键字,绿色背景", "大字体", "加大行间距", "绿色关键字", "绿色关键字,黑色背景", "绿色字体,黑色背景", "普通窗口样式", "精简样式", "精简样式,带语言背景","精简(无行号)","精简(无行号)暗色"];

        for (var i = 0; i < names.length; i++) {
            document.writeln(csdn.format("<option value='{0}'>{1}</option>", names[i], titles[i]));
        }
    })();
</script><option value="default">默认皮肤</option>
<option value="blue">蓝色关键字</option>
<option value="blue_black">蓝色关键字,黑色背景</option>
<option value="blue_green">蓝色关键字,绿色背景</option>
<option value="default_big">大字体</option>
<option value="default_relax">加大行间距</option>
<option value="green">绿色关键字</option>
<option value="green_black">绿色关键字,黑色背景</option>
<option value="green2_black">绿色字体,黑色背景</option>
<option value="header">普通窗口样式</option>
<option value="nobg">精简样式</option>
<option value="nobg_code">精简样式,带语言背景</option>
<option value="simple">精简(无行号)</option>
<option value="simple_dark">精简(无行号)暗色</option>

</select><span style="padding-left:10px;"><a href="#" onclick="javascript:previewCode(this);return false;">预览该样式</a></span>
</p>
<div class="clear"></div>
<p style="">自定义CSS<br>
<textarea name="css" rows="10"></textarea>
</p>

<p>每页显示文章数<br>
<select name="pageSize">
<option value="5">5</option><option value="10">10</option><option value="15">15</option><option value="20">20</option>
</select>
</p>
<p style="">文章列表显示方式<br>
</p><div class="radioBox" style="">
<input type="radio" name="radShowCon" id="radShowCon0" value="1"><label for="radShowCon0">只显示标题</label>
<input type="radio" name="radShowCon" id="radShowCon1" value="0"><label for="radShowCon1">显示简介</label>
</div>
<p></p>
<p style="margin:-20px 0 0 0;">有评论是否邮件通知<br>
</p><div class="radioBox">
<input type="radio" name="radNotify" id="radNotify1" value="email"><label for="radNotify1"></label>
<input type="radio" name="radNotify" id="radNotify2" value="none"><label for="radNotify2"></label>
</div>
<p></p>


<div>
    <p class="subtit">版权声明</p>
    <input type="checkbox" id="chkCopyright" name="chkCopyright"><input id="inputCopyright" name="inputCopyright" type="text" style="width:600px;" value="本文为博主原创文章,未经博主允许不得转载。" maxlength="200">
</div>


<div class="clear"></div>

<div class="btn_area_1">
<input type="submit" class="input_btn_1" value="保存配置">
<span id="sp_note" style="color:Green; padding-left:10px;"></span>
</div>

</div>
</form>

将下图的display:none都删除则出现隐藏的配置
image
尝试在自定义CSS添加boostrap的源代码发现z暂时无法生效
http://www.bootcss.com/
image

@Wscats Wscats added the notes label Apr 26, 2016
@Wscats Wscats closed this as completed Aug 22, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant