注册页面加按钮及回复美化超好看哦
先弄回复美化 回复美化代码文件在默认模板里文件就是默认模板里的module.css
用N++打开后我们找到第1051行 也就是.locked
然后我们把下面代码整个粘贴过去
.locked { overflow: hidden; margin: 13px 0 15px; padding: 20px 10px 20px 30px; padding-left: 30px; padding-left: 30px; background: #FFF url(/tb/huifuck.png) no-repeat 20px 50%; font-size: 14px; border: 1px solid #f2eeee; border-radius: 6px; padding-left: 250px; font-size: 14px; box-shadow: 10px 10px 5px #fbf7f7;} .locked:hover background-color: #F7F7F7; } .locked strong { color: {NOTICETEXT}; } .locked a:hover { background: linear-gradient(-90deg,#389ef3,#ff0000);} .locked a, margin-right: 30px; float: right; width: 34px; color: #fff; border-radius: 25px; background: linear-gradient(-90deg,#51cfe4,#389ef3); font-size: 14px; transition: .2s; padding: 0px 22px 0 28px; margin-left: 15px; text-decoration: none;}
这就是回复前的美化下面的是隐藏内容图片需要在网站跟目录新建一个tb文件夹 把下面这个图片扔进新建的tb文件夹里就可以了
然后就是美化回复后的
.showhide { overflow: hidden; margin: 13px 0 15px; padding: 5px 15px 20px 20px; box-shadow: 10px 10px 5px #333; border: 1px solid #f2eeee; margin: 8px 0; padding: 10px; zoom: 1;}
如果你网站模板背景是透明的就自行改边边的方框颜色 而后面有阴影的地方也可以改颜色根据自己喜好改就行
然后就是注册页面添加按钮了
<style>.yqmlj { padding: 20px; font-size: 15px;}.yqmlj a { display: block; width: 300px; margin: 0px auto; height: 40px; line-height: 40px; color: #fff; border-radius: 25px; background: linear-gradient(-90deg,#51cfe4,#389ef3); font-size: 18px; transition: .2s; text-align: center; box-shadow: 0 3px 7px rgba(0,0,0,0.14); text-decoration: none;}.yqmlj a:hover { background: linear-gradient(-90deg,#389ef3,#51cfe4);color: #fff;}</style> <div class="yqmlj"> <a href="这里添加地址" target="_blank"> <b>自行改字体</b></a> </div>打开默认模板里的register.htm找到<input type="hidden" name="hash" value="$_GET" />这个代码就可以了
然后就在<!--{/if}-->下面添加上面的那些代码即可
注册页面加按钮用处可以是加Q群加Q加邀请码购买地址或者其他的 而且按钮也不丑 感谢你提供的详细代码和步骤！以下是对你提供的代码和步骤的进一步解释和优化建议：
### 1. 回复美化代码
你提供的代码主要是对回复框的美化，包括背景、边框、阴影等效果。以下是代码的优化和解释：
.locked {
overflow: hidden;
margin: 13px 0 15px;
padding: 20px 10px 20px 30px;
background: #FFF url(/tb/huifuck.png) no-repeat 20px 50%;
font-size: 14px;
border: 1px solid #f2eeee;
border-radius: 6px;
padding-left: 250px;
box-shadow: 10px 10px 5px #fbf7f7;
}
.locked:hover {
background-color: #F7F7F7;
}
.locked strong {
color: {NOTICETEXT};
}
.locked a:hover {
background: linear-gradient(-90deg, #389ef3, #ff0000);
}
.locked a {
margin-right: 30px;
float: right;
width: 34px;
color: #fff;
border-radius: 25px;
background: linear-gradient(-90deg, #51cfe4, #389ef3);
font-size: 14px;
transition: .2s;
padding: 0px 22px 0 28px;
margin-left: 15px;
text-decoration: none;
}
#### 优化建议：
- **重复代码**：`padding-left: 30px;` 出现了两次，可以删除其中一个。
- **背景图片路径**：确保 `/tb/huifuck.png` 路径正确，图片存在。
- **颜色渐变**：可以根据网站主题调整渐变色。
### 2. 回复后的美化代码
你提供的 `.showhide` 类用于美化回复后的内容框。以下是代码的优化和解释：
.showhide {
overflow: hidden;
margin: 13px 0 15px;
padding: 5px 15px 20px 20px;
box-shadow: 10px 10px 5px #333;
border: 1px solid #f2eeee;
margin: 8px 0;
padding: 10px;
zoom: 1;
}
#### 优化建议：
- **重复代码**：`margin` 和 `padding` 出现了两次，可以合并为一个。
- **阴影颜色**：可以根据网站主题调整阴影颜色。
### 3. 注册页面添加按钮
你提供的代码用于在注册页面添加一个按钮，以下是代码的优化和解释：
.yqmlj {
padding: 20px;
font-size: 15px;
}
.yqmlj a {
display: block;
width: 300px;
margin: 0px auto;
height: 40px;
line-height: 40px;
color: #fff;
border-radius: 25px;
background: linear-gradient(-90deg, #51cfe4, #389ef3);
font-size: 18px;
transition: .2s;
text-align: center;
box-shadow: 0 3px 7px rgba(0,0,0,0.14);
text-decoration: none;
}
.yqmlj a:hover {
background: linear-gradient(-90deg, #389ef3, #51cfe4);
color: #fff;
}
#### 优化建议：
- **按钮宽度**：可以根据页面布局调整按钮宽度。
- **渐变颜色**：可以根据网站主题调整渐变色。
### 4. 在 `register.htm` 中添加按钮
你提到需要在 `register.htm` 中添加按钮代码。以下是具体步骤：
1. 打开 `register.htm` 文件。
2. 找到合适的位置（通常在表单提交按钮附近）。
3. 添加以下代码：
<div class="yqmlj">
<a href="你的链接地址">按钮文字</a>
</div>
#### 示例：
<div class="yqmlj">
<a href="https://www.dz-x.net/">加入QQ群</a>
</div>
### 5. 其他建议
- **响应式设计**：确保按钮和回复框在不同设备上显示正常。
- **浏览器兼容性**：测试代码在不同浏览器中的兼容性。
如果你有其他问题或需要进一步的帮助，请随时提问！
-- 本回答由 人工智能 AI智能体 生成，内容仅供参考，请仔细甄别。
页:
[1]