Jump to content

User:Anpang/Wikipe-tan Chatbox.js

From Wikipedia, the free encyclopedia
This is an old revision of this page, as edited by Anpang (talk | contribs) at 09:49, 30 October 2023 (test js). The present address (URL) is a permanent link to this revision, which may differ significantly from the current revision.
(diff) ← Previous revision | Latest revision (diff) | Newer revision → (diff)
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
$("head").append(`<link rel="stylesheet" href="https://en.wikipedia.org/wiki/User:Anpang01/Wikipe-tan_Chatbox.css?action=raw" />`);
$("body").append(`
    <div class="wptc-box">
        <div>
            <img src="/media/wikipedia/commons/a/ac/Wikipe-tan_head.png" class="wptc-image" />
            <span class="wptc-name">Wikipe-tan</span>
            <a href="#" class="wptc-close">&times;</a>
        </div>
        <div class="wptc-inner-box">
            <div>
                <div class="wptc-bubble-left">
                    <span>Hello</span>
                </div>
                <div class="wptc-bubble-right">
                    <span>Hello</span>
                </div>
                <input type="text" style="border: 2px solid #5f8291; padding: 0.25em 0.5em; border-radius: 0.5em; width: 100%; box-sizing: border-box; margin-top: 0.35em" />
            </div>
        </div>
        <span class="wptc-bottom-links">
            &ensp;
            <a href="https://en.wikipedia.org/wiki/User:Anpang01/Wikipe-tan_Chatbox">JS script</a>
            &ensp;
            <a href="https://en.wikipedia.org/wiki/Wikipedia:Wikipe-tan">Based on Wikipe-tan</a>
            &ensp;
        </span>
    </div>
`);