想给你的网页换个样子?从这里开始
不用懂代码。下面像讲故事一样,从"我想要什么"讲到"怎么拿到手"。
这个网站是一个「网页外观样板间」:你挑一套颜色、一张背景、一个页面样子,立刻看到整个网页换上去是什么效果。挑到喜欢的,再告诉做网页的人(或 AI):"就用这个"。
先认三个词
主题:一整套颜色搭配。背景:页面后面的图或动画。模板:一个现成的网页样子,比如会议页、作品集、菜单页。
第一步:挑一个你喜欢的样子
- 打开「总览」。顶部有几条会慢慢滚动的小图,每张都是一个完整页面的缩小图。滚得眼花可以点「⏸ 停止滚动」。
- 点一张喜欢的:点主题=整页换颜色;点背景=换背景;点模板=打开整页看。电脑上是多栏,手机上是单列。
- 觉得不错,就记下它的编号和名字(例如"主题 12、背景 07"),或者把网址发给做网页的人。
想一次看更多:「主题」页看全部颜色,「背景」页看全部背景,「模板」页看全部页面样子。
第二步:现成的颜色都不满意,就自己配
- 点「自定义配色」,左边是设置,右边是实际页面效果。
- 点颜色框选一个主色,右边页面马上变。
- 留意「对比度」提示:字太淡会提醒,看不清就换深一点。
- 满意了再导出——导出的是一段 CSS 代码,不会写代码就整段复制发给做网页的人。
第三步:登录/注册(可选,不登录也能用)
- 点页面右上角「登录 / 注册」。
- 第一次来:点「没有账号?注册」,填用户名(3-20 个字)和密码(至少 8 位)。不需要邮箱。
- 下次来:用同一个用户名和密码登录。用完点「退出」。
登录后多看到:站内「现有网站分析」「同行调研」两份文档。忘记密码目前不能自助找回(没有邮箱),需要联系站长重置,所以别用你常用的重要密码。
第四步:挑好了、配好了,怎么用?
注意:这个站只负责"挑和配",不会自动改你的网站。拿到手有三种办法,从最省事的开始:
办法一(最省事):把配色告诉做网页的人或 AI
- 打开 自定义配色 页,配到满意。
- 点页面上的「复制分享链接」按钮(点完按钮会变成"已复制")。
- 打开聊天窗口(给做网页的人,或者给 AI),在输入框里按 Ctrl+V 粘贴。
- 再补一句话:"我要这个配色。",发送。
- 对方打开你发的链接,就能看到和你一模一样的画面。
用现成主题的话更简单:直接发"主题 12、背景 07"这样的编号。
办法二:你自己有网页文件,自己动手换
- 打开 自定义配色 页,在左边点颜色框,选一个主色,右边页面马上变;满意为止。
- 往下滚,找到「导出」这一行,点「CSS 变量」。
- 点旁边的「复制」。
- 找到你网页的样式文件(名字通常是 style.css,用"记事本"打开)。
- 把鼠标点在文件最最前面,按 Ctrl+V 粘贴,然后按 Ctrl+S 保存。
- 回到浏览器,按 F5 刷新你的网页。
如果刷新后颜色没变:说明你网页里的颜色是直接写死的(像 #1f6feb 这样),不是用变量。这种情况请直接用办法一,交给 AI 去改。
办法三:用我们自己做的站,点按钮就能换
这些站右下角有「🎨 风格」按钮:photo.maysuns.uk、seo.maysuns.uk、shop.maysuns.uk、blog.maysuns.uk。
- 点上面任意一个网址,打开网站。
- 找到屏幕右下角的「🎨 风格」按钮,点一下。
- 在弹出的小窗里,点「主题」下拉框,选一个你喜欢的。页面颜色马上变。
- 想要亮一点或暗一点:点「明暗」旁边的「浅」或「深」。
- 不满意:点「还原原样」,回到网站原来的颜色。
- 嫌这个按钮碍眼:点按钮右上角的小「✕」。想让它再出现,在网址最后加上 #skin 再回车。
说明:这样换的颜色只在你这台电脑的这个浏览器里有效,别人看到的还是原样。
想以后再找回:配色页点「☆ 收藏」,下次打开能在「收藏的配色」里看到(只存在你这台浏览器里)。
常见问题
- 我换了颜色,别的页面没变? 在库页里换只影响当前这一页,刷新或换页后恢复。想回到原样点「↺ 恢复默认」。
- 手机上看着挤? 手机会自动变成单列,往下滑即可。如果出现横向滚动条,请把网址和手机型号告诉站长。
- 「做图工作台」是什么? 一个简易做图的地方(文字、表情、图片),做好可以下载。里面的「AI」按钮暂时只有站长能用。
- 这个站能做什么、不能做什么? 能挑样子、配颜色、看效果;不能直接帮你"做出完整网站"——挑好之后要交给人或 AI 去做。
——说明结束。回到总览