首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

友链通讯录卡片

实现友链通讯录 点击查看参考教程 参考方向 教程原贴 参考了折叠框的语法 HTML 标签 参考了PC版腾讯QQ的通讯录样式 腾讯QQ界面 店长的碎碎念 感觉好久好久没有写友链魔改和魔改的教程了...然后我这次写的时候发现,我本地的widget文件夹里居然就剩下SAO相关的卡片pug文件了。看来我插件化的还是很勤快的嘛。...然后就是这次还久违的拿友链进行试做,想到整通讯录也是因为新版的友链页面我打算弄成点击在主页面显示对应人员的角色属性卡片,对,依然是SAO风格的那种。...我之前这么做,导致我在运行gulp时压缩html时直接内存溢出。...siteshot: https://npm.elemecdn.com/akilar-friends@latest/siteshot/zfe.space.jpg TO DO 仿照QQ样式添加友链卡片

39650

纯CSS实现卡片显隐

Butterfly的手机端fixed定位布局魔改方案,抛开被洪哥忽悠而起的这么长的标题不谈,在这篇中是通过编写一个手机端fixed定位的样式,并通过js监测到对应的点击动作后,给相应的卡片添加上这个样式...而css的逻辑更加直白,比如点了一个就关了已经打开的另一个,在处理这种互斥性很强的逻辑时,通过input标签中的radio单选框来实现无疑会是一个很省心的方案。...首先,我们要给卡片添加一下锚点。...注意下面只是其中一个示例,建议是每个都按这格式一遍。当然目录卡片card-toc和两个自定义卡片card_top_self、card_bottom_self不用。...,才启用卡片显隐按钮。

83620

html导航可以展开的下拉菜单,html导航下拉菜单如何制作

html导航下拉菜单如何制作 发布时间:2020-09-26 15:29:13 来源:亿速云 阅读:88 作者:小新 小编给大家分享一下html导航下拉菜单如何制作,希望大家阅读完这篇文章后大所收获...我们要说的是html导航下拉菜单的制作,先看一个完整的实例代码: .dropdown { position: relative; display: inline-block; } .dropdown-content...html导航菜单实例解析: html导航菜单的HTML部分: 我们可以使用任何的HTML元素来打开下拉菜单,如:,或a元素。...html导航菜单的CSS部分: .dropdown类使用position:relative,这将设置下拉菜单的内容放置在下拉按钮(使用position:absolute)的右下角位置。...看完了这篇文章,相信你对html导航下拉菜单如何制作有了一定的了解,想了解更多相关知识,欢迎关注亿速云行业资讯频道,感谢各位的阅读!

8.4K20

zblogphp跟随代码教程,看了就会。

但是本站新增了的跟随效果,源自卢松松博客,我不写代码,我只是代码的搬运工,哈哈。说真的这个很好用,无论是从用户操作体验还是增加本站的浏览都有很好的推动作用,尤其是放联盟广告,嘿嘿你懂得。。。...在HTML需要加入跟随的地方添加下面代码: 需要跟随的代码或者联盟广告代码。... 网站主题css代码:其中的widtu:250px,是指跟随之后的宽度,这个可以自定义,根据宽度修改。...:absolute;top:0px;z-index:250;} JS代码,可单独写在一个文件里面,然后调用又或者写在HTML的之前。...//跟随(function(){ var oDiv=document.getElementById("float"); var H=0,iE6; var Y=oDiv; while

57310

蓝白免费双Typecho主题 自定义适合日志

且在有网友提到是需要加入个人LOGO,这样显得个人日志一些。毕竟对于Typecho主题还是偏向个人日志使用的。 以上是这款主题的演示效果图。...themes/LaoBuLuo-TP-Third.zip 2、主题更新进度 # V1.0 完成基础的Typecho主题功能,支持SEO设置首页标题和描述 自定义网站LOGO图标 可以开启最新文章、文章归档 设置作者信息...(一句话介绍) # V1.1 修复标签调用错误 修复文章时间和分类调用标签错误 第二、常见问题解读 1、主题如何安装 下载压缩包然后将解压后丢至themes目录中,然后在【控制台】-【外观】启动对应的主题...可以设置首页关键字、描述,以及开启

44930
领券