366
个编辑
小第77行：
第77行： − {| style="width: 100%"+ − |- + − | 第92行：
第91行： − == CREmoteFixes ==+ − This may fix most of inconsistent vertical alignment and allow better visual effect.+ − + − + − <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> − {|+ − |- + − | + − {| − |- − | align=center style="height: 120px; vertical-align: bottom;" | − <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> − + − |-+ − | align=center style="width:100px;" | + − + − |}+ − |+ − {|+ − |-+ − | align=center style="height: 120px; vertical-align: bottom;" | + − + − <div style="width: 100px; height: 76px; position: relative;">+ − <div style="position: absolute; bottom: 0;">[[File:CR_Emote_Thumbs-Up_Princess.png|100px]]</div>+ + + + + + + + + + + + + + + + + − + − |-+ − | align=center style="width:100px;" | − {{AudioButton|CR_Emote_Thumbs-Up_Princess.mp3}} − |} − | − {| − |- − | align=center style="height: 120px; vertical-align: bottom;" | − <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> − − |- − | align=center style="width:100px;" | − {{AudioButton|CR_Emote_Rocket_Hoggy.mp3}} − |} − |}
无编辑摘要
<h2>Some effects</h2>
<h2>Some effects</h2>
<div style="width: 100%">
Rainbow Glow
Rainbow Glow
| align=center |
| align=center |
|}
|}
<section>
<h2>CREmoteFixes</h2>
<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;">
<section>
<div>[[File:Info.png|20px]]</div>
<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>
<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>
</div>
</section>
</section>
</div>
<comments />
<comments />
</html>
</html>