您的位置:首页 > Web前端 > CSS

CSDN博客隐藏配置

2016-02-25 09:56 399 查看


自定义CSS的文本框

打开浏览器找到对应的前端代码

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

<p>博客标题<br>
<input type="text" name="title" maxlength="50" value="AutumnsWind" style="cursor: auto; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABHklEQVQ4EaVTO26DQBD1ohQWaS2lg9JybZ+AK7hNwx2oIoVf4UPQ0Lj1FdKktevIpel8AKNUkDcWMxpgSaIEaTVv3sx7uztiTdu2s/98DywOw3Dued4Who/M2aIx5lZV1aEsy0+qiwHELyi+Ytl0PQ69SxAxkWIA4RMRTdNsKE59juMcuZd6xIAFeZ6fGCdJ8kY4y7KAuTRNGd7jyEBXsdOPE3a0QGPsniOnnYMO67LgSQN9T41F2QGrQRRFCwyzoIF2qyBuKKbcOgPXdVeY9rMWgNsjf9ccYesJhk3f5dYT1HX9gR0LLQR30TnjkUEcx2uIuS4RnI+aj6sJR0AM8AaumPaM/rRehyWhXqbFAA9kh3/8/NvHxAYGAsZ/il8IalkCLBfNVAAAAABJRU5ErkJggg=="); 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都删除则出现隐藏的配置



尝试在自定义CSS添加boostrap的源代码发现无法生效

http://www.bootcss.com/

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息