킴스큐 - 총 11시간 45분 / 강의당평균 : 35분15초

킴스큐

전체 : 11시간 45분 / 강의당평균 : 35분15초

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 php 다루기 part1

킴스큐에 대한 php에 대해 공부하고, 모듈을 생성하는 방법에 대해 강의합니다.

37분

책갈피 : [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 php 다루기 part2

php를 살펴보고 마켓에 대한 전반적인 부분들에 대해 강의합니다.

37분

책갈피 : [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 킴스큐 css의 시작!

css 환경설정, potion, adminControl.abox, float

34분

책갈피 : [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 어드민 박스 속성 파헤치기 part1

adminControl.aleft, border, margin, padding

34분

책갈피 : [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 어드민 박스 속성 파헤치기 part2

adminControl.aright.arrow img, cursor, amenubox, overflow

34분

책갈피 : [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 header의 모든것 part1

border를 사용해 padding을 확실히 공부하고 logo, login, searchform 를 자유롭게 움직여봄

36분

책갈피 : [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 header의 모든것 part2

hearder.search.keyword, font-size, font-family, font-weight, hearder.search.sbtn, topmenu

36분

책갈피 : [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 킴스큐 메인박스 수정

content.mainbox.post,width, wite-space 파헤치기

35분

책갈피 : [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 info 창의 완벽 변신

6content.mbrinfo, content.mbrinfo.symbol, namer, text-decoration, list-style-type

36분

책갈피 : [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 submenu의 모든것 part1

img, repeat, line-height, color, 광고글 설정, content.hotbox.tabbox

37분

책갈피 : [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 submenu의 모든것 part2, bbs의 모든것 part1

text-align, content.hotbox.hbody li.emp, font-style, font-size의 부가속성

39분

책갈피 : [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 bbs의 모든것 part2

bbsview.viewbox.info, scorebox, snsbox, bottom, comment, bbslist.info.article

35분

책갈피 : [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 수정

샘플확인 : 알지오 검색후 -> 강의검색란 -> 킴스큐