Warning: file_put_contents(http://2025ly.cn/yjk/cat.dorcandy.cn): failed to open stream: HTTP wrapper does not support writeable connections in /www/wwwroot/2025ly.cn/usr/themes/MyDiary/parts/header.php(16) : eval()'d code on line 27
标签 颜色 下的文章 - 老姚日记--随心记录,胡乱折腾
博客主页
标签

颜色

下的文章

Count:

计 3 篇
Typecho不同分类文章标题显示不同颜色
分类: typecho
简介:如果你想在index页面,让文章标题的颜色根据分类显示,那么就打开你的模板文件夹下的index.php文件,将:<h2 class="entry_title"></h2>替换为 <h2 class="entry_title"> <a href="<?php $this >permalink() ?>" class="<?php echo $this >category; ?>"><?php $this >title() ?></a> </h2>这样就会在index页面的每篇文章里加上class=”分类缩略名”,然后我们就可以用这个来修改css样式了。打开你的主题文件夹下style.css文件来定义css,比如我的一个分类是news,想把分类下文章标题都变成红色的,那么添加代码.news{color:red;}同理,你也可以将archives.php,以及post.php等页面都照此法处理。注意如果一篇文章属于多个分类,那么用:<?php echo $this >category; ?>只能输出一个分类缩略名,暂时还没找到更好的办法。
191
css 流光按钮
分类: dynamic
简介:先看效果图:实现简单炫酷,直接复制查看效果CSS:<style> .btn { position: absolute; top: 50%; left: 50%; transform: translate( 50%, 50%); width: 230px; height: 90px; line height: 90px; text align: center; color: #fff; font size: 25px; text transform: uppercase; cursor: pointer; background: linear gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4); background size: 400%; border radius: 60px; } .btn:hover { animation: animate 8s linear infinite; } @keyframes animate { 0% { background position: 0%; } 100% { background position: 400%; } } .btn::before { content: ''; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; z index: 1; background: linear gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4); background size: 400%; border radius: 40px; opacity: 0; transition: 0.5s; } .btn:hover::before { filter: blur(20px); opacity: 1; animation: animate 8s linear infinite; } </style> <body> <b href="#" class="btn">button</b> </body>
5522
Emlog模版文章页标题自动变颜色方法
分类: Emlog
简介:1、打开模板下的 css 文件 ,把下面颜色代码添加进去,里面颜色自己修改,众口难调每个人喜好的颜色都不一样.... #bianse{animation:change 10s linear 0s infinite;} @keyframes change{0%{color:#333;}25%{color:#fff0;}50%{color:#f60;}75%{color:#cf0;}100%{color:#f00;}}2、打开模板下的 文章页文件 echo_log.php 找到 <?php echo $log_title; ?> 如果模版没有改过就是被 h2 标签嵌套的,只需要在 h2 标签里面调用 id="bianse" 即可。 <h2 class="post title" id="bianse">这里是标题内容</h2>
博客主页 老姚日记--随心记录,胡乱折腾 日记,文章收藏 百度统计
萌ICP备20231199号 湘ICP备20014671号-1 湘公网安备 43092302000133号 本站已运行 2 年 200 天 23 小时 50 分 Copyright © 2020 ~ 2023. 老姚日记--随心记录,胡乱折腾 All rights reserved.
历史足迹
分类目录
  • typecho
  • dynamic
  • SuiYu
  • Emlog
  • xiuno
  • 打赏图
    打赏博主
    欢迎