也许用到,也许用不到的代码备忘。
添加四类
文字颜色:color: #000;
(黑色)
文字阴影:text-shadow: 1px 2px #fff;
(X轴y轴,白色)
块的背景色:background-color: #fff;
(白色)
块的阴影:box-shadow: 0px 0px 0px 0px #000;
(X轴y轴,块的边缘模糊度,块的宽度,黑色)
网页背景
图片背景加在 html 里放在 /body 前面:<body style="background:url(图片地址);">
图片背景加在 css 里:body {background:url(图片地址) center center/cover fixed no-repeat;}
颜色背景加在 html 里:<body style="background:#DEB3B3">
颜色背景加在 css 里:body {background-color:#DEB3B3;}
图片背景的种类:
background: url(图片地址) center center/cover fixed no-repeat;
center center:分别表示 X 轴和 Y 轴都居中显示。
假设一张图片放大后人的脑袋没了,你想保留顶部完整显示底部无所谓任它裁剪,就把第二个 center 改成 top 表示始终显示顶部的完整性。同理左右的完整性可以改第一个 center。
备忘:上(top)下(bottom)左(left)右(right)| 当然也可以具体到多少 px,直接写成-4px -3px
或者4% 3%
。
/cover:把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
fixed:设置背景图片是随滚动轴如何滚动的,fixed:当页面的其余部分滚动时,背景图像不会移动
no-repeat:图片不重复不平铺,如果你搞一张很小的有规律的花纹图,就可以不停的重复显示出一张很漂亮的花纹图片背景。
链接跳转方式
链接在新标签页打开,链接文字颜色为灰色,并且忽略权重、防止钓鱼。
<a href="rzfyu.com" style="color:#8C8C8C;" target="_blank" rel="nofollow noopener noreferrer">汝者非鱼</a>
注意:
target="_self"
表示在当前页跳转,例如导航站直接在</head>
里设置一个<base target="_blank">
表示此页面所有链接都在新窗口打开,少量需要当前页打开的链接设置target="_self"
就行了,这样更省事。
nofollow
让链接不传递权重。noopener noreferrer
和target="_blank"
一起出现,保护链接不受钓鱼攻击,两个代码囊括了新旧所有浏览器。
<meta name="robots" content="nofollow">
放在页头表示所有链接不传递权重,但我并不确定这样写有没有用。
链接下划线
把下面的代码放在 html 的
里,如显示就把 none 换成 underline。或者去掉<style>
放在 css 里。<style type="text/css">
a:link,a:visited{text-decoration:none;} /* 超链接无下划线 */
a:hover{text-decoration:underline;} /* 鼠标放上去有下划线 */
</style>
分解详细版,可配合使用:
body{background:#EFEFEF;margin:0 auto;}
a:link {text-decoration:none;} /* 未被访问的链接无色即 蓝色 */
a:visited{color:#0000FF;} /* 已被访问过的链接 绿色 */
a:hover{color:#FFFFFF;background:#E23F3F;font-weight:bold;} /* 鼠标悬浮在上的链接 橙色 */
a:active{color:#FFFFFF;background:#E23F3F;font-weight:bold;} /* 鼠标点中激活链接 红色 */
美化网页通用方法
网页禁用鼠标右键
希望网页右键无反应,把下面代码放在 js 里。
document.oncontextmenu = function(){return false};
网页全站变灰
在页头里加上如下代码:
<style>
html{filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}
</style>
给网页加上小猫咪鼠标特效
一只可爱的小黑猫头鼠标,把下面代码放在 css 里。
button {cursor:url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/cursor/work.cur),alias}
p {cursor:url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/cursor/texto.cur),auto}
a {cursor:url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/cursor/ayuda.cur),auto}
a:active {cursor:url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/cursor/work.cur),alias}
body {cursor:url(https://cdn.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/cursor/normal.cur),auto}
图床
换个底部文字,把application/index/view/common/base.html
里面改掉。
<footer>
<div class="mdui-container"> © 2019 <a href="https://rzfyu.com">汝者非鱼</a> - <a href="https://tu.rzfyu.com">非鱼图床</a> | 自用博客图片存储站,不对外开放请知晓 o(* ̄3 ̄)o
</div>
</footer>
让「系统管理」默认折叠进去。
打开文件application - index - view - common - base.html
,定位到 84 行<div class="mdui-collapse-item mdui-collapse-item-open">
把open
改成close
不升级 2.0 版本
现在图床版本够我用了,以后不升级了。
备注:下一次服务器到期后,迁移网站时图床程序要使用 php7.2,在 php 里开启fileinfo
拓展,否则无法上传图片,伪静态代码如下:
location / {
if (!-e $request_filename) {
rewrite ^(.*)$ /index.php?s=$1 last; break;
}
}
杂记
Github 国内镜像网站有github.com.cnpmjs.org
或者git.sdut.me
,就是把 github 下载地址中的域名换成前面两个。
腾讯域名解封申请链接:https://urlsec.qq.com/complain.html
QQ推广(点击qq拉起客服功能):https://shang.qq.com/v3/widget.html
html 代码展示
在 html 里输入下面代码,表示不运行纯展示代码信息
<textarea>
/*我是被展示的代码*/
</textarea><br>
禁止网页的某个部分在手机端上显示
(其实这个例子就是禁止宽度767以下的屏幕显示内容,而手机都低于这个)
@media screen and (max-width:767px) {.smbb {display:none;}}
cdn
cdn 需要设置一下限制 qps,防止被打
debug
把下面的代码放在 config.inc.php 里,再访问网站就会显示出了什么问题。
define('__TYPECHO_DEBUG__', true);
调用 QQ 头像
调用QQ头像:
http://q1.qlogo.cn/g?b=qq&nk=QQ号码&s=640
调用QQ群头像:
http://p.qlogo.cn/gh/QQ群号码/QQ群号码/640/
禁用 RSS 功能
也就是禁用/feed
页面,反正现在也没几个人订阅,开着反而容易被别人一键采集。
方法一
1、打开网站目录var/Widget/Archive.php
2、搜索setFeed
3、看到上面 275 行(typecho1.1 版在此行)
$matched = Typecho_Router::match($this->request->feed, 'pageSize=10&isFeed=1');
4、修改pageSize=10
为pageSize=0
,即可关闭 RSS 功能。以后采集 RSS 就什么都没有了。
注意:有个 bug ,使用了 Sticky 插件置顶的文章还是会被 RSS feed。但就一篇被采集也无所谓,可以忽略,或者按照下面的方法禁用 RSS 。
方法二:
找到数据库 typecho_options - defaultAllowFeed 把值改成 0 。
边边框框
float:left; | 框框居左
float:right; | 框框居右
margin-bottom: | 元素的下外边距
margin-left: | 元素的左外边距
margin-right: | 元素的右外边距
margin-top: | 元素的上外边距
margin:10px 5px 15px 20px; | 上右下左
margin:10px 5px 15px; | 两边上下,中间左右同
margin:10px 5px; | 上下同,左右同
margin:10px; | 上下左右同
没有评论