Design
-
欢迎使用本站积分系统！积分是本站的虚拟货币，可以用来解锁付费内容、购买资源、以及转赠给其他会员。本文将详细介绍积分的所有获取方式与消耗方式。 一、如何获得积分1. 注册奖励只要你完成账户注册并通过验证，系统就会自动发放一笔注册欢迎积分。这是你在本站获得的第一笔积分，开门红！ 2. 每日签到每天登录后前往签到页面完成签到，即可随机获得一定数量的积分。每天只能签到一次，坚持每天签到积累更多积分！ 3. 发帖/发布内容每当你在论坛发布新帖子、写新文章、上传图片等内容时，系统会自动奖励你一定数量的积分。内容创作越多，积分越多。（管理员可设置每日发帖奖励上限） 4. 回复/评论每次回复他人帖子或发表评论，也可以获得积分奖励。积极参与讨论，既能帮助他人，又能积累积分！（管理员可设置每日回复奖励上限） 5. 内容被点赞当其他会员对你发布的内容点赞时，你将自动获得积分奖励。内容质量越高、获得的点赞越多，赚取的积分也就越多。注意：自己给自己点赞不会获得奖励，且每日有获奖上限。 6. 出售付费资源如果你在资源下载区上传了付费文件，每当有人购买你的文件，你将自动获得销售分成（平台会保留一小部分作为手续费）。上传优质资源，持续被动收入！ 7. 充值购买积分你可以通过站内充值中心直接购买积分套餐。部分套餐在基础积分之外还会额外赠送bonus积分，购买越多越划算。 8. 消费返积分在本站商城消费真实货币时，可按一定比例换算获得积分返还（是否开启以管理员设置为准）。 9. 其他会员转账其他会员可以直接将积分转给你，转账到账的积分会实时更新到你的余额中。 10. 管理员…
-
- 0 replies
- 181 views
-
-
在模板主题编辑器-自定义CSS 里 填写以下代码并保存： .ipsBox, .ipsWidget, .ipsWidget_inner { border: none !important; box-shadow: 0 1px 4px rgba(0,0,0,.12) !important; }阴影部分可以调整 12 数值大小 达到你想要的阴影效果。
-
- 1 reply
- 113 views
-
-
一、这玩意儿到底是什么？一句话说明白：OpenClaw 就是你自己养的 AI 助理，装在你自己电脑上，然后你在 Telegram / WhatsApp / Discord 这些本来就在用的 App 里跟它说话。 有多火？GitHub 上已经 32 万颗星 ⭐——很多红了十几年的老项目都没这个数，它才出来几个月。 跟普通 ChatGPT 网页版有啥区别？举个例子： ChatGPT 网页：打开浏览器 → 登录账号 → 聊完关掉 OpenClaw：直接在 Telegram 里发一句「帮我查今天深圳天气」，秒回，就像手机里住了一个助理 它能干啥： 🤖 支持几乎所有主流 AI 模型，随时切换 OpenAI 系列：GPT-4o、GPT-4o mini、GPT-5、o3、o4-mini、Codex……有什么用什么 Anthropic Claude 系列：Claude Opus、Sonnet、Haiku，推理能力很强 Google Gemini 系列：Gemini 2.5 Pro / Flash 本地模型（白嫖党）：接 Ollama 跑 Llama、Mistral、Qwen（通义千问）等开源模型，完全不花钱 其它：Mistral、DeepSeek、Groq 等都能接，支持多个 Key 轮换 + 自动容灾切换 一个助理，同时管多个模型账号，哪个回答得好就用哪个，还能一键切换，不用分别打开 N 个网页。 💬 在你本来就在用的 App 里聊，不用学新东西 Telegram、Discord、WhatsApp、飞书、LINE、Signal、iMessage……共 …
-
- 0 replies
- 142 views
-
-
从零开始，小白也能轻松搭建属于自己的私有云！ 📦 当前最新版本：v5.2.0（2026-03-09 正式发布）｜ 官网：opencloud.eu ｜ GitHub：opencloud-eu/opencloud（⭐ 5k+） 📖 一、什么是 OpenCloud？OpenCloud 是目前 GitHub 上最火的开源私有云平台之一，由德国老牌开源公司 Heinlein Group 开发。类比就是"你自己搭建的百度网盘/iCloud"，但数据完全在你自己服务器上，无需担心隐私泄露。 主要功能一览： 📁 文件存储、同步、分享（支持链接分享、权限管理） ✍️ 多人在线协作编辑文档（可选配 Collabora 在线 Office） 📅 日历与联系人同步（CalDAV / CardDAV） 📱 支持 PC 客户端、手机 App、网页浏览器多端访问 🔒 数据 100% 自托管，Zero-Trust 安全架构 💰 完全开源免费，Apache 2.0 协议 🖥️ 二、系统要求最低配置（个人/小团队，1-10人）： 操作系统：Ubuntu 22.04 / Debian 12 / CentOS Stream 9 CPU：2 核心及以上 内存：2 GB RAM（推荐 4 GB） 硬盘：20 GB 系统盘 + 数据存储空间 网络：可访问互联网（下载 Docker 镜像用） 推荐配置（企业/多用户，10人以上）： CPU：4 核心 内存：8 GB RAM 硬盘：SSD，系统盘 40 GB + 独立数据盘 🚀 三、安装方式总览本教程提供两种安装方式，根据你的情况选择…
-
- 0 replies
- 111 views
-
-
系统支持：RHEL 8+, Debian 11+, Ubuntu 20.04+ 内存要求：≥128M Linux 与 Unix 关于本脚本1、一键安装 Shadowsocks-rust， Shadowsocks-libev 版（二选一）服务端； 2、各版本的启动脚本及配置文件名不再重合； 3、每次运行可安装一种版本； 4、支持以多次运行来安装多个版本，且各个版本可以共存（注意端口号需设成不同）； 5、若已安装多个版本，则卸载时也需多次运行（每次卸载一种）； 默认配置服务器端口：自己设定（如不设定，默认从 9000-19999 之间随机生成） 密码：自己设定（如不设定，默认为 teddysun.com） 加密方式：自己设定（如不设定，默认为 aes-256-gcm） 备注：脚本默认创建单用户配置文件，如需配置多用户，请手动修改相应的配置文件后重启即可。 客户端下载常规版 Windows 客户端 https://github.com/shadowsocks/shadowsocks-windows/releases ShadowsocksR 版 Windows 客户端 https://github.com/shadowsocksrr/shadowsocksr-csharp/releases 使用方法使用root用户登录，运行以下命令： wget --no-check-certificate -O shadowsocks-all.sh https://raw.githubusercontent.com/teddysun/shadowsocks_i…
-
- 0 replies
- 91 views
-
-
CSS Grid Items CSS Grid Items A grid container contains one or more grid items. All direct child elements of a grid container automatically become grid items. Below is a grid container with five grid items: 1 2 3 4 5 Try it Yourself » CSS Sizing/Spanning Grid Items A grid item can span over mulitiple columns or rows. We can specify where to start and end a grid item by using the following properties: grid-column-start - Specifies on which column-line the grid item will start grid-column-end - Specifies on which column-line the grid item will end grid-column - Shorthand property for grid-column-start and grid-column-end grid-row-start - …
-
- 0 replies
- 107 views
-
-
CSS Grid Container CSS Grid Container A grid container contains one or more grid items arranged in columns and rows. All direct child elements of a grid container automatically become grid items. An element becomes a grid container when its display property is set to grid or inline-grid. 1 2 3 4 5 Try it Yourself » Display Grid Property The <div> element becomes a grid container when its display property is set to grid or inline-grid. Example Use display: grid to make a block-level grid container: .container { display: grid; } Result: 1 2 3 4 5 Try it Yourself » Example Use display: inline-grid to make an i…
-
- 0 replies
- 99 views
-
-
CSS Text Effects CSS Text Effects CSS has some properties to handle text overflow, word wrapping, line breaking rules and writing modes. In this chapter you will learn about the following properties: text-overflow - Specifies how to handle overflowed content word-wrap - Allows long words to be able to be broken and wrap onto the next line word-break - Specifies line breaking rules writing-mode - Specifies whether lines of text are laid out horizontally or vertically CSS text-overflow Property The CSS text-overflow property specifies how overflowed content that is not displayed should be signaled to the user. It can be clipped or rendered with ellipsis …
-
- 0 replies
- 102 views
-
-
CSS Specificity CSS Specificity CSS specificity is an algorithm that determines which style declaration is ultimately applied to an element. If two or more CSS rules point to the same element, the declaration with the highest specificity will "win", and that style will be applied to the HTML element. Look at the following examples: Example Here, we have specified a red color for <p> elements. Result: The text will be red: <html> <head> <style> p {color: red;} </style> </head> <body> <p>Hello World!</p> </body> </html> Try it Yourself » Now, look at next example: Example…
-
- 0 replies
- 85 views
-
-
CSS The overflow Property The CSS overflow Property The CSS overflow property controls what happens to content that is too big to fit into an area. It specifies whether to clip the content or to add scrollbars when the content of an element is too big. The overflow property has the following values: visible - Default. The overflow is not clipped. The content renders outside the element's box hidden - The overflow is clipped, and the rest of the content is hidden scroll - Scrollbars are added. User must scroll to see all content auto - Similar to scroll, but adds scrollbars only when necessary Here, scrollbars are added on overflow: Lorem ipsum dolor sit amet, …
-
- 0 replies
- 62 views
-
-
CSS The display Property The CSS display Property The display property is an important CSS property for controlling layout. It specifies whether an HTML element is treated as a block or an inline element. Every HTML element has a default display value, depending on what type of element it is. The default display value for most elements is block or inline. The display property is used to change the default display behavior of HTML elements. Block-level Elements A block-level element ALWAYS starts on a new line and takes up the full width available (stretches out to the left and right as far as it can). The <div> element is a block-level element. Exa…
-
- 0 replies
- 66 views
-
-
CSS Browser Support Reference CSS Reference With Browser Support The table below lists all CSS properties and how each property is supported in the different browsers: The number to the right of the browser icon indicates in which browser version the property was first supported. Property Edge Firefox Chrome Safari Opera A accent-color 93 92 93 15.4 79 align-content 16 52 57 10.1 44 align-items 16 52 57 10.1 44 align-self 16 52 57 10.1 44 all 79 27 37…
-
- 0 replies
- 107 views
-
-
CSS Default Values Reference Default CSS Values for HTML Elements The table below shows the default CSS browser values for all HTML elements. Element Default CSS Value Try it a:link color: (internal value); text-decoration: underline; cursor: auto; Try it » a:visited color: (internal value); text-decoration: underline; cursor: auto; Try it » a:link:active color: (internal value); Try it » a:visited:active color: (internal value); Try it » abbr None. address display: block; font-style: italic; Try it » area display: none; article display: block; aside display: block; …
-
- 0 replies
- 103 views
-
-
CSS Legal Color Values CSS Colors Colors in CSS can be specified by the following methods: Hexadecimal colors Hexadecimal colors with transparency RGB colors RGBA colors HSL colors HSLA colors Predefined/Cross-browser color names With the currentcolor keyword Hexadecimal Colors A hexadecimal color is specified with: #RRGGBB, where the RR (red), GG (green) and BB (blue) hexadecimal integers specify the components of the color. All values must be between 00 and FF. For example, the #0000ff value is rendered as blue, because the blue component is set to its highest value (ff) and the others are set to 00. Example Define different HEX colors: …
-
- 0 replies
- 124 views
-
-
CSS Colors Color Names Supported by All Browsers All modern browsers support the following 140 color names (click on a color name, or a hex value, to view the color as the background-color along with different text colors): For a full overview of CSS colors, visit our colors tutorial. AliceBlue #F0F8FF Color Mixer Color Picker AntiqueWhite #FAEBD7 Color Mixer Color Picker Aqua #00FFFF Color Mixer Color Picker Aquamarine #7FFFD4 Color Mixer Color Picker …
-
- 0 replies
- 100 views
-
-
PX to EM Conversion PX to EM Converter Set a default font size (usually 16px) Then, convert a pixel value to em, based on the default size Or, convert an em value to pixels, based on the default size Set a default font size: px Convert PX to EM: px Convert EM to PX: em Convert Result: Body Font Size In the table below, select a body font size in pixels (px) to display a complete "px to em and percent" conversion table. Tip: The default font size is usually 16px. What is the difference between PX, EM and Percent? Pixel is a static measurement, while percent and EM are relative measurements. Percent depends on its parent font …
-
- 0 replies
- 79 views
-
-
CSS Units CSS Units CSS has several different units for expressing a length. Many CSS properties take "length" values, such as width, margin, padding, font-size, etc. Length is a number followed by a length unit, such as 10px, 2em, etc. Example Set different length values, using px (pixels): h1 { font-size: 60px; } p { font-size: 25px; line-height: 50px; } Try it Yourself » Note: A whitespace cannot appear between the number and the unit. However, if the value is 0, the unit can be omitted. For some CSS properties, negative lengths are allowed. There are two types of length units: absolute and relative. Absolute Lengths The absolute length un…
-
- 0 replies
- 100 views
-
-
CSS Animatable Definition and Usage Some CSS properties are animatable, meaning that they can be used in animations and transitions. Animatable properties can change gradually from one value to another, like size, numbers, percentage and color. Browser Support The animation properties are supported in all modern browsers. The numbers in the table specifies the first browser version that fully support CSS animations. 43 10 16 9 30 Example Animate the background-color from red to blue: @keyframes mymove { from {background-color: red;} to {background-color: blue;} } Try …
-
- 0 replies
- 100 views
-
-
CSS Web Safe Fonts Best Web Safe Fonts for HTML and CSS The following fonts are the best web safe fonts for HTML and CSS: Arial (sans-serif) Verdana (sans-serif) Tahoma (sans-serif) Trebuchet MS (sans-serif) Times New Roman (serif) Georgia (serif) Garamond (serif) Courier New (monospace) Brush Script MT (cursive) Note: Before you publish your website, always check how your fonts appear on different browsers and devices, and always use fallback fonts! Arial (sans-serif) Arial is the most widely used font for both online and printed media. Arial is also the default font in Google Docs. Arial is one of the safest web fonts, and it is availa…
-
- 0 replies
- 91 views
-
-
CSS Aural Reference Aural Style Sheets Aural style sheets use a combination of speech synthesis and sound effects to make the user listen to information, instead of reading information. Aural presentation can be used: by blind people to help users learning to read to help users who have reading problems for home entertainment in the car by print-impaired communities The aural presentation converts the document to plain text and feed this to a screen reader (a program that reads all the characters on the screen). An example of an Aural style sheet: @media aural { h1, h2, h3, h4 { voice-family: male; richness: 80; cue-before: …
-
- 0 replies
- 96 views
-
-
CSS Functions Reference CSS Functions CSS functions can be used to calculate values, manipulate strings or colors, create complex gradients and shapes, and more. CSS functions are typically used as values for various CSS properties. Function Description acos() Returns the inverse cosine of a number between -1 and 1 asin() Returns the inverse sine of a number between -1 and 1 atan() Returns the inverse tangent of a number between -∞ and ∞ atan2() Returns the inverse tangent of two values between -infinity and infinity attr() Returns the value of an attribute of the selected element …
-
- 0 replies
- 85 views
-
-
CSS At-rules Reference CSS At-rules CSS at-rules are statements that instruct CSS on how to behave. Each at-rule begins with an @ followed by a name. The table below shows the different at-rules in CSS: At-rule Description @charset Specifies the character encoding used in the style sheet @container Define styles for elements in container, depending on the container's size or style @counter-style Lets you define your own counter styles @font-face Specifies a custom font with which to display text @font-palette-values Allows you to customize the default values of a font-palette …
-
- 0 replies
- 82 views
-
-
CSS Pseudo-elements Reference CSS Pseudo-elements A CSS pseudo-element is used to style specific parts of an element. For example, it can be used to: Style the first letter or line, of an element Insert content before or after an element Style the markers of list items Style the viewbox behind a dialog box The table below shows the different pseudo-elements in CSS: Pseudo-element Example Example description ::after p::after div::after Inserts something after the content of the specified element ::backdrop dialog::backdrop Styles the viewbox behind a dialog box or popover element ::before p:…
-
- 0 replies
- 87 views
-
-
CSS Pseudo-classes Reference CSS Pseudo-classes A CSS pseudo-class is a keyword that can be added to a selector, to define a style for a special state of an element. Some common use for pseudo-classes: Style an element when a user moves the mouse over it Style visited and unvisited links differently Style an element when it gets focus Style valid/invalid/required/optional form elements Style an element that is the first child of its parent Syntax Pseudo-classes are always denoted by a single colon (:) followed by the pseudo-class name: selector:pseudo-class-name { CSS properties } The table below lists all the pseudo-class keywords in CSS: …
-
- 0 replies
- 104 views
-
-
CSS Combinators Reference CSS Combinators A combinator is a sign that explains the relationship between selectors. The table below shows the different combinators in CSS: Name Sign Example Example Result Child combinator > div > p Selects every <p> element that are direct children of a <div> element Descendant combinator (single space) div p Selects all <p> elements inside <div> elements Namespace separator | ns | h2 Selects all <h2> elements in namespace ns Next-sibling combinator + div + p Selects the first <p> eleme…
-
- 0 replies
- 105 views
-
