分类 HTML 下的文章

木灵鱼儿 3年前 HTML

复活了一个可视化频谱

昨晚突发奇想，想在网页上做一个频谱背景图，可是找了半天，这块区域好像资源匮乏，只找到一个，还是2年前的一个项目，开源在github上，也没更新了。 github地址：Azusa 官方的demo有问题，因为three.js已经更新很多代了，个人测试找到一个能用的旧版本，用法就用了官方提供的umd这种传统方式，能用，也就是仅仅能用吧，有兴趣可以了解下。 <div id="bg" style="height:100vh;"></div> <canvas id="app" style="position: fixed;top: 0;left: 0;right:...

2322 0 0

可视化频谱

帮群友写了个落地页

木灵鱼儿 3年前 HTML

帮群友写了个落地页

帮群友写了个落地页参考了下某框架里面的主题落地页，花了几个小时做出来了，满意，虽然可能赶时间，class的命名有点怪怪的，哈哈哈。。。

2238 0 0

落地页

flex弹性布局和grid格子布局常用5种布局结构

木灵鱼儿 3年前 HTML·CSS

flex弹性布局和grid格子布局常用5种布局结构

flex弹性布局 flex第一种基本布局 header会占据除去footer的所有高度，footer高度可以自己设置，默认是占满的。 <div id="layout"> <div class="one">header</div> <div class="two">footer</div> </div> html,body { height: 100%; margin: 0; padding: 0; } #layout { height: 100%; color: #fff; ...

3472 0 0

flex弹性布局 grid格子布局 5种布局结构

仿写了一个angular落地页

木灵鱼儿 3年前 HTML

仿写了一个angular落地页

最近看了angular的官网，感觉还阔以，以前一直想做一个这种页面，这次我logo材料也凑齐了，对侧边栏的一些问题也搞定了，b4也学了，jq也会了，完事具备只欠东风，说干就干预览图 demo demo 最重要的一点是明白了怎么搞定手机端浏览器底部工具条的问题，这玩意特别让人头疼。

2418 0 0

angular落地页

html class="no-js"

木灵鱼儿 3年前 HTML

html class="no-js"

这个class是需要配合一个js文件才有效果，主要就是检查浏览器是否支持css3和html5的特性，通过js的一些操作，减少不同浏览器之前的差异。配合modernizr.js文件，该文件需要在head标签中引用。 modernizr官网引用后给html标签加上class <html class="no-js"> 当然，我没有去测试这个东西，只是作为一个知识去了解一下，因为typecho的官方默认主题就用了这个class，但是他没有对应的效果，也没有引入modernizr，而是使用html5shiv，加上我写主题，本着懂的地方我就可以动，不懂就不动的做法，这个class一直...

2119 0 0

no-js

html lang中文的最新标准

木灵鱼儿 3年前 HTML

html lang中文的最新标准

通过lang属性可以告诉浏览器，这是一个什么语言的界面，像网页的那些自动翻页工具，也会通过检测lang的属性来判断当前页面是什么语言。那么，这么多年了，lang的中文属性是否有变动呢？答案是有的，这里我就简单说一下一般设置为什么值才表示这个网页是中文简体。兼容性写法： <html lang="zh-CN"> 最新写法 <html lang="zh-Hans-CN"> 表示：中国大陆的简体中文

2846 0 0

lang

html的嵌套错误

木灵鱼儿 4年前 HTML

html的嵌套错误

学html的时候根本没有人讲过关于的嵌套的问题，我一直都是自由组合随便搭配，怎么方便怎么来，但是实际上html是有一些嵌套的规定的，具体我暂时并没有去深入了解，主要是我今天使用js的时候发现明明spen元素里面有p元素，就是无法获取到，具体代码如下： <p id="er"> <span id="ps">span</span> <span class="td"><i>sad</i>span</span> <span>span <p>sda</p>&...

2814 0 0

嵌套错误

为博客文章加上标签

木灵鱼儿 4年前 HTML·CSS

为博客文章加上标签

突然想给博客加个标签，然后说干就干，反正挺简单的，然后效果还不错，美滋滋........

2414 0 0

反正博客标签

什么是上下文节点？？？

木灵鱼儿 4年前 HTML·CSS·JavaScript

什么是上下文节点？？？

学html+css的时候有在书上看到过上下文节点，但是也没详细说明，看视频的时候也有人说过，但是也是一笔带过，也没在意，今天学XPath的时候就有关于上下文节点有一个说明，但是只说了一点，没啥详细，所以自己百度了下，如下：代码： <html> <body> <a id = '1'>文本节点1</a> <a id = '2'>文本节点2</a> <a id = '3'>文本节点3</a> </body> </html>...

2384 0 0

代码 html 文本

YoDu魔改版主题v3.1更新（修复bug）

木灵鱼儿 5年前 HTML·CSS

YoDu魔改版主题v3.1更新（修复bug）

YoDu魔改版主题v3.1更新：修复了长代码在小分辨率下无法换行问题。针对表格代码做了样式调整。回复可见代码微调。修复了footer元素由于启用了css3的弹性布局，导致tim使用软件内浏览时，其内核过旧不能支持，特重新调整，改为css2特性，取消了footer的背景渐变。字体大小调整。

2715 0 0

主题样式大小

修改Typecho个人设置页面的gravatar头像分辨率

木灵鱼儿 5年前 HTML

修改Typecho个人设置页面的gravatar头像分辨率

因为找了一个个人非常喜欢的头像，美滋滋...提交到gravatar后，默认获取的是220分辨率的头像，压缩的不能看，加上在群里的“月宅”说可以通过头像链接后面的数字修改后就可以获得高清的了，我一想，好了，既然是通过这个获取的，那么博客本身肯定是有预先设置的，于是我就找啊找，终于找到了。 [hide] 修改的文件路径在：你安装的博客的目录中--admin--profile.php--有一个地方写着数字220，具体位置可以自己通过查看源代码进行对比！下图我也给你标出来了，改成你想要的分辨率，前提你在gravatar中提交的图片够清晰。 [/hide] 修改好后保存，然后刷新缓存，享受！

1.5w 0 35

gravatar头像分辨率

Phurl短网址生成美化版

木灵鱼儿 5年前 HTML

Phurl短网址生成美化版

在泽泽群有人找我美化一下一个短网址生成的程序，前两天我在改键盘，没来得及弄，昨天搞了一下，感觉还可以，就是nginx环境需要加伪静态才能使用，但是我个人还没到自己写伪静态的地步，所以用了很老的一个伪静态了，这就导致了进入后台时需要写完整的路径名了，这个我们待会再讲。先来点图看看效果：展示网址：点击进入安装方法：将目录内的config.php用编辑器打开，对应填好相对应的账号密码，域名这些就行，具体我都在文件内用中文说明，自行设置好就行将目录内的favicon.ico替换成自己的logo文件，格式名称一致。然后整个上传至服务器内，在面板内设置好网站的一些设置，这些...

3208 0 2

Phurl 短网址生成网址压缩

两栏自适应布局

木灵鱼儿 5年前 HTML·CSS

两栏自适应布局

两栏自适应布局，顾名思义就是当左边的高度高于右边时，右边会自动补全至其等同于左侧的高度！示意图方法有三种，按原理来算应该只能算两种，为此我们慢慢道来：第一种：margin控制外部大小的方式 HTML代码： <div class="div1"> <div class="left"> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> ...

2633 0 0

代码 css table-cell

这次把主题升级了下，然后哭着改完CSS（多列布局属性）

木灵鱼儿 5年前 HTML·CSS

这次把主题升级了下，然后哭着改完CSS（多列布局属性）

距离自己上次魔改主题也过去了一段时间，说实话我差不多把自己改的地方都忘了，然后这次脑子一抽就更新了，然后就是666..... 从凌晨2点左右就在搞了，各种更新调试，只能怪自己不熟练，找了好多地方调整，然后本来如果是直接在原来的css的属性上改会比较省事，但是发现以后要是再更新，那我不得想死，于是又单独开了一列，用了超多!important属性，然后呕心沥血的改好了，防止自己作死删了修改好的源文件，直接贴上大部分的CSS吧！又需要也可以自己粘贴使用哈哈，不过仅限于YoUDu这个主题。说下心得：本来我是想着既然css3出了一个多列布局的属性，那么不用白不用，就来体验下，发现，这个属性最...

2400 0 0

多列布局 column 魔改

meta标签的使用

木灵鱼儿 5年前 HTML

meta标签的使用

印象中的meta标签一直是，指定字符编码，然后就不知道干嘛了，看了一些网站，发现他们的meta标签很丰富。比如: meta name="keywords" content="XXXX"; meta name="description" content="XXXX"; meta name="robots" content="all"; meta name="author" content="XXXX"; 等等，非常多，也不知道干啥的，网上找了一个还算详细的解释，有兴趣可以看看：原文链接：进入 meta标签的组成：meta标签共有两个...

2781 0 0

meta meta标签 charset

用自定义按钮制作一个（提示/警告）弹窗

木灵鱼儿 5年前 HTML

用自定义按钮制作一个（提示/警告）弹窗

标签：buttion 属性值：onclick="alert('提示或者警告的内容'）" 解释： oncilck: 鼠标点击 alert: 警告提示详细代码： <bottion type="buttion" onclick="alert('错误')">点我</buttion>

2830 0 0

html bottion alert

html两种插入音乐的方法

木灵鱼儿 6年前 HTML

html两种插入音乐的方法

bgsound <bgsound src="XXXX&period;mp3" loop="-1">&NewLine;&NewLine;&num;&num; embed&NewLine;&NewLine;<embed src="XXX&period;mp3" loop="-1" autostart="true" height="120" width="360...

2288 0 0

宽度 height 代码

分类：HTML

复活了一个可视化频谱

帮群友写了个落地页

flex弹性布局和grid格子布局常用5种布局结构

仿写了一个angular落地页

html class="no-js"

html lang中文的最新标准

html的嵌套错误

为博客文章加上标签

什么是上下文节点？？？

YoDu魔改版主题v3.1更新（修复bug）

修改Typecho个人设置页面的gravatar头像分辨率

Phurl短网址生成美化版

两栏自适应布局

这次把主题升级了下，然后哭着改完CSS（多列布局属性）

meta标签的使用

用自定义按钮制作一个（提示/警告）弹窗

html两种插入音乐的方法

最近评论

博客文章RSS订阅

博客评论RSS订阅

登录

分类：HTML

复活了一个可视化频谱

帮群友写了个落地页

flex弹性布局和grid格子布局常用5种布局结构

仿写了一个angular落地页

html class="no-js"

html lang中文的最新标准

html的嵌套错误

为博客文章加上标签

什么是上下文节点？？？

YoDu魔改版主题v3.1更新 （修复bug）

修改Typecho个人设置页面的gravatar头像分辨率

Phurl短网址生成美化版

两栏自适应布局

这次把主题升级了下，然后哭着改完CSS（多列布局属性）

meta标签的使用

用自定义按钮制作一个（提示/警告）弹窗

html两种插入音乐的方法

最近评论

博客文章RSS订阅

博客评论RSS订阅

YoDu魔改版主题v3.1更新（修复bug）