3

首先很抱歉，如果这是一个常见问题，但我在 Google 上找不到任何内容，而且似乎没有过多记录。

我目前正在为自己制作一个作品集，展示我的图形设计和东西。我喜欢它的外观，但我确实意识到与其他网站相比它看起来很暗。特别是导航栏中的文字也很小，但我不想更改它。

相反，我希望在页面底部有一个小的 iOS 样式开关，单击该开关会将用户带到相关页面的备用版本，或者只是应用了不同 CSS 的版本。然后我可以将背景设置得更亮，文本更大，等等。简单但乏味的解决方案是使每一页四次，一个具有大字体和浅色背景，一个深色和小背景等，但这并不理想。我想知道我是否可以制作更像：

portfolio.co.uk/home?light=on&text=big

据我所知，动态 URL（我相信它们被称为）是 PHP 的东西，但我对 PHP 的经验与没有 PHP 经验的人一样少。我想知道这项任务是否可以在不变得过于复杂的情况下完成，是否有办法甚至创建一个 cookie，这样重复访问者就不必每次都导航到他们喜欢的版本。

谢谢！

4

3 回答 3

4

使用查询字符串参数来确定要加载的样式表。

基本上，创建一个始终加载的通用样式表，无论您使用哪个主题。然后，将特定于主题的规则放入单独的样式表中，并使用 PHPif语句来确定发送什么标记来加载适当的页面。

<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 页面中，请将开关代码放在页面顶部（或者，更好的是，放在它自己的included 文件中。

页面顶部

像这样设置你的页面：

<?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>

需要将此代码添加到您想要使用替代样式的每个页面，因此更好的选择是将此代码分成一个可以include在所有页面上使用的文件。

作为包含文件

创建一个名为的文件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文件中，它将在每个页面上都可用include。

警告：这需要在.php文件中完成，或者您的 Web 服务器需要使用 PHP 来处理.html文件，否则您将看到 PHP 代码以明文形式显示（不会被解释）。

于 2012-06-19T16:44:45.093 回答
1

您可以根据查询字符串更改 CSS 样式表 yes ...在 php 中是这样的：

if ($_GET['light'] == 'on'){
   echo "<style>something here</style>";
}else {
   echo "<style>something else</style>";
}

$_GET['light']获取查询字符串值light

于 2012-06-19T16:43:59.523 回答
1

响应包含 php 文件。当您使用包含 <'stylesheetSelector.php'> 时，如何将路径包含在 <> 中。由于我们使用保存在服务器上的单独文件，因此该文件可能不在同一目录中？

阅读有关条件 css 的链接，说明最好检查浏览器功能而不是基于浏览器进行选择。原因是您不必像浏览器更新功能那样更新或更改代码。

http://www.conditional-css.com/

于 2012-07-07T10:32:13.303 回答