엣지브라우즈 : 크롬(웨일)브라우즈 : 위와 같이 해당문구를 복사버턴 클릭시 클립보드로 복사하는 소스입니다. <p class="box01"> 엣지브라우즈 : <input value="edge://flags/#block-insecure-private-network-requests" readonly> <button onclick="copy_to...

일반적으로 글자가 넘어가는 경우를 대비해서 백엔드단계에서 글자수를 특정지어서 자르는 방법을 많이 사용합니다. 헌데 이방법을 사용할시 영어, 숫자, 한글의 자간이 달라 일관되지 않는 모습을 보이는 경우가 많아서 뷰 단계에서 글자가 넘어갈경우 말줄임...

DIV 영역 그 자체에 링크를 걸어서 DIV 영역을 클릭하면, 지정된 주소(URL)로 이동하도록 하려면 아래와 같이 스타일(style) 속성으로 지정해 주면 된다. [DIV 영역 자체에 링크 걸기] <div style=" cursor: pointer;" onclick="location.href='목적지 링크주...

DIV로 만든 박스를 화면 정중앙에 배치하는 방법은 생각보다 간단하지가 않습니다. 특히 박스의 가로 크기가 변하는 경우는 더욱더 어렵습니다. 예를 들면 Popup위젯의 경우가 해당됩니다. - 일반적인 코드 - <style> #content { position:absolute; height:20...

DIV 가로 중앙 정렬, 세로 중앙 정렬 코딩을 할 때 가장 기본이 되지만 또 가장 어려웠던 부분이었다. display:flex; 이 코드를 알고 나서 정말 쉽게 코딩이 가능해졌다. 바깥쪽 div, 즉 부모 div에 display:flex; 를 선언하면. 안쪽 엘리먼트, 즉 자식div에 ...

마우스 커서 모양에 대해 알아보겠습니다. 보통 cursor 작업을 하면 pointer 위주로 작업을 합니다. 하지만 pointer 외에 아주 많는 cursor 가 있습니다. 그종류에 대해 소스와 샘플을 올려봅니다. 적절한 cursor 지정을 통해 사용자 편의를 고려해보시기 바랄...

css3를 지원하는 브라우즈에서 이미지나 문구를 에니메이션 처럼 꾸미는 방법으로 webkit-animation을 많이 사용합니다. https://moonhouse.co.kr/423394 스케치북5 게시판에 댓글달기 추천 문구에 적용하는 방법을 소개합니다. 1. skin.xml 에 추가 <var name...

{CSS3} animation / transform / transition 각종 css3를 자동으로 만들어주는 사이트 http://www.css3maker.com/index.html * animation 참고 사이트 http://daneden.github.io/animate.css/ - css3 animaion을 적용하기 위해선 속성 변화를 주기 위해 키프레...

&Tab; &#x00009; &#9; CHARACTER TABULATION &NewLine; &#x0000A; &#10; LINE FEED (LF) ! &excl; &#x00021; &#33; EXCLAMATION MARK " &quot; &QUOT; &#x00022; &#34; QUOTATION MARK # &num; &#x00023; &#35; NUMBER SIGN $ &dollar; &#x00024; &#36; DOLLAR...

아래의 이미지와 같이 마우스 hover시 좌우로 기울이는 코드 img { border:1px solid #D4D4D4; padding:5px; } img:hover{ border:1px solid #666666; filter:alpha(opacity=70); opacity:.7; box-shadow:0 0 10px rgba(0,0,0,.2);filter:alpha(opacity=100);o...

모바일웹(스마트폰)에서 자동으로 전화 걸기 태그 는 아주 간단합니다 아래 코드만 입력하면 끝입니다. 스마트폰에서 터치하면 자동으로 등록된 전화번호가 키패드로 바로 보이고 거기서 통화 버튼만 누르면 된다. <a href="tel:010-1234-1234">전화걸기 여기 ...

이용 요금 안내 준성수기 : 7/1~7/14, 8/16~8/30 성 수 기 : 7/15~8/15 객실명 평형 입실인원 기준/최대 비수기 준성수기 7/1~7/14 8/16~8/30 성수기 7/15~8/15 101 20평 67m2 6인/10인 주중:20만 주말:23만 주중:23만 주말:26만 30만 102 10평 34m2 2인/4인 ...

외환은행과 하나은행이 합병되면서 기존의 실시간 환율조회 html이 작동을 하지를 않아서 정상적으로 작동하는 html을 올립니다. <center><iframe frameborder="o" onload="resizeFrame(this)" scrolling="no" src="http://fx.kebhana.com/fxportal/jsp/RS/DEP...

[URL링크시] <a href="#" onMouseOver="this.innerHTML='마우스오버시 변경되는 텍스트'" onMouseOut="this.innerHTML='마우스가 범위를 벗어날시 변경되는 텍스트'">기본적으로 표시되는 텍스트</a>a href = "#": 누를시 이동되는 주소를 작성하면 됩니다. 문...

css작업하다보면 간혹 곤욕스러운 경우가 많습니다. 대표적인게 float 속성인데요.. div, p 태그는 대표적인 block속성을 가지고 있는데요.. 이게 float을 만나면 inlin-block으로 속성이 변경됩니다. 만약 아래 그림처럼 레이아웃을 만들려고 하는데...box2는...