【抛砖引玉】发点有意思的,各位可以给自己米表增加不同风格,让客户自行选择 [复制链接]

帖子链接已复制到剪贴板
ximi (UID: 4905) 28天前

367 6

没啥技术含量不高,最近在学php, 纯属瞎折腾;

之前用typecho搭建的博客被揍了,最近开始研究博客程序,

为方便阅读增加一个无图模式 切换,想来不如直接加个主题切换功能;

有时候看到喜欢的主题想,又舍不得现在的,这下鱼与熊掌 均可得啦,

 

抛砖引玉,各位可自行修改;例如:给自己引导页,米表增加不同的风格背景;

 

演示地址:https://www.ximi.me/

切换方法:点页面底部  对应链接 即可

演示效果如下:

风格一:

风格二:

参考代码1:

<?php
//这是根目录文件
session_start();

// 如果 URL 中有 `theme` 参数,则设置主题,并将其存入 session
if (isset($_GET['theme'])) {
    $_SESSION['theme'] = $_GET['theme'];
}

// 从 session 中获取主题,默认为 'book'
$theme = isset($_SESSION['theme']) ? $_SESSION['theme'] : 'book';

// 引入当前主题的 about.php 文件
include("themes/$theme/index.php");
?>

参考代码2:

<!-- 这个代码放在模板目录内,前台页面必须引用此代码,例如页眉页脚 -->
<!-- footer.php -->
<footer>
<div class="footer">
<p>© 2024  [ <a href="https://www.ximi.me" target="_blank" rel="noopener noreferrer">ximi</a>  ]  All  Rights  Reserved .</p> 
<p>
 <a href="#" onclick="switchTheme('book')" title="切换到 Book 主题">主题1</a>&ensp;|&ensp;
 <a href="#" onclick="switchTheme('book1')" title="切换到 Book 主题无图模式">无图1</a>&ensp;|&ensp;
 <a href="#" onclick="switchTheme('default')" title="切换到 default主题">主题2</a>&ensp;|&ensp;
 <a href="#" onclick="switchTheme('default1')" title="切换到 default主题无图模式">无图2</a>
</p>   

 </div> 
</footer>
<script>
function switchTheme(theme) {
    location.href = '?theme=' + theme;
}
</script>

</body>
</html>
上传的附件:
米表:3cm.me
已有评论 (6)
提示:您必须 登录 才能查看此内容。
创建新帖
广告推广点击空位自助购买