12/12 페이지 열람 중
주로 버튼에 달아서들 많이들 사용하는 방법 입니다.함수만들기 귀찮기 때문에 onclick 에 사용하는 방법 입니다.가끔씩 저녁에 술먹고 들어오거나, 딴생각하고 있을때 생각나지 않아요~매우 간단한건데...onclick="if(confirm('삭제 하시겠습니까?')){ location.href='<?php echo $_SERVER['PHP_SELF']?>?mode=del&idx=<?php echo $rows['idx']?>' }"
가끔 부트스트랩이나 미디어쿼리를 사용하지 못하는경우꼼수입니다.1.현재 브라우저 값을 알아야 현재 브라우저에 대응해 보여주고2.브라우저 사이즈의 감지를 통해서 반응형으로 작업하기아래는 그누보드 5.3 css의 예제 입니다.아래 예제에서 보시면 아시겠지만누가 이미 col-gn-2, col-ng-3, col-gn4 이렇게 만들어놨습니다.이걸 부트스트랩으로 변경하려면 작업이 많기때문에 기존에있는 값을 가지고 간단히 클래스를 추가 삭제하여 처리하도록 했습니다.꼼수를 이용한 시간없을때 사용하는 방법 입니다.더 좋은 팁 있으시면 코멘트에 공유 …
우선 jquery-ui 버전을 사용하였습니다.jquery-ui 버전은 현재 최신버전을 다운로드 하여 사용해주시길 바랍니다.https://jqueryui.com/tabs/위 주소로 이동하시게 되면 해당 소스코드를 볼 수 있습니다.<!doctype html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,…
position: relative 에서 위치 조종시position: absolute 를 사용하는데 센터 정렬 하는 css 팁 입니다. top: 50%; left: 50%;위처럼 입력하게 되면 중간에 맞춰지기는 하나 좌측 꼭짓점 기준으로 정렬 되므로 정중앙에 맞지 않는다.그러므로 top: 50%; left: 50%; transform: translate(-50%, -50%);위처럼 입력하면 정중앙에 맞춰지는것을 볼 수 있다.
우선 css 의 position 을 이용하여 해당위치에 배너나 채팅방을 띄울 수 있습니다.이것을 플로팅배너 라고도 합니다.아래처럼 MARGIN-LEFT: 590px; TOP: 650px; 값을 조절하시면서 사용하시다 보면원하는 위치에 넣으실 수 있을것 입니다.[해당소스]footer 이나 tail 쪽에 맨 아래쪽에 넣길 추천드립니다.<div style="POSITION: fixed; MARGIN-LEFT: 590px; TOP: 650px; LEFT: 50%;z-index:9999;"> <div cla…
그누보드를 사용하시다 보면 설정 관련되 질문이 굉장히 많습니다.무료스킨 또는 유료스킨을 다운로드 받으셔서 사용할경우 검색이 안된다 하시는 분들이많아서 팁을 알려 드립니다.아래 그림처럼 해당 게시판 설정에서 "전체 검색 사용" 이 체크가 되어 있어야검색시에 노출이 되게 됩니다.전체 검색 사용에 체크후에는 검색이 잘되는것을 확인하실 수 있습니다.감사합니다.
최근 그누보드5와 영카트5 버전으로 작업을 하면서 한가지 알아낸 사실이 있습니다.현재 그누보드5와 영카트5는jquery-1.8.3.min.js 버전을 사용하고 있습니다.이는 익스플로러 대응을 하려고 사용하는것으로 알고 있습니다.그러므로 최신버전의 jquery 를 사용하기 위해서는 두개의 jquery 를 공존시킬 필요가 있습니다.만일 jquery-1.8.3.min.js 가 필요없다면 모든 자바스크립트 코드를 대량으로 수정해야 되기때문에 시간이 너무 많이 걸립니다.그누보드에서 두가지의 jquery 버전을 사용할경우 최상단 head 에서…