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 ===================..
1. 기본 : table 태그로 작성 , , 과 같은 관련 태그들은 기피하고, 간단하게 , , 로 작업 태그를 적용할 경우, 위처럼 초기화를 하고 사용 border : 선의 유무. 1은 있음, 0은 없음. cellpadding : 셀 내부 여백 cellspacing : 셀 사이의 너비 width : 테이블의 가로 너비 rowspan, colspan : 행, 열 합치기. 숫자값을 전달하며, 해당 값만큼 칸을 차지한다. (이메일 폼에선 지원이 잘 되지 않아 지양한다.) 2. margin, float 지양 padding으로 여백 조정 * 기본 레이아웃 *참고 https://abangpa1ace.tistory.com/entry/HTML-%EC%9D%B4%EB%A9%94%EC%9D%BC-%ED%8F%BC-%ED%..
