javascript - 选择特定的 CSS 文件以根据先前的选择为不同的访问者启用不同的主题

标签 javascript php css html themes

我创建了一个网站并有多个 css 文件作为不同的主题。现在我想让一个人登录并能够将他喜欢的主题与他的帐户相关联。怎么办?我还希望任何未注册的用户也能够更改他的主题(我认为使用 cookie 我可以做到。有更好的主意吗?)。此外,我只想将特定的 CSS 文件加载到访问者的浏览器,而不是加载所有 CSS 文件。我的 CSS 文件的名称如 main-blue、main-red、main-green 等。

我是网络开发的新手,所以我需要一些详细的说明。请帮忙

最佳答案

如果您想使用 cookie,请使用如下内容:

$css = 'default'; //Fallback theme
if($_COOKIE['theme']) $css = $_COOKIE['theme']; //If the cookie is set, change the theme

echo '<link rel="stylesheet" src="css/' . $css . '.css" />'; //Aply the theme

然后只需使用 setcookie('theme', 'filename', <expiration>)设置主题。 <expiration>是可选的(默认是 session )。

如果您使用的不是 cookie(SESSION、SQL 或其他),只需更改 $_COOKIE['theme']到您正在使用的任何变量。

关于javascript - 选择特定的 CSS 文件以根据先前的选择为不同的访问者启用不同的主题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24349681/

相关文章:

php - Laravel 5 Controller 将 JSON 整数作为字符串发送

css - 对齐文本而不包括其他内容

html - 根据文本长度设置div背景颜色

javascript - 大型同位素画廊非常慢

javascript - 将 for 循环转换为 forEach

javascript - 正则表达式 - javascript

php - 我将 WAMP 移动到本地计算机上的另一个硬盘驱动器...现在 WordPress 无法工作

Javascript - 有没有更好的方法来检查字符串而不是indexOf

php dyld : Library not loaded for libldap

css - 为什么 min-height with percentage 在没有容器高度的情况下工作?