- Joined
- Nov 1, 2020
- Messages
- 299
- Reaction score
- 37
- đồng
- 643 K
- Phiên bản XF hỗ trợ
- XF 2.2; 2.3
Khung soạn thảo thêm chút màu cho đặc sắc như đang áp dụng trên diễn đàn Aetot. Các bạn thêm code sau:
Compatibility on 2.2 check (do not have a 2.1 install to confirm compatibility):
Add the following to your extra.less template for a glowing border around your Forala editor when the focus is set while users are typing.
On 2.3:
Changing the color from #626262 to #00ff0c for a neon green color that might work better on darker styles for gaming sites.
Update for RGB effect
Compatibility on 2.2 check (do not have a 2.1 install to confirm compatibility):
CSS:
/* GLOWING EDITOR */
@-webkit-keyframes glow {
to {
border-color: #626262;
-webkit-box-shadow: 0 0 4px #626262;
-moz-box-shadow: 0 0 4px #626262;
box-shadow: 0 0 4px #626262;
}
}
.fr-box.fr-basic {
&.is-focused {
-webkit-animation: glow 1.0s infinite alternate;
-webkit-transition: border 1.0s linear, box-shadow 1.0s linear;
-moz-transition: border 1.0s linear, box-shadow 1.0s linear;
transition: border 1.0s linear, box-shadow 1.0s linear;
}
}Add the following to your extra.less template for a glowing border around your Forala editor when the focus is set while users are typing.
On 2.3:
Changing the color from #626262 to #00ff0c for a neon green color that might work better on darker styles for gaming sites.
Update for RGB effect
Attachments
Last edited:
Relate Threads
Interested Threads
Latest Threads
