크롬 알림처럼 띄워보기
[code]
<div style="color: rgb(0, 0, 0); direction: ltr; text-align: left; box-sizing: border-box; background: rgb(255, 255, 255); padding: 4px 16px 20px; border: 1px solid rgb(204, 204, 204); border-radius: 2px; width: 320px; height: 128px; top: 7px; left: 55px; z-index: 2147483647 !important; position: fixed !important;"> <span style="display: block; position: absolute; top: -16px; left: 16px; width: 0; height: 0; border-style: solid; border-color: transparent transparent rgb(204, 204, 204) transparent; border-width: 8px;"></span> <span style="display: block; position: absolute; top: -15px; left: 16px; width: 0; height: 0; border-style: solid; border-color: transparent transparent #fff transparent; border-width: 8px;"></span> <p style="line-height: 14px; padding: 0; margin: 14px 0 10px; font-size: 14px; font-family: Arial, Helvetica, sans-serif;">4.ottk.net website wants to</p><p style="line-height: 13px; padding: 0; margin-top: 10px; font-size: 13px; font-family: Arial, Helvetica, sans-serif;"> <img style="vertical-align: text-bottom" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAAP9JREFUOMvNkD1OAzEQhd9YMYIiokwHUhq4ABIpIyhRuhWyx1uk4ggcgIZ7sFgbbYfouQAXoKGgo6RD2l0PTYrVksQmQojX+c3zNz/AX8kYM2Hm01huEAsQ0Y2IAMD5xty6AjOfiMg1gIul9RhCuC3L8jkZ5JybhRAWAHZ7pU+l1GVRFA9RUJZl+1rrFwCjNcO+13V9VFXVR9dU/ZTW+mwDBABGWutZ31QrgseI6zAFtJMAGqSAttI/B+V5fgAgT/g3t9aOuwZ1IW3bPgEYJ4AA4A3A1Hv/CnSu3zTNkIiufrKOiOx9m2iVjDGOiO6WT+e9v9/2hmStZWa2saa/pi8tSkAI6iwUjgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wMS0yM1QwOTo1NTowMyswMDowMMgvqtEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDEtMjNUMDk6NTU6MDMrMDA6MDC5chJtAAAAKHRFWHRzdmc6YmFzZS11cmkAZmlsZTovLy90bXAvbWFnaWNrLV8zOWFJQVBTZGL86AAAAABJRU5ErkJggg=="> Show notification</p><div style="position: absolute; bottom: 20px; right: 20px;"><button style="display: inline-block; height: 32px; text-transform: none; box-shadow: none; border-radius: 2px; outline: none; padding: 8px 13px; transition: all 0.2s ease 0s; cursor: pointer; line-height: 1; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: 700; background: rgb(77, 144, 254); color: rgb(255, 255, 255); border: 1px solid rgb(48, 121, 237); margin: 0px 8px 0px 0px;" type="button" name="allow" onmouseover="this.style.border='1px solid #2f5bb7'" onmouseout="this.style.border='1px solid #3079ed'" class="sdltkks6377864">Allow</button><button style="display: inline-block; height: 32px; text-transform: none; box-shadow: none; -webkit-box-shadow: none; border-radius: 2px; outline: none; padding: 8px 13px; transition: .2s; cursor: pointer; line-height: 1; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: 700; background-color: #f5f5f5; color: #444; border: 1px solid rgba(0,0,0,0.1); margin: 0;" type="button" name="deny" class="kgnsut4927628">Deny</button></div></div>
[/code]
예시는 링크 1을 참조하세요
댓글 8개
굿밤 되세요~!
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4429 | ||
| 2574 | 10개월 전 | 561 | ||
| 2573 | 10개월 전 | 937 | ||
| 2572 |
두리삼촌v
|
10개월 전 | 609 | |
| 2571 | 10개월 전 | 556 | ||
| 2570 | 10개월 전 | 600 | ||
| 2569 |
두리삼촌v
|
10개월 전 | 638 | |
| 2568 |
두리삼촌v
|
10개월 전 | 667 | |
| 2567 |
두리삼촌v
|
10개월 전 | 463 | |
| 2566 |
두리삼촌v
|
10개월 전 | 443 | |
| 2565 | 10개월 전 | 740 | ||
| 2564 | 10개월 전 | 670 | ||
| 2563 | 10개월 전 | 474 | ||
| 2562 | 11개월 전 | 1030 | ||
| 2561 |
|
11개월 전 | 675 | |
| 2560 | 11개월 전 | 919 | ||
| 2559 | 11개월 전 | 657 | ||
| 2558 |
|
11개월 전 | 505 | |
| 2557 | 11개월 전 | 656 | ||
| 2556 | 11개월 전 | 957 | ||
| 2555 | 11개월 전 | 1338 | ||
| 2554 | 11개월 전 | 755 | ||
| 2553 |
|
11개월 전 | 748 | |
| 2552 | 11개월 전 | 676 | ||
| 2551 | 11개월 전 | 864 | ||
| 2550 | 11개월 전 | 767 | ||
| 2549 |
|
11개월 전 | 717 | |
| 2548 | 11개월 전 | 1031 | ||
| 2547 | 11개월 전 | 673 | ||
| 2546 | 11개월 전 | 1207 | ||
| 2545 | 11개월 전 | 663 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기