附加优化:调整“兑换”页面的提示语、默认选中项、表格对齐等。
打开当前应用的模板目录下的 home/spacecp_credit_base.htm ,
1、默认情况下兑换选项上方的 积分名称与数量 项目每行显示4个,我们可以将每个项目固定宽度95px,一行显示完。
将 <li><em><!--{if $credit[img]}--> {$credit[img]}<!--{/if}--> {$credit[title]}: </em><!--{echo getuserprofile('extcredits'.$id);}--> {$credit[unit]}</li> 中的 <li> 替换为 <li style="width:95px;"> (如果设置了积分图片,此项忽略)
2、默认的“兑换……需要……”表达的意思可能不够清楚,我们修改为“需要兑换……将扣减……”。另外某些浏览器下兑换框和下方的密码框没有对齐,微调。
将 <th>{lang memcp_credits_exchange}</th> 替换为 <th style="vertical-align:middle;">需要{lang memcp_credits_exchange}</th>
将 size="5" style="width: auto;" value="0" onkeyup="exchangecalcredit()" 替换为 size="5" style="width: 60px;" value="0" onkeyup="exchangecalcredit()"
将 {lang credits_need} 替换为 <font color=red>将扣减</font>
将 size="5" style="width: auto;" value="0" disabled="disabled" 替换为 size="5" style="width: 60px;" value="0" disabled="disabled"
在 type="password" name="password" class="px" value="" size="20" / 的斜杠前加入 style="width: 200px;" 。
3、默认情况下,兑出(扣减)积分项按ID值大小排序并默认选中第一个。我们将默认选中值调整为自己指定的某种积分。
将 <option value="$id" unit="$credit[unit]" title="$credit[title]" ratio="$credit[ratio]">$credit[title]</option> 修改为 <option value="$id" unit="$credit[unit]" title="$credit[title]" ratio="$credit[ratio]"<!--{if $id == 8}--> selected="true"<!--{/if}-->>$credit[title]</option> (其中 id == 数字 表示你要默认选中的兑出积分项)
4、使“兑换”按钮与密码框对齐,调整文字为“立即兑换”并在后边加注“不可逆”。
将 <button type="submit" name="exchangesubmit_btn" id="exchangesubmit_btn" class="pn" value="true" tabindex="2"><em>{lang memcp_credits_exchange}</em></button> 修改为 <button type="submit" name="exchangesubmit_btn" id="exchangesubmit_btn" class="pn" value="true" tabindex="2" style="margin-left:0;"><em>立即{lang memcp_credits_exchange}</em></button>(不可逆)
若您喜欢这篇文章,欢迎订阅老张小站以获得最新内容。 / 欢迎交流探讨,请发电子邮件至 mail[at]vdazhang.com 。
欢迎谈谈你的看法(无须登录) *正文中请勿包含"http://"否则将被拦截