<div id="right-sidebar">
|
<div class="sidebar-container">
|
|
<ul class="nav nav-tabs navs-3">
|
<li class="active"><a data-toggle="tab" href="#tab-1"> <i
|
class="fa fa-gear"></i> 主题
|
</a></li>
|
</ul>
|
|
<div class="tab-content">
|
<div id="tab-1" class="tab-pane active">
|
<div class="sidebar-title">
|
<h3>
|
<i class="fa fa-comments-o"></i> 主题设置
|
</h3>
|
<small><i class="fa fa-tim"></i>
|
你可以从这里选择和预览主题的布局和样式，这些设置会被保存在本地，下次打开的时候会直接应用这些设置。</small>
|
</div>
|
<div class="skin-setttings">
|
<div class="title">主题设置</div>
|
<div class="setings-item">
|
<span>收起左侧菜单</span>
|
<div class="switch">
|
<div class="onoffswitch">
|
<input type="checkbox" name="collapsemenu"
|
class="onoffswitch-checkbox" id="collapsemenu"> <label
|
class="onoffswitch-label" for="collapsemenu"> <span
|
class="onoffswitch-inner"></span> <span
|
class="onoffswitch-switch"></span>
|
</label>
|
</div>
|
</div>
|
</div>
|
<div class="setings-item">
|
<span>固定顶部</span>
|
|
<div class="switch">
|
<div class="onoffswitch">
|
<input type="checkbox" name="fixednavbar"
|
class="onoffswitch-checkbox" id="fixednavbar"> <label
|
class="onoffswitch-label" for="fixednavbar"> <span
|
class="onoffswitch-inner"></span> <span
|
class="onoffswitch-switch"></span>
|
</label>
|
</div>
|
</div>
|
</div>
|
<div class="setings-item">
|
<span> 固定宽度 </span>
|
|
<div class="switch">
|
<div class="onoffswitch">
|
<input type="checkbox" name="boxedlayout"
|
class="onoffswitch-checkbox" id="boxedlayout"> <label
|
class="onoffswitch-label" for="boxedlayout"> <span
|
class="onoffswitch-inner"></span> <span
|
class="onoffswitch-switch"></span>
|
</label>
|
</div>
|
</div>
|
</div>
|
<div class="title">皮肤选择</div>
|
<div class="setings-item default-skin nb">
|
<span class="skin-name "> <a href="#" class="s-skin-0">
|
默认皮肤 </a>
|
</span>
|
</div>
|
<div class="setings-item blue-skin nb">
|
<span class="skin-name "> <a href="#" class="s-skin-1">
|
蓝色主题</a>
|
</span>
|
</div>
|
<div class="setings-item yellow-skin nb">
|
<span class="skin-name "> <a href="#" class="s-skin-3">
|
黄色/紫色主题 </a>
|
</span>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
|
</div>
|
</div>
|
