크롬 알림처럼 띄워보기
[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 | ||
| 24 | 12년 전 | 7371 | ||
| 23 | 12년 전 | 5225 | ||
| 22 |
JMoon
|
12년 전 | 6248 | |
| 21 |
오늘도망했다
|
12년 전 | 13482 | |
| 20 | 12년 전 | 4322 | ||
| 19 | 12년 전 | 8047 | ||
| 18 | 12년 전 | 6513 | ||
| 17 | 12년 전 | 5414 | ||
| 16 | 12년 전 | 6132 | ||
| 15 | 12년 전 | 5614 | ||
| 14 | 12년 전 | 9231 | ||
| 13 | 12년 전 | 8201 | ||
| 12 | 12년 전 | 4951 | ||
| 11 | 12년 전 | 7268 | ||
| 10 |
|
12년 전 | 8958 | |
| 9 | 12년 전 | 7553 | ||
| 8 | 12년 전 | 8128 | ||
| 7 | 12년 전 | 7327 | ||
| 6 | 12년 전 | 7457 | ||
| 5 | 12년 전 | 7375 | ||
| 4 | 12년 전 | 7464 | ||
| 3 | 12년 전 | 6960 | ||
| 2 | 12년 전 | 5805 | ||
| 1 | 12년 전 | 12129 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기