问题二:切换了网站主题样式以后,再点击浏览器刷新按钮,样式又还原了,这是为什么???
问题三:切换了网站主题样式以后,再点击浏览器刷新按钮,样式又还原了。 怎么让它不还原???
问题四: "bootstrap" 可以存储一些设置,存储在本地。比如 “网站的主题颜色”, “按钮”的位置等。 为什么???
8 个解决方案
#1
http://www.gbtags.com/gb/share/3309.htm SmartAdmin 等。
#2
问题一: "bootstrap" 网站主题颜色的修改是怎么实现的??? 是切换样式表实现的吗???
最简单。。。Bootstrap的颜色一般都是css类直接控制的: btn-primary 就是蓝色, txt-success 就是绿色,你直接把这个类的颜色重写了或直接换掉
你去看Bootstrap的官网例子,
就会看到有一个主题可选,你换掉不就行了吗
问题二:切换了网站主题样式以后,再点击浏览器刷新按钮,样式又还原了,这是为什么???
你没做设置的话,刷新等于重新请求这个页面,当然是默认风格了。。
问题三:切换了网站主题样式以后,再点击浏览器刷新按钮,样式又还原了。 怎么让它不还原???
cookie
问题四: "bootstrap" 可以存储一些设置,存储在本地。比如 “网站的主题颜色”, “按钮”的位置等。 为什么???
http://www.baidu.com/s?wd=cookie
最简单。。。Bootstrap的颜色一般都是css类直接控制的: btn-primary 就是蓝色, txt-success 就是绿色,你直接把这个类的颜色重写了或直接换掉
你去看Bootstrap的官网例子,
<link href="http://cdn.bootcss.com/jquery/bootstrap.min.css" rel="stylesheet" />
<!-- 可选的Bootstrap主题文件(一般不用引入) -->
<link href="http://cdn.bootcss.com/jquery/bootstrap-theme.css" rel="stylesheet" />
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
就会看到有一个主题可选,你换掉不就行了吗
问题二:切换了网站主题样式以后,再点击浏览器刷新按钮,样式又还原了,这是为什么???
你没做设置的话,刷新等于重新请求这个页面,当然是默认风格了。。
问题三:切换了网站主题样式以后,再点击浏览器刷新按钮,样式又还原了。 怎么让它不还原???
cookie
问题四: "bootstrap" 可以存储一些设置,存储在本地。比如 “网站的主题颜色”, “按钮”的位置等。 为什么???
http://www.baidu.com/s?wd=cookie
#3
<link href="http://cdn.bootcss.com/jquery/bootstrap-theme.css
#4
说明你“切换样式表”没有搞对,也许是设置没有保存生效,天知道你怎么切换的。
肯定不关客户端的事。另外1L的回答是打算倒分呢,还是对问题的补充呢?
肯定不关客户端的事。另外1L的回答是打算倒分呢,还是对问题的补充呢?
#5
从来不到分。
#6
通过cookies或local storage
#7
也遇到了了这些问题,主要代码如下:
<div>
<ul class="pull-right dropdown-menu dropdown-arrow dropdown-login-area">
<!--Theme Selector Area-->
<li class="theme-area">
<ul class="colorpicker" id="skin-changer">
<li><a class="colorpick-btn" href="#" style="background-color:#5DB2FF;" rel="assets/css/skins/blue.min.css">0000</a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#2dc3e8;" rel="assets/css/skins/azure.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#03B3B2;" rel="assets/css/skins/teal.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#53a93f;" rel="assets/css/skins/green.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#FF8F32;" rel="assets/css/skins/orange.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#cc324b;" rel="assets/css/skins/pink.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#AC193D;" rel="assets/css/skins/darkred.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#8C0095;" rel="assets/css/skins/purple.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#0072C6;" rel="assets/css/skins/darkblue.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#585858;" rel="assets/css/skins/gray.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#474544;" rel="assets/css/skins/black.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#001940;" rel="assets/css/skins/deepblue.min.css"></a></li>
</ul>
</li>
</ul>
</div>
<div>
<ul class="pull-right dropdown-menu dropdown-arrow dropdown-login-area">
<!--Theme Selector Area-->
<li class="theme-area">
<ul class="colorpicker" id="skin-changer">
<li><a class="colorpick-btn" href="#" style="background-color:#5DB2FF;" rel="assets/css/skins/blue.min.css">0000</a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#2dc3e8;" rel="assets/css/skins/azure.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#03B3B2;" rel="assets/css/skins/teal.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#53a93f;" rel="assets/css/skins/green.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#FF8F32;" rel="assets/css/skins/orange.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#cc324b;" rel="assets/css/skins/pink.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#AC193D;" rel="assets/css/skins/darkred.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#8C0095;" rel="assets/css/skins/purple.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#0072C6;" rel="assets/css/skins/darkblue.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#585858;" rel="assets/css/skins/gray.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#474544;" rel="assets/css/skins/black.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#001940;" rel="assets/css/skins/deepblue.min.css"></a></li>
</ul>
</li>
</ul>
</div>
#8
应该有个主题样式吧
#1
http://www.gbtags.com/gb/share/3309.htm SmartAdmin 等。
#2
问题一: "bootstrap" 网站主题颜色的修改是怎么实现的??? 是切换样式表实现的吗???
最简单。。。Bootstrap的颜色一般都是css类直接控制的: btn-primary 就是蓝色, txt-success 就是绿色,你直接把这个类的颜色重写了或直接换掉
你去看Bootstrap的官网例子,
就会看到有一个主题可选,你换掉不就行了吗
问题二:切换了网站主题样式以后,再点击浏览器刷新按钮,样式又还原了,这是为什么???
你没做设置的话,刷新等于重新请求这个页面,当然是默认风格了。。
问题三:切换了网站主题样式以后,再点击浏览器刷新按钮,样式又还原了。 怎么让它不还原???
cookie
问题四: "bootstrap" 可以存储一些设置,存储在本地。比如 “网站的主题颜色”, “按钮”的位置等。 为什么???
http://www.baidu.com/s?wd=cookie
最简单。。。Bootstrap的颜色一般都是css类直接控制的: btn-primary 就是蓝色, txt-success 就是绿色,你直接把这个类的颜色重写了或直接换掉
你去看Bootstrap的官网例子,
<link href="http://cdn.bootcss.com/jquery/bootstrap.min.css" rel="stylesheet" />
<!-- 可选的Bootstrap主题文件(一般不用引入) -->
<link href="http://cdn.bootcss.com/jquery/bootstrap-theme.css" rel="stylesheet" />
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
就会看到有一个主题可选,你换掉不就行了吗
问题二:切换了网站主题样式以后,再点击浏览器刷新按钮,样式又还原了,这是为什么???
你没做设置的话,刷新等于重新请求这个页面,当然是默认风格了。。
问题三:切换了网站主题样式以后,再点击浏览器刷新按钮,样式又还原了。 怎么让它不还原???
cookie
问题四: "bootstrap" 可以存储一些设置,存储在本地。比如 “网站的主题颜色”, “按钮”的位置等。 为什么???
http://www.baidu.com/s?wd=cookie
#3
<link href="http://cdn.bootcss.com/jquery/bootstrap-theme.css
#4
说明你“切换样式表”没有搞对,也许是设置没有保存生效,天知道你怎么切换的。
肯定不关客户端的事。另外1L的回答是打算倒分呢,还是对问题的补充呢?
肯定不关客户端的事。另外1L的回答是打算倒分呢,还是对问题的补充呢?
#5
从来不到分。
#6
通过cookies或local storage
#7
也遇到了了这些问题,主要代码如下:
<div>
<ul class="pull-right dropdown-menu dropdown-arrow dropdown-login-area">
<!--Theme Selector Area-->
<li class="theme-area">
<ul class="colorpicker" id="skin-changer">
<li><a class="colorpick-btn" href="#" style="background-color:#5DB2FF;" rel="assets/css/skins/blue.min.css">0000</a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#2dc3e8;" rel="assets/css/skins/azure.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#03B3B2;" rel="assets/css/skins/teal.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#53a93f;" rel="assets/css/skins/green.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#FF8F32;" rel="assets/css/skins/orange.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#cc324b;" rel="assets/css/skins/pink.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#AC193D;" rel="assets/css/skins/darkred.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#8C0095;" rel="assets/css/skins/purple.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#0072C6;" rel="assets/css/skins/darkblue.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#585858;" rel="assets/css/skins/gray.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#474544;" rel="assets/css/skins/black.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#001940;" rel="assets/css/skins/deepblue.min.css"></a></li>
</ul>
</li>
</ul>
</div>
<div>
<ul class="pull-right dropdown-menu dropdown-arrow dropdown-login-area">
<!--Theme Selector Area-->
<li class="theme-area">
<ul class="colorpicker" id="skin-changer">
<li><a class="colorpick-btn" href="#" style="background-color:#5DB2FF;" rel="assets/css/skins/blue.min.css">0000</a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#2dc3e8;" rel="assets/css/skins/azure.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#03B3B2;" rel="assets/css/skins/teal.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#53a93f;" rel="assets/css/skins/green.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#FF8F32;" rel="assets/css/skins/orange.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#cc324b;" rel="assets/css/skins/pink.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#AC193D;" rel="assets/css/skins/darkred.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#8C0095;" rel="assets/css/skins/purple.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#0072C6;" rel="assets/css/skins/darkblue.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#585858;" rel="assets/css/skins/gray.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#474544;" rel="assets/css/skins/black.min.css"></a></li>
<li><a class="colorpick-btn" href="#" style="background-color:#001940;" rel="assets/css/skins/deepblue.min.css"></a></li>
</ul>
</li>
</ul>
</div>
#8
应该有个主题样式吧