- 01.37분 킴스큐의 시작
킴스큐의 기본 메뉴에 대해 강의합니다.
책갈피 : [00:00] 킴스큐의 특징과 장점/[00:36] 메인 페이지 확인/[01:19] 마이페이지/[01:33] 꾸미기/[01:42] 테마 Style 변경/[02:55] 메뉴 등록/[03:28] 최상위메뉴 만들기/[03:48] 전시내용/[04:27] 메뉴옵션/[04:51] 레이아웃/[04:58] 허용등급/차단그룹/[05:22] 결과 확인/[05:58] 최상위메뉴 만들기/[06:50] 결과 확인/[07:04] 어드민-메뉴 위치 변경/[08:14] 사이트 등록정보/[09:12] 서비스상태/DTD 형식/[09:39] 이름표시/시간조정/[10:12] 기본 테마로 홈 꾸미기/[10:39] 꾸미기-테마 변경/[11:20] 새 테마 만들기/[11:48] 테마명칭/[12:43] 상단 레이아웃 변경/[13:45] 결과 확인/[13:55] 상단 메뉴 글씨색 변경/[15:08] 결과 확인/[15:17] 상단 메뉴 글씨 배경색 변경/[15:34] 결과 확인/[16:06] 출력 설정/[17:05] 세부 설정/[17:29] 제목 폰트, 크기, 색상 변경/[17:54] 헤더 높이, 배경색/[19:23] 헤더 상단틀, 색상/[19:49] 위치 설정/[21:23] 메뉴출력 옵션/[22:46] 멤버링크 색상/[23:52] 검색폼 보더색/[24:18] 이미지 로고/[26:32] 메인화면 설정/[27:59] 결과 확인/[28:22] 사진 등록/[29:08] 광고 설정/[30:21] 광고 이미지, 링크/[31:01] 소셜 로그인/[32:17] 추가 페이지/[32:43] 레이아웃 자체 페이지 추가 방법/[33:45] 사이트 관리 기능/[34:20] 사이트 추가/[35:26] 결과 확인/[35:54] 사이트코드/[36:08] 킴스큐의 장점
- 02.38분 멀티사이트 만들기
멀티사이트를 제작·관리하는 방법을 알아보고 메인페이지와 팝업을 만들어봅니다.
책갈피 : [00:00] 멀티사이트 만들기/[00:28] 어드민-홈페이지/[00:48] 페이지 등록정보/[01:52] 사이트에 페이지 연결/[02:16] 결과 확인/[02:34] 시작페이지 변경 결과 비교/[04:06] 관리자 모드-메뉴 생성/[04:49] 최상위메뉴 등록/[05:35] 결과 확인/[05:55] 시작페이지 변경/[06:23] 최상위메뉴 추가 등록/[06:55] 서브메뉴 등록/[07:52] 모바일메뉴출력/[08:17] 서브메뉴의 서브메뉴 등록/[08:47] 서브메뉴 등록 범위/[09:47] 메뉴주소/[10:08] 물리주소 결과/[10:47] 현재주소 결과/[11:14] 짧은주소 사용/[12:06] 메뉴헤더, 메뉴풋터/[12:18] 헤더 이미지 삽입/[12:35] 결과 확인/[12:47] 풋터 이미지 확인/[13:07] 결과 확인/[13:35] 헤더코드 입력/[14:55] 결과 확인/[15:17] 풋터코드 입력/[16:02] 결과 확인/[16:27] 확장요소/[17:16] 하이퍼링크 삽입/[17:56] 테이블 삽입/[19:01] 박스 삽입/[20:50] 결과 확인/[21:12] 어드민 살펴보기/[21:39] 시스템/[22:06] 마켓/[23:14] 마켓 환경설정/[23:29] 패키지 설치/[23:51] 팝업/[24:20] 팝업 등록정보/[25:53] 텍스트 입력/[26:20] 팝업보기/[27:58] 팝업 이미지 삽입/[28:45] 이미지 불러오기/[29:24] 결과 확인/[31:43] 페이지 수정-소스코드 직접편집/[34:36] 결과 확인/[34:51] 소스코드 수정-링크 걸기/[35:54] 결과 확인/[36:18] 소스코드 수정-박스 삽입/[37:30] 결과 확인
- 03.37분 기본폴더구조 살펴보기
기본폴더구조를 살펴보고 모듈생성의 기초를 강의합니다.
책갈피 : [00:00] 기본폴더구조 살펴보기/[00:21] core/[00:31] tmp/[00:54] var/[01:03] files/[01:12] pages/[01:42] module/[01:51] widgets/[02:00] core 폴더 구조/[03:11] index.php/[04:03] 킴스큐 경로 지정/[04:18] 양식 변수로 파싱/[04:33] $m='admin'/[05:01] 검색어 정의/[05:33] module 폴더 구조/[05:51] bbs/[06:59] main.css, main.js/[07:28] name.txt/[07:48] 필수 구성 파일/[09:33] module 구성에 필요한 사항/[10:24] 언어팩 사용/[10:54] 모듈전용 DB테이블/[11:13] 모듈전용 변수파일/[11:28] 모듈전용 함수/[11:53] 메뉴 연결/[13:09] 모듈 정의/[13:31] 필수사항 정의/[13:54] 모듈폴더 생성/[14:25] 언어팩 생성/[15:11] admin.php/main.php 생성/[15:53] name.txt 작성/[16:34] 인코딩 변경(UTF-8)/[17:00] 모듈 확인/[17:17] 생성 모듈 설치/[19:05] admin.php 작성/[20:13] action/admin 폴더 추가/[20:58] mobile/pc 폴더 생성/[24:21] var.menu.php 작성/[25:03] 모듈 확인/[26:05] 메뉴 추가/[27:41] main.php 작성/[28:45] 사용자 페이지 구성할때 고려사항/[29:08] 테마 지원 여부/[29:25] 모바일모드 지원 여부/[29:48] 언어팩 지원 여부/[30:30] 알지오 모듈 개발/[31:05] theme 폴더 생성/[34:34] main.php 작성/[36:53] 결과 확인
- 04.36분 모듈 생성과 패키지 구성
모듈과 레이아웃의 기초를 공부하고 패키지 구성 방법에 대해 알아봅니다.
책갈피 : [00:00] layouts/[00:32] blog/[01:02] 기본 레이아웃 살펴보기/[03:00] 레이아웃 구성시 고려사항/[03:50] 메뉴 자동 출력 여부/[04:10] 서브 레이아웃 사용 여부/[04:43] 전용 변수/함수 사용 여부/[05:20] 레이아웃 폴더 생성/[07:18] name.txt 작성/[08:12] 레이아웃 확인/[08:55] 메인과 서브 레이아웃 생성/[09:11] 메인 레이아웃/[09:22] 서브 레이아웃/[10:46] main.css/[11:16] download.php 생성/[11:39] 결과 확인/[12:37] 레이아웃 추가 확인/[13:10] 레이아웃 기본 코드 확인/[14:08] 메뉴 자동추출여부의 장단점/[14:54] 이미지와 미디어 파일 관리 방법/[16:07] css와 js 파일 관리/[17:04] css 코드 편집/[18:20] _main.php 살펴보기/[18:36] $d['layout']/[19:28] 실습-레이아웃 제작/[20:56] 모듈 패키지 구성 방법/[23:41] 패키지 생성시 주의사항/[24:17] 결과 확인/[25:12] 레이아웃 패키지 구성 방법/[26:32] 테마 패키지 구성 방법/[27:54] 기타자료 패키지 구성 방법/[29:45] 사이트 패키지 구성 방법/[31:22] 실습-패키지 구성/[34:31] 패키지 등록시 확인/[34:45] 마켓 판매자 등록 절차/[35:41] 마켓 상품 등록 절차
- 05.37분 php 다루기 part1
킴스큐에 대한 php에 대해 공부하고, 모듈을 생성하는 방법에 대해 강의합니다.
책갈피 : [00:00] PHP 시작 방법/[00:34] apmsetup 설치/[02:47] 정상 동작중 확인/[03:00] apmsetup 환경 설정/[03:28] apache 설정/[03:42] PHP 설정/[03:58] PHP 확장/[04:13] MYSQL 설정/[04:32] 설치 폴더 확인/[05:09] 에디트플러스/[05:59] Localhost 확인/[06:21] Index.php 삭제/[06:41] 기본 설정/[06:56] 기본 인코딩 변경/[07:28] 열기/[08:07] SERVER['REMOTE_ADDR']/[08:25] 결과 확인/[09:02] 모듈의 메뉴 연결/[09:40] 모듈 연결 방식/[10:25] 새메뉴 만들기/[10:50] 전시내용-모듈콘텐츠/[11:04] 모듈 연결/[12:47] 결과 확인/[13:10] 메뉴 연결 방법/[13:37] var.joint.php/[14:21] var.joint.php 편집/[14:39] dropjoint/[15:27] 새메뉴 만들기/[15:43] 모듈 연결/[16:20] 결과 확인/[17:40] db 테이블 생성/[18:50] db.schema.php, db.table.php 생성/[19:28] db.table.php 편집/[20:14] 비밀테이블 추가/[20:54] db.schema.php 편집/[21:45] db 테이블 등록시 주의사항/[22:19] 모듈 삭제/[23:12] 모듈 설치/[25:00] 결과 확인/[27:05] main.php 편집/[27:43] 클론 모듈/[29:09] 클론 모듈 생성/[30:03] name.txt 편집/[30:44] 모듈 설치/[31:43] 결과 확인/[34:06] 위젯/[34:29] 게시판 위젯 확인/[35:34] post 폴더 살펴보기
- 06.37분 php 다루기 part2
php를 살펴보고 마켓에 대한 전반적인 부분들에 대해 강의합니다.
책갈피 : [00:00] 위젯/[00:20] 위젯리스트, 위젯안내/[00:31] 게시판 위젯/[00:48] post 폴더 살펴보기/[01:06] 디렉터리 생성/[01:19] 결과 확인/[02:37] admin.php, main.php 생성/[03:13] 결과 확인/[03:31] name.txt 편집/[04:54] 위젯설정페이지/[05:32] admin.php 편집/[05:59] widgetCode/[06:22] saveCheck/[06:58] 결과 확인/[08:34] opener.createTile/[10:38] main.php 편집/[11:32] 배열변수 확인/[12:14] 페이지 관리/[12:40] main.css 편집/[13:04] 블로그 확인/[13:15] 메인화면 편집/[13:24] 위젯으로 꾸미기/[14:24] 위젯 타이틀 변경/[14:50] 결과 확인/[15:25] Clear Widget Cache/[15:47] 콘텐트와 콘테이너 영역/[16:59] 대표이미지 첨부/[17:45] 대표이미지 첨부 방법1/[18:49] 대표이미지 첨부 방법2/[19:53] 글쓰기 동작방식/[20:18] 사진 첨부/[21:08] 타이틀 이미지 필드 생성/[23:24] 입력 상자 추가/[23:55] write.php 편집/[26:17] 결과 확인/[26:52] 마켓 살펴보기/[27:30] 큐마켓 기본정보, 킴스큐 회원정보/[27:56] 브랜드샵/[28:38] 패키지 설치/[28:51] 패키지 적용/[29:18] 환경/테마/[30:25] 스위치/[31:00] 업데이트/[32:02] 관리자/[32:39] 북마크/[33:08] SEO, SSL/[34:15] CSS/JS 캐시/[35:04] 인터넷 옵션 설정
- 07.36분 글 작성과 게시판 생성
글을 작성하고 메뉴와 게시판 연동에 대해 알아봅니다.
책갈피 : [00:00] 살펴보기/[00:43] 새 페이지 만들기/[01:02] 상단 메뉴바/[01:15] 테마 변경/[01:44] 새 테마만들기/[02:10] 메인페이지 꾸미기/[02:43] 전시형태-직접코딩/[03:33] 이미지 첨부하기/[04:21] 결과 확인/[04:31] 상단 로고 변경1/[05:29] 결과 확인/[05:45] 상단 로고 변경2/[05:56] 결과 확인/[06:09] 로고사이즈 조정1/[07:17] 로고사이즈 조정2/[08:36] 게시판 꾸미기/[09:05] 전시형태-모듈연결/[09:46] 새 게시판 생성/[11:10] 헤더파일/[12:10] 연결주소 확인/[12:55] 글쓰기/[13:15] 사진 추가/[13:36] 본문 내용 작성 및 수정/[14:52] 결과 확인/[15:22] 수정, 이동/[16:05] 게시판 카테고리 수정/[17:15] 글쓰기/[17:55] 본문 내용 작성 및 수정/[18:33] 사진 추가/[20:20] 결과 확인/[20:41] 공지글 쓰기/[21:02] 결과 확인/[21:38] 비밀글 쓰기/[22:09] 결과 확인/[23:07] Q&A 게시판 생성/[23:23] 새 메뉴만들기/[24:13] 질문답변 게시판 테마/[25:28] 패키지 설치/[27:16] 전시형태-모듈연결/[28:15] 질문글 쓰기/[29:10] 답변글 쓰기/[29:30] 진행결과/[29:37] 댓글 쓰기/[31:03] 허용등급/[31:56] 메뉴헤더 입력/[32:45] 갤러리 게시판 생성/[33:13] 이미지 슬라이더 위젯/[34:09] 패키지 설치/[34:41] 갤러리 편집
- 08.39분 갤러리 게시판 설정
갤러리 게시판의 모양을 바꿔봅니다.
책갈피 : [00:00] 갤러리 꾸미기/[00:26] 존재하지 않는 게시판 이유/[01:05] 게시판 생성/[01:28] dot gallery/[02:32] 패키지 설치/[03:06] 게시판 생성/[03:28] 연결 메뉴/[03:50] 헤더파일, 풋터파일 선택/[04:41] 모듈 연결/[05:15] 결과 확인/[05:59] 카테고리 등록/[06:24] 헤더파일, 풋터파일 선택/[07:07] 새글쓰기1/[08:33] 클릭시 원본사진 보기/[09:34] 이미지 삭제/[10:08] 새글쓰기2/[11:35] 본문으로 이동/[11:49] 이미지 크기 변경 테마/[12:35] 새글쓰기3/[13:12] 목록으로 이동/[14:15] 수정/[14:52] 새글쓰기4/[15:48] 서브메뉴/[16:13] 서브메뉴 등록/[16:48] 모듈 연결/[17:20] 모바일메뉴출력/[17:39] 메뉴숨김/[18:37] 메뉴차단/[21:01] 게시판 테마 변경/[21:18] Hulkzone event gallery theme/[21:56] 게시판 테마 등록/[22:35] 게시판 테마 설정/[22:57] 결과 확인/[23:50] WM Gallary/[24:17] 게시판 테마 등록/[24:40] 게시판 테마 설정/[25:06] 결과 확인/[25:21] 새글쓰기5/[25:50] 결과 확인/[26:21] 게시판 테마 변경/[26:52] 심플 보드 스킨/[27:41] 게시판 테마 등록/[29:01] 게시판 테마 설정/[29:33] 결과 확인/[30:42] 인쇄, 스크랩/[30:54] 댓글쓰기/[32:06] Highslide 썸네일 가로형/[33:35] 게시판 테마 등록/[34:00] 게시판 테마 설정/[34:21] 결과 확인/[35:52] 수정/[36:54] Highslide 썸네일 세로형/[37:05] 게시판 테마 등록/[37:20] 게시판 테마 설정/[37:30] 결과 확인
- 09.37분 쇼핑몰 테마, 페이지 생성
쇼핑몰 게시판 테마와 회원가입, 마이페이지를 생성해봅니다.
책갈피 : [00:00] 게시판 테마/[00:20] 깜찍한 상품 진열대 게시판 테마/[01:00] 게시판 테마 등록/[01:24] 결과 확인/[01:47] 게시판 테마 설정/[02:33] 글 수정/[02:54] 새메뉴 추가/[03:28] 새게시판 추가/[04:32] 새글쓰기/[05:36] 상세페이지 입력/[06:49] 글 수정-상세페이지 내용 추가/[08:17] 글 수정-이미지 위치 변경/[08:46] 글 수정-대표이미지 변경/[09:33] 새글쓰기/[10:10] 결과 확인/[11:42] 로그인/[12:37] 게시판 관리-회원 관리/[13:50] 항목별 회원관리/[15:10] 쪽지, 메일/[15:35] 회원가입 페이지 생성/[16:20] 회원가입 스킨/[16:55] 회원가입 스킨 등록/[17:49] 회원가입 스킨 업로드/[19:07] 업로드 방법/[19:41] 결과 확인/[19:53] 회원가입 페이지 등록정보/[20:11] 회원가입 페이지 만들기/[21:02] 결과 확인/[21:26] 회원가입 실행/[23:01] 마이페이지 만들기/[23:56] 회원관리 모듈/[24:13] 회원관리 모듈 업로드/[25:27] 모듈콘텐츠-모듈연결/[25:53] 결과 확인/[26:26] 작성글 확인/[27:48] 친구 요청/[29:18] 이용약관 수정/[30:19] 가입항목 추가/[31:42] 회원가입 설정/[32:06] 그룹/등급/[32:44] 이메일 양식/[33:23] 포인트/[33:57] 로그인창 이동/[34:20] 로그인위젯(테이블고정형)/[34:54] 위젯 설치/[35:20] 위젯 편집/[35:40] 위젯코드 추출/[36:19] 결과 확인
- 10.15분 홈 메뉴 설정
홈에 있는 메뉴들을 설정하고 파일 저장소를 살펴봅니다.
책갈피 : [00:00] 홈 메뉴 설정/[00:21] 레이아웃 설정/[00:44] 광고 설정/[01:27] 출력 설정/[02:50] 소셜 로그인/[03:28] 세부 설정/[03:48] 측면(좌우)메뉴 숨기기/[04:29] 서브메뉴 없을 경우 메뉴박스 숨김/[06:06] 카테고리 편집/[06:36] list.php 파일 내려받기/[07:14] list.php 파일 편집/[08:23] main.css 파일 편집/[09:06] 카테고리 색상 변경/[11:54] 임시파일 메모리에 저정하기/[12:49] 파일속성 변경/[13:09] index.php 파일 편집/[13:51] 레이아웃/[14:15] 파일저장소
- 킴스큐 css 분석
- 11.34분 킴스큐 css의 시작!
css 환경설정, potion, adminControl.abox, float
책갈피 : [00:00] 초기화/[00:07] 메뉴/[00:37] 어드민 바/[00:50] 로그아웃 후 화면/[01:14] bar.css/[01:41] 찾아 바꾸기/[02:43] adminControl .abox/[02:50] position/[03:51] static position/[04:09] absolute position/[04:34] relative position/[04:46] fixed pisition/[05:22] 찾아 바꾸기/[05:37] z-index/[06:31] top/[08:07] width/[09:50] height/[11:42] background/[14:16] border/[14:50] right/ left/ bottom/ top/[15:20] border-right/[16:21] border-bottom/[17:36] border-left/[19:07] overflow/[19:19] visible/ scroll/ auto/ hidden/[20:02] overflow:visible/[20:49] overflow:scroll/[21:12] overflow:auto/[22:24] adminControl .abox a{color}/[24:06] adminControl .aleft {float}/[24:20] float left/ right/[24:46] float left/[25:09] float right/[25:56] adminControl .aleft ul/[26:10] margin/ padding/[26:48] 그림 예제/[27:13] margin/ padding/ border/ contents/[28:23] adminControl .aleft ul {margin, padding}/[30:16] padding-left/[31:35] adminControl .aleft li {list-style-type}/[32:10] none/[32:21] disc/[32:54] circle/[33:12] square/[33:33] lower-roman
- 12.34분 어드민 박스 속성 파헤치기 part1
adminControl.aleft, border, margin, padding
책갈피 : [00:00] adminControl/[00:10] list-style-type:lower-roman/[00:24] list-style-type:upper-roman/[01:01] list-style-type:upper-alpha/[01:18] list-style-type:decimal/[01:37] float/[01:58] float:right/[02:20] 메뉴순서 변경/[02:33] float:left/[02:44] list-style-type:none/[02:57] padding/[06:27] border-left/[07:33] border-right/[08:51] border 속성/[08:54] height 조절/[09:38] border/[09:46] solid/[10:06] double/[10:52] solid/[11:05] double px 값 조절/[11:26] solid px 값 조절/[11:51] dashed/[12:40] dotted/[13:15] dashed와 dotted 비교/[14:44] 값 초기화/[14:58] 어드민 바 높이 변경/[15:13] font/[15:32] font-size/[16:04] font-family/[16:58] 주의할 점/[17:20] height/[17:35] color/[18:04] a:hover/[18:17] img/[18:57] margin-bottom 값 조절/[20:09] position:relative/[21:04] position:static/[22:01] margin-bottom 값 조절/[22:19] position:absolute/[23:09] static과 absolute 비교/[23:26] position:fixed/[23:56] position:relative/[24:09] margin-bottom 값 초기화/[24:26] top/[25:38] editpage/[26:42] letter-spacing 값 조절/[27:54] color 변경/[28:14] font-weight:normal/[28:30] font-weight:bold/[28:40] font-weight:normal/[28:49] letter-spacing/ color 변경/[29:01] font-size/[29:43] font-weight:bold/[30:06] 사용자 설정/ 킴스큐 설정 부분/[30:19] float:right/[30:42] float:left/[31:09] ul float:left/[31:34] margin/ padding/[31:40] list-style-type/[32:50] aright .arrow{border-right}
- 13.34분 어드민 박스 속성 파헤치기 part2
adminControl.aright.arrow img, cursor, amenubox, overflow
책갈피 : [00:00] adminControl img/[00:48] padding/[02:18] margin/[03:23] adminControl .tool/[03:25] border-left/[04:30] dotted/[04:49] cursor:pointer/[06:06] cursor:help/[07:09] cursor:move/[07:44] cursor:progress/[08:21] cursor:s-resize/[08:56] cursor:text/[09:38] cursor:wait/[10:02] cursor:inherit/[10:46] cursor:move/[10:58] cursor:inherit/[11:08] url/ auto/[11:29] default/[12:27] 주요 관리모듈/[12:50] cursor:pointer/[13:08] adminControl .amenubox/[13:33] top/[15:13] width/[16:02] background/[16:38] border/[17:54] border-top/[18:38] border-left/ right/ bottom/[18:57] border-left dashed/[19:25] border-right dotted/[19:41] border-bottom groove/[20:25] groove/[21:13] ridge/[22:34] px/[23:11] inset/[24:04] outset/[24:43] border 속성/[24:52] solid/[25:02] double/[25:06] dashed/[25:12] dotted/[25:15] ridge/[25:20] inset/[25:26] outset/[25:33] hidden/[26:39] none/[26:56] overflow:hidden/[27:29] height/[27:53] overflow:auto/[28:43] overflow:scroll/[29:39] overflow:auto/[30:17] adminControl li:hover/[30:32] background/[32:02] border-bottom/[32:16] px/[32:36] dotted/[32:54] 색상변경/[33:13] border-top/[33:52] padding-top
- 14.36분 header의 모든것 part1
border를 사용해 padding을 확실히 공부하고 logo, login, searchform 를 자유롭게 움직여봄
책갈피 : [00:00] header/[00:50] ftp 원격 파일 열기/[01:08] 어드민/ 홈에서 style 적용 가능/[01:41] 자동줄바꿈/[02:09] 찾아 바꾸기/[02:45] header/[02:52] topmenu/[02:56] footer/[03:19] 세 부분/[03:38] header .wrap/[04:03] border-bottom/[04:39] 색상 변경/[04:59] double/[05:23] dashed/[05:36] dotted/[05:53] px/[06:13] header .logo {float:lift;/[06:41] padding/ margin/[07:07] float:right/[07:50] padding/ margin/[08:07] border/[08:45] em/[10:10] padding/[11:04] margin/[12:33] margin-top/[13:27] float:center/[13:47] margin-left/[15:03] position:relative/[15:38] header .logo/[15:54] header {float:right;/[16:28] float:left/[17:28] position:relative/[17:36] login a/ login i/[17:58] display/[20:44] inline/[21:32] margin/[23:04] top. width/ height/[24:05] margin/[24:16] border 추가/[24:47] border-bottom/[25:14] search/[25:35] float:left/[25:58] position/[26:09] margin/[26:44] em/[28:55] search form {display:block;/[29:13] width/ height/ background/[31:18] search keyword/[31:31] border radius/[34:29] search keyword/[34:52] float:left/[35:10] float:right
- 15.36분 header의 모든것 part2
hearder.search.keyword, font-size, font-family, font-weight, hearder.search.sbtn, topmenu
책갈피 : [00:00] padding/ margin/[00:21] padding/[03:28] margin/[04:24] width/ height/[04:42] font-size/[06:29] font-family/[07:18] padding-bottom/[07:38] color/[08:35] border/[09:40] color/[10:35] background/[11:12] header .search font-weight/[11:39] font-weight/[11:54] normal/[12:39] bold/[13:20] bolder/[14:16] lighter/[15:15] inherit/[15:36] font-size/[16:18] font-family/[16:54] color/[18:17] header .search .sbtn/[18:51] float:left/[19:02] float:right/[19:31] padding/[20:14] border/[21:51] top/ left/[22:36] topmenu/[22:53] border-bottom/[23:38] topmenu ul/[23:52] padding/[24:15] margin/[24:57] margin-left/[25:50] 어드민 접속-게시판/[26:05] 새 게시판 만들기/[26:41] 글쓰기/[28:42] 글 작성한 것 확인/[28:48] 본문 내용 입력/[29:15] 꾸미기-메인화면 설정/[29:44] 새 게시판 만들기/[30:11] 글쓰기/[30:51] 글 작성한 것 확인/[31:00] 꾸미기-메인화면 설정/[31:59] main.css 원격 열기/[32:40] 찾아 바꾸기/[32:58] 자동 줄바꿈/[33:10] content .mainbox .post/[33:32] float:right/[34:11] width/ height
- 16.35분 킴스큐 메인박스 수정
content.mainbox.post,width, wite-space 파헤치기
책갈피 : [00:00] content .mainbox .post/[00:13] border/[00:43] border 값 변경/[01:46] solid/ dotted/[02:51] inset/[04:12] groove/ ridge/[05:58] post0, post17/[09:54] width 변경/[10:22] post8, post10, post18, post26/[11:39] box1 padding/[13:00] box1 .title height/[13:46] white-space/[13:57] nowrap/[14:07] normal/[14:14] pre/[14:19] pre-wrap/ pre-line/[14:34] inherit/[15:26] normal/[15:39] nowrap/[16:25] pre/[17:35] pre-line/[18:21] pre-wrap/[18:57] normal/[19:05] overflow:scroll/[19:27] overflow:auto/[20:04] text-overflow/[21:23] 아무 속성 없을때/[21:45] overflow:hidden/[22:01] white-space:nowrap/[22:25] overflow:hidden, white-space:nowrap/[23:31] overflow:hidden, white-space:nowrap, text-overflow:ellipsis/[24:44] 화면에서 확인/[25:20] .post .box1 .title/[25:27] font-weight:bold/[25:40] font-weight:normal/[26:11] font-family/[26:39] Georgia/[26:48] 글꼴 띄어쓰기 주의점/[27:27] 글꼴 세팅할 때 주의점/[28:55] sans-serif/[29:23] serif/[31:40] font-size/[32:00] color/[32:35] height/ line-height/[33:51] font-weight/ font-family/[34:09] font-size/ color/ white-space/ overflow/[34:14] text-overflow/[34:31] nowrap
- 17.36분 info 창의 완벽 변신
6content.mbrinfo, content.mbrinfo.symbol, namer, text-decoration, list-style-type
책갈피 : [00:00] test2/[00:31] .mbrinfo border/[01:06] double/[01:37] boder 속성/[02:00] groove/[02:57] outset/[03:30] margin-bottom/[04:16] background/[04:50] padding/[07:01] .symbol/[07:21] float:right/[07:42] 사진등록/[08:16] float/[08:31] img/[09:56] name/[11:19] margin/[12:18] namel height/[13:43] font-weight/[14:26] font-family/[15:47] color/[16:10] height/[16:19] padding/[17:43] namer padding/[19:01] padding-right/ padding-left/[20:30] score/[21:01] font-size/[21:32] font-family/[22:23] padding/[22:58] border/[24:26] dashed/[24:57] dotted/[25:18] text-decoration/[25:49] text-decoration 속성/[25:58] none/[26:08] underline/[26:22] overline/[26:31] line-through/[26:39] blink/[26:47] inherit/[27:25] underline/[27:42] overline/[28:06] line-through/[28:33] submenu/[28:57] submenu list-style-type/[29:30] decimal/[29:56] lower-roman/[30:10] upper-roman/[30:30] lower-alpha/[30:43] 메뉴-새 메뉴/[31:38] 메뉴-서브메뉴등록/[32:13] upper-alpha/[32:36] border/[33:34] padding/ margin/[33:56] border-radius
- 18.37분 submenu의 모든것 part1
img, repeat, line-height, color, 광고글 설정, content.hotbox.tabbox
책갈피 : [00:00] submenu/[01:19] background/[02:30] icon/[02:43] ftp 전송/[02:56] 화면 확인/[03:08] icon/[03:38] icon color 변경/[04:06] image/arr_plus.gif/[04:35] px/[06:22] no-repeat/[06:32] repeat/[07:41] padding/[07:46] border/[08:23] padding px/[11:25] line-height/[13:27] border-bottom/[14:37] color/[15:04] hover/[16:04] text-decoration:underline/[16:44] text-decoration:overline/[18:06] border-bottom:dotted/[18:46] dashed/[19:05] font-family/[20:16] hover:font-family/[21:03] 광고설정/[22:10] 원격파일열기/[22:42] cursor:move/[23:20] cursor:default/[23:43] cursor:nw-resize/[24:10] cursor:progress/[24:39] cursor:text/[25:04] cursor:wait/[25:41] cursor:pointer/[26:00] 많이본글/ 댓글많은글/[26:51] hotbox/[27:00] border/[28:22] margin-bottom/[30:15] float:right/[30:46] float:left/[31:17] width/[31:36] float:left/[32:38] height/[33:24] padding-top/[34:12] background/[35:29] border-top/[36:00] border-bottom
- 19.39분 submenu의 모든것 part2, bbs의 모든것 part1
text-align, content.hotbox.hbody li.emp, font-style, font-size의 부가속성
책갈피 : [00:00] text-align/[00:14] text-align 속성/[00:34] text-align:right/[00:47] text-align:left/[01:14] font-weight/[01:21] font-weight bold, normal/[01:59] font-family/[02:54] color/[03:29] cursor:pointer/[04:08] hotbox .hbody/[04:32] background/[05:06] border/[06:07] dotted/[06:50] hotbox .hbody li i/[07:06] display:inline-block/[07:19] width/[07:51] height/[08:36] margin-right/[09:25] font-style:normal/[09:52] font-style:italic/[10:35] font-size/[11:28] font-size:xx-large/[11:56] font-size:x-large/[12:18] font-size:large/[12:37] font-size:mediun/[12:48] font-size:small/[13:01] font-size:x-small/[14:09] font-family:arial/[14:17] font-family:Times New Roman/[14:30] Georgia/[14:41] serif/[15:35] color/[15:54] letter-spaing/[17:29] text-align/[17:37] text-align:right/[17:51] text-align:left/[18:06] text-align:center/[18:10] background/[19:09] border/[19:56] dotted/[20:29] border-radius/[21:57] _main.css/[22:19] font-family/[23:34] font-size/[23:56] main.css/[24:07] height/[26:05] 원격파일열기/[26:52] 찾아바꾸기/[27:17] 자동줄바꿈/[27:34] 블로그 제목 확인/[27:46] bbsview .viewbox .subject h1/[28:13] padding/[28:16] border/[29:30] font-size/[29:58] font-family/[31:20] font-size/[31:22] font-weight/[31:54] border-bottom/[32:45] padding/[34:06] text-align:center/[34:38] text-align:right/[34:59] text-align:left/[35:12] text-align 삭제/[35:49] bbsview .viewbox .info .han/[36:01] font-family/ font-size/[36:46] color/[37:14] bbsview .viewbox .info .xleft/[37:28] float:left/[37:43] float:right/[38:10] color
- 20.35분 bbs의 모든것 part2
bbsview.viewbox.info, scorebox, snsbox, bottom, comment, bbslist.info.article
책갈피 : [00:00] 글 입력/[00:41] view box 살펴보기/[01:18] _main.css/[01:51] text-decoration:underline/[02:05] font-size/[03:01] font-family/[03:17] 아이콘 확인/[03:58] 신고 아이콘 변경/[04:29] 결과 확인/[04:40] 인쇄 아이콘 변경/[05:19] 결과 확인/[05:28] 스크랩 아이콘 변경/[05:59] 결과 확인/[06:08] 전체 아이콘 변경/[07:15] 결과 확인/[07:23] 글꼴 아이콘 확인/[08:16] 글꼴 아이콘 변경/[08:44] 결과 확인/[09:02] 기호 아이콘 확인/[09:32] 기호 아이콘 특징/[10:13] 기호 아이콘 변경/[11:01] 결과 확인/[11:59] viewbox.info/[12:23] padding 수정/[12:37] margin-bottom 입력/[13:28] viewbox.content/[14:14] snsbox/[14:58] text-align:left/[15:25] text-align:center/[15:53] sys.css/[17:44] button/[17:51] border-top 수정/[18:10] 결과 확인/[18:38] letter-spacing/[19:37] font-family/[20:02] 결과 확인/[20:16] font-size/[20:50] bbsview.bottom/[21:18] padding 수정/[21:53] comment/[22:33] bbslist.info.article/[23:21] font-size, font-family 수정/[23:59] 번호 폰트 변경/[24:20] 제목 폰트 변경/[24:41] 카테고리 폰트, 색상 변경/[25:24] 글 제목 폰트 변경/[25:38] 글쓴이 폰트 변경/[26:09] 검색, 제목 태그 수정/[26:35] 검색 버튼 수정/[27:14] font-family 입력/[27:29] 입력창 수정/[28:38] border 값 수정/[30:32] groove/[31:47] inset/[32:24] 사이드바 위치 변경/[33:43] margin 수정
'추천강의' 카테고리의 다른 글
| 노드제이에스 강좌 리뷰 추천 (0) | 2017.10.27 |
|---|---|
| 테크노트 교육 추천 (0) | 2017.10.27 |
| 스칼라 리뷰 강좌 추천 (0) | 2017.10.27 |
| 제이쿼리 강좌 리뷰 (0) | 2017.10.27 |
| 일러스트cc 추천 강좌 리뷰 (0) | 2017.10.24 |