php – 使用动态URL来“激活”额外的CSS
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了php – 使用动态URL来“激活”额外的CSS,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2847字,纯文字阅读大概需要5分钟。
内容图文
首先抱歉,如果这是一个常见的问题,但我在Google上找不到任何内容,而且似乎没有过多记录.
我正在为自己制作一个展示我的平面设计和东西的作品集.我喜欢它的外观,但我确实认为它与其他网站相比看起来很暗.导航栏中的文字也很小,但我不想改变它.
相反,我想在页面底部有一个小的iOS样式开关,点击它时会将用户带到相关页面的备用版本,或只是应用了不同CSS的版本.然后,我可以将背景设置得更亮,文本更大,等等.简单但繁琐的解决方案是将每个页面设置四次,一个是大字体和浅色背景,一个是黑暗和小,等等,但这并不理想.我想知道我是否可以做一些更像:
portfolio.co.uk/home?light=on&text=big
据我所知,动态URL(我相信它们被称为)是一个PHP的东西,但我对没有PHP经验的PHP经验很少.我想知道这项任务是否可行而不会变得过于复杂,如果有可能甚至创建一个cookie,以便定期访问者不必每次都能导航到他们喜欢的版本.
谢谢!
解决方法:
使用查询字符串参数来确定要加载的样式表.
基本上,创建一个始终加载的通用样式表,无论您使用哪个主题.然后,将特定于主题的规则放入单独的样式表中,并使用PHP if语句来确定要加载适当页面的标记.
<head>
<link href="common.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $_GET["style"] == "iPhone" ? "iPhone" : "normal" ?>.css" rel="stylesheet" type="text/css" />
...
</head>
注意,我使用if-check(三元运算符?:)而不是直接从查询字符串中使用字符串,因为我希望有一种方法可以在用户更改查询字符串并发生错误时发送默认值.如果您要使用多个主题,则可以设置switch语句并将相应的文件名存储在您在link标记中引用的变量中.
$stylesheet = "default";
switch ($_GET["style"]) {
case "iPhone": $stylesheet = "iPhone";
case "bigBold": $stylesheet = "bigBold";
}
<link href="<?php echo $stylesheet; ?>.css" rel="stylesheet" type="text/css" />
如何使用:
要将此代码添加到PHP页面中,请将切换代码放在页面顶部(或者更好的是,在它自己的包含文件中.
页面顶部
像这样设置你的页面:
<?php
$stylesheet = "default";
switch ($_GET["style"]) {
case "iPhone": $stylesheet = "iPhone";
case "bigBold": $stylesheet = "bigBold";
}
?>
<!DOCTYPE html>
<html>
<head>
<link href="common.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $stylesheet; ?>.css" rel="stylesheet" type="text/css" />
...
</head>
<body>
...
</body>
<html>
此代码需要添加到您想要使用备用样式的每个页面,因此更好的选择是将此代码分成可以包含在所有页面上的文件.
作为包含文件
创建一个名为stylesheetSelector.php的文件并将其添加到其中:
<?php
$stylesheet = "default";
switch ($_GET["style"]) {
case "iPhone": $stylesheet = "iPhone";
case "bigBold": $stylesheet = "bigBold";
}
?>
然后,在您的PHP页面中:
<?php include_once('stylesheetSelector.php'); ?>
<!DOCTYPE html>
<html>
<head>
<link href="common.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $stylesheet; ?>.css" rel="stylesheet" type="text/css" />
...
</head>
<body>
...
</body>
<html>
在所有页面上执行此操作,然后,如果您决定添加其他主题,则只需将信息添加到stylesheetSelector.php文件,它将在包含它的每个页面上提供.
CAVEAT:这需要在.php文件中完成,或者您的Web服务器需要使用PHP来处理.html文件,否则您将以明文形式看到PHP代码(它不会被解释).
内容总结
以上是互联网集市为您收集整理的php – 使用动态URL来“激活”额外的CSS全部内容,希望文章能够帮你解决php – 使用动态URL来“激活”额外的CSS所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。