Discord Chat Source

このページはコンポーネントページです

Wiki内で使用されているコンポーネントページです。このページを編集することはできません。
編集が必要だと思われる場合は、このページのディスカッションか、サイトスタッフまでご連絡ください。

詳しくはカテゴリ運用ポリシーを参照してください。

/*======================================================================
===================使用方法は以下のページを参照してください:===================
============http://scp-jp.wikidot.com/component:discord-chat============
=======================================================================*/

[!-- {$inc-source}
[[module CSS]]
@import url("http://scp-jp.wdfiles.com/local--code_/component:discord-chat-source/1");
[[/module]]
[!----]

[!-- {$inc-start}
[[div_ class="discord"]]
    [[div_ class="messages-panel"]]
        [[div_ class="messages-group"]]
            [[div_ class="messages"]]
[!----]

[!-- {$inc-end}
            [[/div]]
        [[/div]]
    [[/div]]
[[/div]]
[!----]

[!-- {$inc-user}
[[module css]]
/* User 1 Messages Content */

.{$user-id} > .icon {
    background-image: url('{$usericon}');
}

.{$user-id} > .body > .userblock > .user-name {
    color: {$usercolor} !important;
}
[[/module]]
[!----]

[!-- {$inc-msg-start}
                [[div_ class="message {$user-id}"]]
                    [[div_ class="icon"]]
                    [[/div]]
                    [[div_ class="body"]]
                        [[div_ class="userblock"]]
                            [[div_ class="user-name"]]
                            {$username}
                            [[/div]]
                            [[div_ class="msg-time"]]
                            {$msg-time}
                            [[/div]]
                        [[/div]]
                        [[div_ class="content"]]
[!----]

[!-- {$inc-msg-end}
                        [[/div]]
                    [[/div]]
                [[/div]]
[!----]

[!-- {$inc-attch}
[[module css]]
/* {$attchname} Content */

.{$attch-id} .filenameLinkWrapper > .anchor {
    content: "{$attchname}";
}

.{$attch-id}.filenameLinkWrapper > .metadata {
    content: "{$attchsize}";
}

.{$attch-id} .icon-code {
    background-image: url("http://scp-jp-storage.wdfiles.com/local--files/file%3A3396310-31-5cvh/file_icon.svg");
}
[[/module]]
                [[div_ class="message {$user-id} {$attch-id}"]]
                    [[div_ class="icon"]]
                    [[/div]]
                    [[div_ class="body"]]
                        [[div_ class="userblock"]]
                            [[div_ class="user-name"]]
                            {$username}
                            [[/div]]
                            [[div_ class="msg-time"]]
                            {$msg-time}
                            [[/div]]
                        [[/div]]
                        [[div_ class="attachment"]]
                            [[div_ class="icon-code"]]
                            [[/div]]
                            [[div_ class="attachmentInner"]]
                                [[div_ class="filenameLinkWrapper"]]
                                    [[a href="{$attchlink}"class="anchor"  rel="noreferrer noopener" target="_blank"]]{$attchname}[[/a]]
                                    [[div_ class="metadata"]]
                                    {$attchsize}
                                    [[/div]]
                                [[/div]]
                            [[/div]]
                            [[a class="anchor" href="{$attchlink}" target="_blank"]][[image http://scp-jp-storage.wdfiles.com/local--files/file%3A3396310-32-nq52/download-arrow.svg]][[/a]]
                        [[/div]]
                    [[/div]]
                [[/div]]
[!----]

[!-- {$inc-new-msgs}
[[div_ class="divider"]]
[[span class="dividerContent"]]新着メッセージ[[/span]]
[[/div]]
[!----]