# 侧边余额栏
### 教程
首先，我们需要准备一个新的背景配置。请将以下内容放入插件的 `contents/background` 文件夹中
{% file src="" %}
随后，打开你的 `/contents/images/coin.yml` 文件，将 `ascent` 值修改为更低的位置
```yml
image: coin
height: 10
ascent: -40
shadow: false
```
然后在 `config.yml` 中添加一个新的移位字体
```yaml
other-settings:
shift-fonts:
shift_3:
- "space"
- "ascii:-41"
```
最后打开 `configs/custom-placeholders.yml`，按如下方式添加或修改配置：
```yaml
conditional-text:
actionbar:
priority_1:
text: '%np_background_other_actionbar%' # 当玩家处于其他游戏模式时隐藏金钱HUD
conditions:
condition_or:
type: "||"
refresh-interval: 1
value:
condition_gamemode:
type: "!gamemode"
refresh-interval: 1
value: survival
priority_2:
text: '%np_static_other_actionbar%%np_static_money_hud%' # 显示金钱HUD + 其他插件的操作栏消息
conditions:
condition_other_actionbar:
type: "!equals"
refresh-interval: 1
value:
value1: '%np_actionbar%'
value2: ""
priority_3:
text: '%np_offset_210%%np_static_money_hud%' # 仅显示金钱HUD
```
```yaml
background-text:
money_hud:
background: black
text: '%np_shift_money%'
shadow: false
left-margin: 4
right-margin: 1
```
```yaml
static-text:
money_part:
position: left
text: '%np_background_money_hud%'
value: 0
money_hud:
position: left
text: '%np_static_money_part%%np_offset_-6%%np_image_coin%'
value: 0
other_actionbar:
position: middle
text: "%np_background_other_actionbar%"
value: 210
```
```yaml
shift-text:
money:
text: "100.0k"
font: shift_3
```
### 小提示
如果你想添加另一行，比如玩家的积分，只需按照上述相同步骤操作：添加新的背景、移位字体和图片配置，但使用更小的 ascent 值
```yaml
conditional-text:
actionbar:
priority_1:
text: '%np_background_other_actionbar%' # 当玩家处于其他游戏模式时隐藏HUD
conditions:
condition_or:
type: "||"
refresh-interval: 1
value:
condition_gamemode:
type: "!gamemode"
refresh-interval: 1
value: survival
priority_2:
text: '%np_static_other_actionbar%%np_static_money_hud%%np_static_point_hud%' # 显示金钱HUD + 积分HUD + 其他插件的操作栏消息
conditions:
condition_other_actionbar:
type: "!equals"
refresh-interval: 1
value:
value1: '%np_actionbar%'
value2: ""
priority_3:
text: '%np_offset_210%%np_static_money_hud%%np_static_point_hud%' # 仅显示金钱HUD和积分HUD
```
```yaml
background-text:
point_hud:
background: black_2 # 你需要创建这个背景
text: '%np_shift_point%'
shadow: false
left-margin: 4
right-margin: 1
```
```yaml
static-text:
point_part:
position: left
text: '%np_background_point_hud%'
value: 0
point_hud:
position: left
text: '%np_static_point_part%%np_offset_-6%%np_image_bell%'
value: 0
```
```yaml
shift-text:
point:
text: "12345"
font: shift_4 # 你需要创建这个移位字体
```
如果你不需要背景，只需将 `background-text` 变量替换为 `shift-text` 变量即可
```yaml
static-text:
money_part:
position: left
text: '%np_shift_money%'
value: 0
point_part:
position: left
text: '%np_shift_point%'
value: 0
money_hud:
position: left
text: '%np_image_coin%%np_static_money_part%'
value: 0
point_hud:
position: left
text: '%np_image_bell%%np_static_point_part%'
value: 0
```
当然，你也可以使用自定义字体使其展示效果更好。只是别忘了添加更紧凑的背景和图标
