스크롤바 스타일에 대한 웹표준은 따로 없다 webkit 브라우저에 한해서만 커스텀 가능하며 주로 사용하는 속성은 아래 3가지 body::-webkit-scrollbar { /* 스크롤 전체 영역 */ width: 10px; } body::-webkit-scrollbar-thumb { /* 스크롤바 막대 */ height: 30%; background-color: #666; } body::-webkit-scrollbar-track { /* 스크롤바 배경 */ background-color: #ddd; } 참고 https://developer.mozilla.org/ko/docs/Web/CSS/::-webkit-scrollbar ::-webkit-scrollbar - CSS: Cascading Style Sh..
HTML tab1 tab2 tab1 contents tab2 contents CSS .btn-select{display: none;} .tab-menu{display: flex;flex-wrap: nowrap;} .tab-menu li{height: 50px;} .tab-menu li a{display: flex;flex-direction: column;justify-content: center;width: 100%;height: 100%;padding: 0 20px;border: 1px solid #333;background-color: #fff;font-size: 16px;color: #333;} .tab-menu li + li a{border-left: 0;} .tab-content{display:..
1. RGB, RGBA 1) rgb(red, green, blue) - 각각의 인수는 색상의 강도를 0~255 사이로 정의 ex) rgb(255, 0, 0)은 red가 최대강도인 255이고 나머지 색 강도는 0이므로 빨강 - 검정색은 rgb(0, 0, 0), 흰색은 (255, 255, 255) 2) rgba(red, green, blue, alpha) - rgb에 투명도 나타내는 알파채널을 추가한 색상값 체계 - alpha는 0.0부터 1.0사이에서 지정하며 0은 완전 투명, 1은 완전 불투명 2 HEX (16진수) - rr(red), gg(green), bb(blue) 각각의 값들이 00~ff 사이의 16진수 값을 가짐 ex) #ff0000은 rr이 최고수치(ff), 나머지는 최저수치(00)이므로 빨강..
$_SERVER['REMOTE_ADDR'] - 현재 페이지를 보고 있는 사용자의 IP 주소를 담은 PHP 환경변수 - 서버 앞단에 프록시가 없는 경우, 클라이언트의 IP 주소 - 서버 앞단에 프록시가 있는 경우, 프록시로 돌아가는 IP 주소 참고https://zetawiki.com/wiki/$_SERVER(%27REMOTE_ADDR%27) $_SERVER['REMOTE_ADDR'] - 제타위키다음 문자열 포함...zetawiki.com
파일형식 * 강연원고 약력 강의 슬라이드 파일 첨부 파일 첨부 파일 첨부 .attach-file-con{display: none;margin-top: 10px;} .attach-file-con input[type="file"]{overflow: hidden;position: absolute;width: 0;height: 0;padding: 0;border: 0;} .btn.btn-form{width: 100%;padding: 10px;font-size: 1.8rem;color: #fff;} .attach-file-con .btn-form{margin-top: 5px;margin-bottom: 0;} /* checkbox, radio */ .checkbox, .radio{ margin: -5px -10px..
*인쇄영역의 경우 css 파일을 include 해 사용할 경우 스타일이 적용되지 않을 수 있으므로 파일 상단 안에 css 작성한다 *page-break 관련 css 1) page-break-before : 해당 엘리먼트의 이전 페이지 넘김 지정 2) page-break-after : 해당 엘리먼트의 다음 페이지 넘김 지정 - auto : 자동 - inherit : 부모값 상속 - always : 해당 엘리먼트의 이전/다음 페이지 넘김 - avoid : 해당 엘리먼트의 이전/다음 페이지 넘김을 금지 - left : 해당 엘리먼트 이전/다음에 분리된 페이지가 왼쪽 면에 위치 - right : 해당 엘리먼트 이전/다음에 분리된 페이지가 오른쪽 면에 위치 3) page-break-inside : 해당 엘리먼트의..
function btnTop(){ $(window).scroll(function(e){ if ($('html, body').scrollTop() > 200) { $('.js-btn-top').addClass('on'); } else { $('.js-btn-top').removeClass('on'); } }); btnTopScroll(); } function mBtnTop(){ $(window).scroll(function(e){ if($(this).scrollTop() > 70){ $('.js-btn-top').addClass('on'); }else{ $('.js-btn-top').removeClass('on'); } }); btnTopScroll(); } function btnTopScroll(){ $..
admin에서 editor로 작성하는 자동 메일폼이 있음 editor에서 작성한 레이아웃과 미리보기 view 페이지에서 보이는 레이아웃이 다름 원인 : editor 페이지에서는 editor 스타일이 적용되고 view 페이지에는 admin에 사용한 부트스트랩이 적용 해결 : 메일의 view페이지에도 editor와 동일한 스타일이 적용되도록 스타일 추가 1. /js/ckeditor/contents.css => editor에 삽입된 스타일을 제거하기 위해 reset.css에서 하단 부분만 복붙해 에디터 스타일 css 하단에 추가 /* ============================================= * mail form editor style override ===================..