快乐不快乐

하이퍼링크 샵(#) 클릭 시 상단으로 이동하는 이벤트를 무시하기. 코딩하는 사람에게는 편하지만, 홈페이지를 이용하는 사람에게는 불편하다는 사실. 상단으로 이동하는 이벤트를 무시하도록 클래스를 추가한다. a[href="#"] {pointer-events: none;}

arrow_upward 브라우저 스크롤을 아래로 내렸다가 다시 올라갈 때 마우스 클릭만으로 맨 위로 올라간다. 클릭 시 애니메이션 효과를 주면서 스르륵 올라간다. 스크롤이 상단 부분에 있을 때는 화살표가 안보이게 숨는다.

.pro_text{ float:left; margin-left:30px; text-align:left; border:0px solid RED; width:600px; font-size:14px; line-height:30px; position: relative; /* 부모 */ } .mark{ background-color: #eee; width:80px; height:80px; top: 20px; right: 10px; position: absolute;/* 자식 */ } 작은 박스를 원하는 위치에 배치하는 방법이다. position을 원하는 부모 박스와 자식 박스에 지정해 놓고 top 과 rigjht 수치를 수정하여 원하는 위치를 조정한다. 왼쪽에 배열하고 싶다면 right는 삭제하고 left를 추가..

.menu { list-style: none; /* 리스트 기호 제거 */ display: flex; /* 요소들을 수평으로 배열 */ float:left; margin:20px 0 0px 30px ; border:0px solid RED; text-align:center; } .menu li { margin-right: 20px; /* 메뉴 간격 조정 */ } .menu li:last-child { margin-right: 0; } .menu li a { display: block; padding: 13px; background-color: #eee; /* 배경색 지정 */ color: #333; /* 글자색 지정 */ text-decoration: none; } .menu li a:hover { ba..

이미지 또는 텍스트 중앙 정렬 상자 안에 텍스트나 이미지를 넣으면 상자 안 맨 위로 붙어버린다. 정중앙으로 배치하기 위해서는 다음과 같은 클래스가 필요하다. justify-content: center; /* 수평 중앙 정렬 */ align-items: center; /* 수직 중앙 정렬 */

DB 패스워드를 변경하고 보니워드프레스에서 '데이터베이스 연결중 에러' 라는 오류가 발생하면서워드프레스 접속이 안되었다. FTP에 접속하여 wordpress 폴더의 wp-config.php 파일을 편집기로 열어서 25번줄 DB_PASSWORD 라인에변경한 비밀번호로 수정한 후 저장하면워드프레스 접속시 정상 출력되는것을 확인할 수 있다.DB 패스워드를 변경적이 없다면 호스팅사로 문의한다.

Named Anchor 메뉴 내용은 이렇다. 내용 내용 내용은 이렇다. https://zyss.tistory.com/275 앵커 클릭 시 스크롤 바, 스스륵~~ 효과 앵커 클릭 시 애니메이션 효과를 주어 부드럽게 쉬익~ 하면서 이동한다. 팍~!! 1초만에 이동 하는 것도 나쁘지 않지만 애니메이션 효과를 주는 것도 나쁘지 않다. 링크 zyss.tistory.com

셀렉트박스 선택시 원하는 주소로 이동하는 방법이다.기존에는 아래 스크립트를 사용하였지만 onchange="if(this.value) location.href(this.value);" IE 브라우저에서는 잘 작동하지만 다른 브라우져에서는 반응이 없었다.구글에서도 파이어폭스에서도 잘 되는 스크립트가 필요한 것이다.테스트해 본 결과 다음과 같이 하면 되는 것이었다. onchange="if(this.value) window.location.href = this.value;" [예제] 2017년 선택2017년 05월2017년 04월2017년 03월2017년 02월2017년 01월

meta 테그를 이용해 원하는 초를 맞춰서 보고있는 페이지를 자동이동 할 수 있다. 사이에 한줄만 넣어주면 끝 content 에는 초 단위로 원하는 숫자를 입력해 놓으면 된다. 예를 들어서 트래픽을 유발시켜 공격하는 DDos 공격에도 유용하게 사용할 수 있다. 인트로 페이지를 만들어서 맨 먼저 그 페이지를 열리게 하고 20초 후에 원래 홈페이지로 이동되게 가능하기 때문에 유용하게 쓰인다.

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td,button {margin:0;padding:0;outline:0;border:0;} table {border-collapse:collapse;border-spacing:0;margin:0;padding:0;} fieldset,img {border:0;margin:0;padding:0;} address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,..