크롬 알림처럼 띄워보기 > 그누보드5 팁자료실

그누보드5 팁자료실

크롬 알림처럼 띄워보기 정보

크롬 알림처럼 띄워보기

본문


<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>

예시는 링크 1을 참조하세요

추천
4

댓글 8개

전체 2,411 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT