小 |
小 |
||
| 第77行： | 第77行： | ||
<h2>Some effects</h2> | <h2>Some effects</h2> | ||
| − | + | <div style="width: 100%"> | |
| − | + | ||
| − | |||
Rainbow Glow | Rainbow Glow | ||
| align=center | | | align=center | | ||
| 第92行： | 第91行： | ||
|} | |} | ||
| − | + | <section> | |
| − | + | <h2>CREmoteFixes</h2> | |
| − | < | + | <section> |
| − | < | + | <p>This may fix most of inconsistent vertical alignment and allow better visual effect.</p> |
| − | |||
| − | |||
| − | + | <div style="font-size: 12px; display: flex; flex-flow: row nowrap; align-items: center; padding: .5rem; background-color: #fff; color: #000; border-left: 8px solid #f00;"> | |
| − | + | <div>[[File:Info.png|20px]]</div> | |
| − | + | <div style="margin-left: .5em;>After testing in CR emoticon pages, this fix isn't quite ideal because icons may either have oversized width, or non-transparent background, etc.</div> | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
| − | < | + | |
| − | + | <div style="display: flex;"> | |
| − | + | <div style="flex: 0 0 auto; height: 120px;"> | |
| − | {{AudioButton|CR_Emote_Dagger_Goblin.mp3}} | + | <div style="display: inline-block; padding: 4px; margin-bottom: 4px; background: linear-gradient(to right bottom, #7AF99B,#D6C499,#F38691); border-radius: 16px;"> |
| − | + | <div style="width: 100px; height: 76px; position: relative;"> | |
| − | + | <div style="position: absolute; bottom: 0;">[[File:CR_Emote_Dagger_Goblin.png|100px]]</div> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | {{AudioButton|CR_Emote_Dagger_Goblin.mp3}} | |
| − | <div style="display: inline-block; padding: 4px; margin-bottom: 4px; background: linear-gradient(to right bottom, #7AF99B,#D6C499,#F38691); border-radius: 16px;"> | + | </div> |
| − | + | ||
| − | + | <div style="flex: 0 0 auto; height: 120px;"> | |
| + | <div style="display: inline-block; padding: 4px; margin-bottom: 4px; background: linear-gradient(to right bottom, #7AF99B,#D6C499,#F38691); border-radius: 16px;"> | ||
| + | <div style="width: 100px; height: 76px; position: relative;"> | ||
| + | <div style="position: absolute; bottom: 0;">[[File:CR_Emote_Thumbs-Up_Princess.png|100px]]</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | {{AudioButton|CR_Emote_Thumbs-Up_Princess.mp3}} | ||
| + | </div> | ||
| + | |||
| + | <div style="flex: 0 0 auto; height: 120px;"> | ||
| + | <div style="display: inline-block; padding: 4px; margin-bottom: 4px; background: #fff; border-radius: 16px;"> | ||
| + | <div style="width: 100px; height: 76px; position: relative;"> | ||
| + | <div style="position: absolute; bottom: 0;">[[File:CR_Emote_Rocket_Hoggy.png|100px]]</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | {{AudioButton|CR_Emote_Rocket_Hoggy.mp3}} | ||
| + | </div> | ||
</div> | </div> | ||
| − | </ | + | </section> |
| − | + | </section> | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | </ | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<comments /> | <comments /> | ||
</html> | </html> | ||
2021年4月13日 (二) 15:50的版本
/ / b. / *#V .i A .##. _..-#] A .#. .# *#. ___________ ..-=########7 i#. %## ;#' q#. `^----=######=############7 b ;###. O###T 4 ;7 9#. 'q####P^*'` "'` ##- ##### ;#### .## -=A ;# .###. ##:"` ### ;##`##; J### -###7 .=##%} .-=..#: ;#`##. .##' _.--==- .##; ##7 |## .### _-##### .#####= @#######7 :#7 ##o d## .-=######7 ;## ;##` ###. ;##" -+=^*`##: .####* &#** ;##. ##: `###. .###$P^*"` " ##; ##: #### $#: ##7 .### ## #^##. ;##' ####. :##` .## ;## ##$#; ##' ;## .##P ## #7 `##. ### =###-### .. ;#7 d#: .#7?## :#7 ##7 .##P ## ;# >#k> ### ... `#####7 ..--==######=-._ ## .-=##' ;#' $#./#: %## &#$ .=A ## .##+=euG; d################' .-=################H. ;##=###### ## ?#L## ###* *###v==###=##7 ##########7.##################.-#####$P^*"'` `*^V* @###=^` t# .#7 ###: <@##; `##########/ *$^#` `>#####^*"` `*#########*` *#° Y d#' :##: *V *" ' #7 .###*` B#####P* .## K^` ## 4$*` *@##* ##: .# .$ `V* z@# /7 7 *# # 7 ;7 !
Visit my personal website to find out who I am and what I am doing
:D
Some effects
filter property will eliminate inline styles (wish I could use this on the glow layer though)
|}
CREmoteFixes
This may fix most of inconsistent vertical alignment and allow better visual effect.