homeassistant 美化

2024-08-30

Home Assistant系列美化篇——替换天气 UI

替换天气组件 weather 的默认 UI,生成美观大方的气象卡片. Home Assistant 原生的天气平台不少,国内用户常用的有雅虎天气和 Darksky.其他论坛和社区也有分享自制的和风.彩云天气等. 依托国内天气服务商的组件优点自然是数据比较丰富,但前提是找服务商获取了 API.不过 API 的获取现在越来越难了,少不了隐私信息的提供,当然也可以通过抓包获取公共 API,但是持续有效性存疑.其实原生的天气平台本身信息并不少,数据出入不大,基本无需 API,即使需要流程也很简单. 原生

Linux 桌面美化那点事儿

各个 Linux 桌面发行版刚拿到手的时候,或多或少都有点儿不满意,对它们进行一些改造是必须的.网上不乏各种 Linux 桌面美化的教程和经验贴,对我们这些 Linux 爱好者来说都是很好的参考资料.进行桌面美化之前,请谨记以下几点: 1.桌面美化是一个仁者见仁.智者见智的事.有可能你认为很美的界面,别人认为土得掉渣:有可能你认为很炫的特效,别人认为华而不实.就拿我来说,我就不喜欢桌面小部件,不管是在电脑上还是在手机上.所以我的电脑桌面总是光秃秃,除了背景图片啥都没有.但是我喜欢将控制台窗口半透

Django admin美化插件suit应用[原创]

前言由于比较懒,自己弄了一个用户验证,没有自己写后台,用了django自带的user认证,并通过admin直接进行管理,但默认的admin并不漂亮,于是使用了这个django-suit插件,效果对比一下. 我用的是django-1.9.9它的admin是这样的.老版本的django admin长的更丑. 使用了suit之后的admin是这样的. 清凉了很多吧,现在开始搞它. 基础环境我的环境 python: 2.7.10 django: 1.9.9 安装 pip install django

网站美化常见CSS

伴随网络时代日新月异的发展,用户不仅仅满足于软件系统的功能需求,对软件系统的页面显示效果以及交互模式的要求也逐渐提高.尤其是展示性质的平台页面对于界面美化效果要求更高,有一句话说的好:Html是结构,CSS是装饰,JS是胶水(动态设定CSS).今天我们来介绍一些网站美化常见的CSS样式以及处理手法. 1 基础教程 1.1 基础语法选择器选择器通常为需要改变样式的元素: 1) 元素选择器 :例如:html {color:red;} 说明:将html设置为红色 2) 类选择器:例如:.ul .

console 输出信息美化

不久前在一些前端的网站上看到的效果,以前觉得console只是拿来做做调试,不过现在看到别人网站的console美化效果,这个还可以作为一种网站个性来显示的.. 以%c开头,后面的文字就打印的信息,后面一个参数就是样式属性:可以尝试多个样式,每碰到一个%c开头就会应用对应的样式: console.log("%c 第一个信息 %c 第二个信息 %c 第三个信息", "color:red","","color:orange;font-wei

Jquery制作--美化下拉框

平常我们用的原生select下拉框,大部分样式没办法修改,导致在不同的浏览器里面会跟设计图的风格大相径庭.所以为了能让它美化起来,就用JQ模拟了一个下拉框,可以随意定义样式.原生的下拉框也保留在div里面隐藏着,方便后台开发人员对其进行操作.效果图如下: HTML代码如下: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <tit

KRPano资源分析工具使用说明（KRPano XML/JS解密切片图批量下载球面图还原加密混淆JS还原美化）

软件交流群:571171251(软件免费版本在群内提供) krpano技术交流群:551278936(软件免费版本在群内提供) 最新博客地址:blog.turenlong.com 限时下载地址:http://pan.baidu.com/s/1kVRW9AR 版本更新历史 1.2.0(2017.1.4) 1.新增:预览功能,krpano项目/普通网页可以无需打开服务器直接在工具中浏览2.新增:输入框中增加了右键菜单"粘贴"3.新增:krpano项目强力加密功能4.修正:解密时无法获取到k

select样式美化（简单实用）

美化select,可以实用一个a标签将select嵌套进去,然后将<a>相对定位,在将select绝对定位,美化<a>即可文件下载链接:https://i.cnblogs.com/Files.aspx 下面的select美化.zip. <!DOCTYPE> <html> <head> <script type="text/javascript" src="jquery.js"></s

html+css上传文件控件美化

html上传美化: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>上传文件</title> <style> label { position: relative; display: inline-block; background: #D0EEFF; border: 1px solid #9

JSON对象格式美化

JSON.stringify(obh, null, "\t"); 这段代码就可以对某个js对象美化输出

TAQSkinScrollBar 类美化滚动条再讨论

再说:TAQSkinScrollBar 类美化滚动条,http://www.138soft.com/?p=156 里面有人提到不可以滚动滚动的改善方法: unit AQSkinScrollBar; (* 说明:本单元提取自TdsaSkinAdapter控件,版权归原作者所有. 提取:www.138soft.com *) {$R Scroll.RES} interface uses ComCtrls, Windows, Messages, SysUtils, Classes, Graphics

C# winform 界面美化技巧（扁平化设计）

关于C#界面美化的一些小技巧在不使用第三方控件如 IrisSkin 的前提下,依然可以对winform做出让人眼前一亮的美化首先,我们先来实现主界面的扁平化此处分为两个步骤,第一步是更改winform自带的MainForm窗体属性,第二步是添加窗体事件. 将主窗体FormBorderStyle更改为None,这样就得到了一个无边框的窗体(winform自带边框太丑..) 调节背景色,建议找到自己喜欢的颜色,然后使用取色器(我用的是按键精灵自带的取色板)取得想要的RGB参数,输入到BackC

input框focus时的美化效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>input框的focus美化效果</title> <link href="lt.css" rel="stylesheet" type="text/css"/> <style>

Android自定义Dialog(美化界面)

前言:在做项目的时候,发现dialog界面太丑陋,从csdn上下载了一份自定义dialog的源码,在他的基础上对界面进行美化...有需要的朋友可以直接拿走效果图如下: 主要代码: /** * 自定义dialog * @author ansen */ public class CustomDialog extends Dialog { public CustomDialog(Context context) { super(context); } public CustomDialog(Cont

表单多文件上传样式美化 && 支持选中文件后删除相关项

开发中会经常涉及到文件上传的需求,根据业务不同的需求,有不同的文件上传情况. 有简单的单文件上传,有多文件上传,因浏览器原生的文件上传样式及功能的支持度不算太高,很多时候我们会对样式进行美化,对功能进行完善. 本文根据一个例子,对多文件的上传样式做了一些简单的美化(其实也没怎么美化..),同时支持选择文件后自定义删除相关的文件,最后再上传文章篇幅较长,先简单看看图示: 目录文件上传基础单文件上传多文件上传表单文件上传的美化选中文件后的删除界面的处理脚本的处理 FileList F

WinForm 窗体属性窗体美化

WinForm是·Net开发平台中对Windows Form的一种称谓. Windows窗体的一些重要特点如下: 功能强大:Windows窗体可用于设计窗体和可视控件,以创建丰富的基于Windows的应用程序. 操作方便:新的数据提供程序管理:数据提供程序管理提供易于连接OLEDB和ODBC数据源的数据控件,包括Microsoft SQL Server.Microsoft Access.Jet.DB2以及Oracle等. 使用安全:Windows窗体充分利用公共语言运行库的安全特性.这就意味着,

CSS3和jQuery实现的自定义美化Checkbox

效果图: 是不是比默认的好看多了,个人的审美观应该还是可以的. 当然我们可以在这里查看DEMO演示. 接下来我们一起来看看实现这款美化版Checkbox的源代码.主要思路是利用隐藏原来的checkbox和radiobox,用一个div来模拟checkbox/radiobox,并使用jQuery来完成选择切换时的动画效果. 先来看看HTML代码: <div class="wrapper"> <ul> <li> <p>Gender:</

滚动条美化实践（原生js，iscroll，nicescroll）

近期需要改造项目中的滚动条,使原滚动条在三大浏览器下表现相同,分享一下自己的改造经历: 项目中的滚动条分布在网页的各个小窗口中,使用的是-webkit-scrollbar制作,在-webkit内核的浏览器下表现非常漂亮,但是在ie和火狐下无法兼容,还是非常丑的默认样式. 原计划使用css hack打个补丁美化一下,想到ie hack以后变色的默认滚动条,觉得浑身"蓝瘦香菇".于是决定重写一下这个部分,反正以后用到的地方可以直接拿出来用. 第一次计划打算自己手写,反正逻辑挺简单的,设定个

博客代码美化(SyntaxHighlighter)

这篇博文主要讲解自己使用SyntaxHighlighter对代码进行美工中遇见的问题以及如何使用SyntaxHighlighter? 首先来看看SyntaxHighlighter对代码美工的效果吧! 2015年8月23日以前贪玩小神个人博客代码效果如下: function helloSyntaxHighlighter(){return "hi!";} 使用SyntaxHighlighter美化代码效果如下: ? 1 2 3 4 5 6 function helloSyntaxHighl

jQuery下拉框扩展和美化插件Chosen

Chosen 是一个支持jquery的select下拉框美化插件,它能让丑陋的.很长的select选择框变的更好看.更方便.不仅如此,它更扩展了select,增加了自动筛选的功能.它可对列表进行分组,同时也可禁用某些选择项. 先来看下插件的效果: 下面和大家一起看下它的用法. 引入核心文件 <link rel="stylesheet" href="docsupport/style.css"> <link rel="stylesheet&q

jQuery美化下拉菜单插件dropkick

dropkick是一款基于jquery库的美化下拉框下拉菜单的插件,它通过定制HTML插入可使丑陋无聊的<select>下拉列表变得美丽. name属性是唯一一个必需的填写的,不过你也应该设定一个tabindex属性来设定导航菜单的排序. 在dropkick选择一个选项时,亦会触发事件,这意味着您的表单.AJAX工作和传统的一样,无需进行任何更改. 如本款不合适,请看下本站另一款jQuery下拉框能扩展和美化插件Chosen 特点 1.像一个下拉框一样工作 2.支持键盘:可通回车,上下方向健来

homeassistant 美化

热门专题