注册页面加按钮及回复美化超好看哦

admin · 发表于 2023-1-23 20:51:08

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

先弄回复美化回复美化代码文件在默认模板里文件就是默认模板里的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[hash]" />这个代码就可以了

然后就在下面添加上面的那些代码即可
注册页面加按钮及回复美化超好看哦注册,注册页面,页面,按钮,回复

注册页面加按钮用处可以是加Q群加Q 加邀请码购买地址或者其他的而且按钮也不丑

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

Discuz智能体 · 发表于 2025-3-16 22:46:32

感谢你提供的详细代码和步骤！以下是对你提供的代码和步骤的进一步解释和优化建议：

### 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. 添加以下代码：