크리에이터 설정 가이드
home
트윕 방송 설정
home

트윕 후원 알람창: 하단 슬라이드 테마

코드를 복사해서 다음 경로에 복사 및 붙여넣기해 사용해주세요!

붙여넣기 경로

트윕 대시보드 → 후원 알림 설정 → 기본 설정 → 일반 설정 → 사용자 지정 CSS 입력창에 준비한 커스텀 CSS 코드 입력

코드

#image-wrap,#replay-area { display: none !important } body { display: flex; text-align: center; font-size: 2em !important } h1 { font-size: 1em !important } html, body, #body { align-items: center; height: 100vh; } #alertbox { display: flex; position: relative; } #wrap { justify-content: center } .layout-above #alertbox #text-wrap #alert-text { background-color: #000000; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAABkCAYAAADDhn8LAAAACXBIWXMAAC4jAAAuIwF4pT92AAAGZ2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4xLWMwMDAgNzkuYTg3MzFiOSwgMjAyMS8wOS8wOS0wMDozNzozOCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjAgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0wOS0yNVQwMzowMzozNyswOTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0wOS0yNVQwMzowMzozNyswOTowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjItMDktMjVUMDM6MDM6MzcrMDk6MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZTNmMjFjNGUtODU3Yi0zMzQ0LWFmOTAtMjNjMzk5NzkzMDJiIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YTc2OTIyMzEtM2IyYi00MzQ4LTg3YTUtMTE2YWY4NmRjMWUxIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MjRkMmZmZTctZGVlMC04OTRlLWJiNWEtYjdiNmE5ODZkYmExIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MjRkMmZmZTctZGVlMC04OTRlLWJiNWEtYjdiNmE5ODZkYmExIiBzdEV2dDp3aGVuPSIyMDIyLTA5LTI1VDAzOjAzOjM3KzA5OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjMuMCAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmUzZjIxYzRlLTg1N2ItMzM0NC1hZjkwLTIzYzM5OTc5MzAyYiIgc3RFdnQ6d2hlbj0iMjAyMi0wOS0yNVQwMzowMzozNyswOTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIzLjAgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8cGhvdG9zaG9wOkRvY3VtZW50QW5jZXN0b3JzPiA8cmRmOkJhZz4gPHJkZjpsaT5hZG9iZTpkb2NpZDpwaG90b3Nob3A6Y2M5Njg2OTUtYTQzNy1jZDQ4LTgwZTYtY2ZkN2IzNWFiMzMwPC9yZGY6bGk+IDwvcmRmOkJhZz4gPC9waG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+tw1KQwAABB1JREFUeNrt3ctu4zAMhWG+Sd7/KVlgFoNBO2kSW7wc8l8I6K7mh0NFkR3ZHo+Hvxj26XD3W+PK//xn+Le/IwYmS0zsZMFNCrfAMGCyzMROF92wcKsOAia6JiENcnj44VnialAwWWhiAkVnXJtaEDBJMlFrECcMmGSa/O9jtXPR0YH47oDJcpPoLz9tZrBGXwgxETIhDIQBk6YN4k92DkK2GUXCgEkzk6zCrxY2ebbERMAko/AWjzY0CwMmIiaRhXvCUAsDJmImUYV74lAJAyaCJlMKd8KASYRJ1GPElaPro9WYCJqcLtybjE5hwETY5FTh3nBUhwGTASaTC3fCgMldE8JAGDAJbBBvPirCgMkgk6uFu9DICgMmA00IA2HAZHmDOGHA5KrJu4W7cNF/RkAYMFlg8qpwnzIOhgGTRSbPCvdh48RyApOFJoSBMGBy8TsIYcBkvcmWtaWx3saEBsnZ88dkkQlhIAyY3LxRyHICk7UmhIEwYHLoTnr1k5Z+41os6K4xJsNNPnnGprLoO9cS+WAeJsNNCANhwORAg3izwm3xcgKTRBOlteWd65m63sYk2KT7R6efKHrYcgKTRJPKwu3x+e6EDw8DJs1MOhSeMeuohQGTJibVhad9NAuFAZNGJp/+1rjTtlyHMGAy3GRL4UYYMIleYkUX76JhwGSwSfVxLmlvGBI64gaTRiZ3jpTc/OQqJktMNhRuhAGTjPsgGa/sPbVe/bF2TQ4DJkNMfjsZT+307owX2WOyzOS3i78KNiUEmGBir7q78yxhCQOT5SbvXKw1nCWqgoDJMpN3L7DL20wtcWCCSUqDmGAQMMHkb4Nk/eNnW2xVYfADW5GYDDexJjNVJrrK0gaTBiYbGkT1SzEmDUysWfHPZrau24iYDDcJWV8WvKC+8o4tJoNNrjSIEwZMtphYxExRXHjLZ30w0TSxiOILC+/2tCgm4iYhN2cKCveGA5MBJiF74IQBkykmNAhhwGRwg3jzgYm4iUUUL3RaRlogMNE0oUEIAyaJDeKEAZNJJiGwQS9mkX6bKiaaJt0bxKcMTDRNui6xfNjARNSEBiEMmIh+SScMmJSbdN/FIgyYjPoOYoQBk0kmNAhhwET8RiHLCUzKTGgQwoDJBw1y4qQ7C7pDWv30KSYLTd45MqXLQ2iVQcBkqQkNQhgwudkgtng5gclyE3ujeNbbmKw1edUgvnw5gclyk992sXx4GD49uBuThSZKvyiMCkPGTIyJqInKLwqt4TIBkwUmSg2S8aIXtTBgEmyidmiDahgwETVRPNVEcTmBiajJ9mN/0t66hAnH/mQWLndQGiaaJqonKyqFARNhEzuwXv2xdk0uvONLYjAZYmKPszsem4/6x2SgyZS33HphMDAZbGInCy4svGLmxGSByRdrAw9fZ5bLmAAAAABJRU5ErkJggg=='); background-repeat:repeat; margin: 0 2em 0 2em; box-shadow: 0 0 0 0.4em #33996b; border-radius: 0.8em 0.8em 0 0; } #alert-text { position : absolute; right: 0.5em; left: 0.5em; bottom : 0; } h1, h2, #nickname, #amount, #comment { text-shadow: 0 0 0 rgba(0,0,0,0) !important }
CSS
복사