그누보드5 전체 10시간 6분 강의당평균 43분17초

그누보드5

전체 : 10시간 6분 / 강의당평균 : 43분17초

01 PC버전 레이아웃 실무작업 part1

그누보드 설치, 홈페이지 기본 환경 설정, 게시판 관리

53분

책갈피 : [00:05] 그누보드 설치 방법 두가지 / [01:29] 파일 업로드 / [01:41] 도메인 접속 / [02:23] 디렉터리 만들기 / [02:45] 파일 속성 바꾸기 / [03:15] 설치 / [04:00] 설치시 주의점 / [04:30] 새로운 그누보드5 로 이동 / [05:00] 최고관리자로 로그인 / [05:30] 관리자모드-환경설정 / [06:15] 홈페이지 제목 수정 / [07:46] 주의할점 / [09:03] 회원가입 설정 / [09:18] 주의할점 / [10:31] 홈페이지 기본환경 설정 / [10:37] 관리권한설정 / [11:09] 메일 테스트 / [12:01] php info / [13:07] 게시판 관리 / [13:33] 게시판 그룹 생성 / [14:31] 게시판 추가 / [14:54] 게시판 그룹 관리 / [16:03] 게시판관리 확인 / [16:40] 게시판 기본 설정 / [18:02] 확인 / [19:07] 게시판 추가 / [19:52] 확인 / [20:33] 게시판 수정 / [21:00] 게시판 디자인/양식 / [21:52] 관리자 메일 주소 / [22:40] 포인트 / [23:11] 쪽지 보낼시 차감 포인트 / [23:52] 정보공개 수정 / [24:26] 최근게시물, 쪽지 삭제 / [25:06] 현재 접속자 / [25:56] 한페이지당 라인수 / [26:40] 에디터 선택 / [27:06] 음성캡챠 선택 / [27:56] 포인트 유효기간 / [28:55] 방문자분석 스크립트 / [29:37] 추가 메타태그 / [30:18] 새로고침 후 소스보기 / [30:55] 게시판 기본 설정 / [31:02] 글쓰기 간격 / [31:26] 새창 링크 / [32:27] 글읽기 포인트 / [32:50] 다운로드 포인트 / [33:36] 검색 단위 / [33:50] 업로드 확장자 / [34:29] 단어 필터링 / [34:43] 회원가입 설정 / [35:06] 스킨 / [35:22] 보이기, 필수입력 / [36:14] 회원가입시 권한 / [37:15] 회원탈퇴후 삭제일 / [37:52] 입력 금지 메일 / [38:12] 본인 확인 설정 / [40:30] 기본 메일 환경 설정 / [41:42] 폼메일 사용 여부 / [42:06] 게시판 글 작성 시 메일 설정 / [43:19] 회원가입 시 메일 설정 / [44:00] 소셜네트워크서비스 / [46:52] 레이아웃 추가설정 / [47:28] 초기화면 파일 경로 / [48:52] 상단,하단 파일 경로 / [49:36] 추가 스크립트, css / [51:07] SMS / [52:19] 여분필드 기본 설정

02 PC버전 레이아웃 실무작업 part2

관리 권한 설정,메일테스트,팝업레이어 관리,회원관리,게시판관리,SMS 관리

51분

책갈피 : [00:05] 관리 권한 설정 / [00:34] 메뉴 설정 / [01:03] 메뉴 생성 방법 / [01:52] 내용 확인 / [02:58] 트리에 트리 만들기 / [04:00] 메뉴 순서 정의 / [05:09] pc사용과 모바일사용 / [05:46] 메일 테스트 / [06:00] 또다른 메일 주소 입력 / [06:58] 팝업레이어 관리 / [07:15] 새창 관리 추가 / [09:28] 내용 확인 / [09:43] 세션파일 일괄삭제 / [10:54] 캐시파일 일괄삭제 / [11:33] 썸네일파일 일괄삭제 / [12:09] php info / [12:52] 회원관리 / [13:07] 회원 수정 / [13:31] 회원 메일 발송 / [14:20] 미리보기 / [15:03] 접속자집계 / [15:50] 접속자 로그 삭제 / [16:48] 포인트 관리 / [17:03] 투표 관리 / [17:59] 투표가능 회원레벨 / [18:30] 내용 확인 / [18:51] 게시판 권한 설정 / [19:51] 게시판 기능 설정 / [20:41] 글쓴이 사이드뷰 / [21:11] DHTML 에디터 사 용 / [21:56] 추천, 비추천 사용 / [22:21] 이름(실명) 사용 / [23:10] IP 보이기 사용 / [25:07] 전체목록보이기 사용 / [25:22] 메일발송 사용 / [25:40] 본인확인 사용 / [26:07] 파일 업로드 개수 / [26:48] 최소 글수 제한 / [26:56] 최소 댓글수 제한 / [27:18] 전체 검색 사용 / [28:03] 출력 순서 / [28:18] 스킨 디렉토리 / [29:10] 글쓰기 기본 내용 / [30:30] 제목 길이 / [31:22] 게시판 폭 / [32:00] 답변 달기 / [32:52] 리스트 정렬 필드 / [33:45] 게시판 포인트 설정 / [34:37] 게시판 여분필드 설정 / [35:30] 게시판 그룹관리 / [35:57] 게시판그룹 수정 / [36:45] 인기검색어 관리 / [37:34] 인기검색어 순위 / [37:50] 1:1 문의 설정 / [38:52] SMS 알림 / [39:22] 관리자 이메일 / [40:07] 상단 하단 파일 경로 / [40:37] 팝업 보기 / [41:07] 내용 관리 / [42:00] 내용 보기 / [42:30] 내용 추가 / [43:22] 태그필터링 사용 / [44:15] 내용 확인 / [45:00] FAQ관리 / [45:21] FAQ 추가 / [46:27] 내용 확인 / [47:30] 본문 입력 / [48:22] FAQ 상세내용 추가 / [49:30] 내용 확인 / [49:52] sms 관리

03 PC버전 레이아웃 실무작업 part3

그누보드 레이아웃 수정작업,로고,메뉴,버튼 위치 수정

43분

책갈피 : [00:06] 그누보드 레이아웃 수정 작업 / [00:33] 게시판 관리에서 하단 내용 보기 / [01:34] 에디트 플러스 열기 / [01:48] 소스 확인 / [02:07] 메뉴 추가 / [02:49] 내용 확인 / [03:58] 파일 열기 / [04:39] CSS 수정 / [05:41] div id=hd / [06:46] div id=hd_wrapper / [07:46] 로고 float , padding 값 확인 / [08:39] 패딩값 수정 / [09:09] 로고 이미지 가져왔을 경우 / [10:24] 검색바 / [11:13] 로고와의 여백 보기 / [12:05] 검색창 안에 입력되는 내용 css / [13:13] 패딩값 수정 / [14:15] width 값 수정 / [14:50] 보더값 제거 / [15:52] line-height / [17:10] 폰트 값 추가 / [17:48] 검색 버튼 / [18:18] css 보기 / [19:25] 값 추가 / [20:14] 폰트 사이즈 추가 / [21:21] div id=text_size / [22:15] 자간간격 / [24:00] 테두리 컬러 변경 / [24:41] 버튼 백그라운드 이미지 가져오기 / [25:30] 버튼 사이 여백 / [26:03] 우측 메뉴 / [28:32] 여백 / [29:22] 메뉴간 간격 조절 / [30:48] 글자 간격 조절 / [31:18] line-height / [32:15] 메뉴 위치 변경 / [33:07] 절대위치 입력 / [33:22] 내용 확인 / [34:04] z-index 입력 / [34:30] 텍스트 크기 조절 / [36:30] 메뉴 위치 수정 / [38:52] 로고부분 작업 / [39:59] hd_wrapper / [40:15] 버튼 위치 재 조정 / [41:00] 검색바 위치 재 조정 / [42:04] 검색바 위치 재 조정2

04 PC버전 레이아웃 실무작업 part4

메뉴 작업, 하부 트리, 페이지 만들기, 로그인 스킨 제작

46분

책갈피 : [00:05] 메뉴 설명 / [00:18] css 확인 / [00:44] 점선 확인 / [01:33] ul css 코딩 확인 / [02:05] 해당 내용 확인 / [03:07] li 안에 a 태그 / [03:30] 실제 적용 사항 / [04:25] 메뉴 간격 수정 / [05:13] 메뉴 높이 / [06:30] 이미지 포지션 / [07:00] center 제거 후 새로고침 / [07:59] 밑줄 / [08:20] 문서 초반 설정 사항 / [09:01] 컬러값 입력 / [10:33] 마우스 오버 / [11:01] 텍스트 색 변경 / [11:33] 백그라운드에 대한 선언 / [12:07] 실질적인 내용 / [13:52] 마우스 오버시 밑줄 적용 / [14:28] 메뉴에 메뉴 넣기 / [14:52] 위치 정의 / [16:40] 메뉴 높이 정의 / [17:33] 메뉴 넓이 정의 / [18:07] 2차 메뉴에 대한 ul / [18:26] 하부 트리 ul / [20:00] 마우스 오버 시 배경 / [20:37] 새로고침 후 확인 / [21:37] 페이지 만들기 / [22:48] 게시판 관리 - 내용관리 / [24:07] 확인 / [25:18] 중간 레이아웃 / [26:59] 메인메뉴 / [27:48] #aside / [29:03] 마진값 변경 후 확인 / [30:22] 로그인 스킨 / [31:36] 로그인 스킨 제작 / [32:28] css 경로 확인 / [34:07] h2 회원로그인 / [35:30] 회원 아이디 입력창 / [37:30] 필수 입력 부분 백그라운드 / [38:05] 입력 폰트 정의 확인 / [39:00] 문제점 / [39:37] 비밀번호 입력창 / [40:13] 회원 아이디 텍스트 문구 / [41:12] 폰트 컬러, 사이즈 변경 / [41:42] 비밀번호 텍스트 문구 / [42:15] input / [43:50] 로그인 / [45:00] css 수정후 확인 / [45:34] 로그인에 대한 텍스트

05 PC버전 레이아웃 실무작업 part5

회원가입, 자동로그인창 설정, 로그인 후 관리자 창 설정,팝업 쪽지 설정

53분

책갈피 : [00:05] 회원가입, 자동 로그인 부분 알아보기 / [00:26] 소스 보기 / [02:23] 회원가입 폰트 컬러 변경 / [03:20] 회원가입과 정보찾기 분리 / [05:14] 구분선 / [06:28] 자동로그인 / [07:15] 인풋 설정 보기 / [07:54] 자동로그인 텍스트 보기 / [08:22] 새로고침 후 확인 / [08:37] 로그인 후 내용 / [09:33] 관리자 모드 부분 소스 보기 / [10:35] 나의 회원정보 부분 보기 / [11:16] strong 태그에 내용 추가 / [13:00] 기본 내용에 폰트 사이즈 추가한 경우 / [13:35] ul id=o l_after_private / [14:09] 아웃 로그인 스킨 css / [15:01] ol_after_private li / [15:37] ol_after_private a / [16:07] 패딩 탑 값 변경 / [16:52] 높이값 변경 / [17:14] 백그라운드 변경 / [17:45] 쪽지에 대한 넓이값 / [18:15] 텍스트 컬러 변경 / [18:41] 텍스트 사이즈 변경 / [19:30] ol_after_private a strong / [20:45] ol_after_pt / [21:22] ol_after_scrap / [21:56] 마우스 오버시 배경 컬러 / [22:47] 숫자값 컬러 변경 / [23:45] 정보수정, 로그아웃 버튼 / [23:56] ol_after_ft / [24:37] ol_after_ft a / [25:33] ol_after_ft a:focus / [25:48] 새로고침 후 확인 / [26:47] 쪽지 팝업 / [27:00] css 보기 / [28:15] 새로고침 후 확인 / [28:47] 문구 변경 / [29:18] 스킨 에서 기본 사항 보기 / [30:41] 메뉴탭 / [31:33] 새로고침 후 확인 / [32:12] 마진값 변경 / [33:27] 패딩값 변경 / [34:19] border-bottom 값 변경 / [35:35] new_win. win_ul li / [36:28] new_win. win_ul a / [37:28] 값 수정 후 확인 / [38:49] 구분선 설정 / [39:37] 밑줄 / [40:52] 메뉴 폰트 색상 변경 / [41:27] new_ win. tbl_wrap / [43:00] tbl_head01 thead th / [44:45] 컬러값 변경 / [45:37] 글자 자간 변경 / [47:00] tbl_head01 td / [48:15] 텍스트 컬러 변경 / [48:37] new_win . win_desc / [49:22] new_win . win_btn / [50:07] 버튼 넓이 변경 / [51:30] 쪽지 클릭 후 확인 / [52:23] 소개와 보유 포인트 부분

06 PC버전 레이아웃 실무작업 part6

정보 수정, 회원 비밀번호 확인, 회원가입 약관, 회원가입 완료 페이지

45분

책갈피 : [00:05] 정보 수정 부분 / [00:59] 여백 확인 / [01:53] 스타일 시트 보기 / [02:15] 회원 비밀번호 확인 부분 소스 보기 / [03:23] 회원 비밀번호 확인 부분 수정 / [03:59] 여백 수정 / [04:24] 컬러값 변경 / [04:41] 문구 수정 / [05:14] 테두리 수정 / [06:46] 줄간격 적용 / [07:38] 폰트 크기, 컬러 변경 / [08:43] 회원 아이디 부분 / [09:56] 폰트 컬러 변경 / [10:26] 비밀번호 입력 부분 / [12:46] 확인 버튼 부분 / [13:35] 여백값 조절 / [15:07] 컬러 변경 / [15:33] 메인으로 돌아가기 부분 / [16:17] 컬러값 입력 / [16:37] a 링크 설정 / [17:32] 폰트사이즈 변경 / [18:14] 회원가입 약관 부분 / [19:22] container_title / [19:48] 폰트사이즈 변경 / [20:37] 타이틀 디자인 변경 / [21:52] 회원가입 문구 부분 / [22:18] 문구 수정 후 새로고침 / [22:45] fregister p / [22:56] 수정 후 새로고침 / [23:11] 회원가입 약관 부분 여백 / [24:03] 수정 후 새로고침 / [24:33] 텍스트 스타일 변경 / [25:37] texarea 수정 / [26:26] width 값 수정 / [26:48] height 값 수정 / [27:22] 약관 동의 부분 / [27:48] regidter, fregister_agree / [28:18] 레이블 선언 / [28:48] 컬러 변경 / [29:26] 회원 가입 / [30:11] 문구 수정 / [31:17] 틀 변경 / [32:37] th 기본적인 사항 / [33:22] 넓이 조절 / [34:00] 보더값 입력 / [35:20] 레이블에 이중 css 주기 / [36:00] 셀 부분 보기 / [36:52] 내용 추가 후 확인 / [37:43] 회원가입 완료 페이지 / [38:15] 소스 보기 / [38:49] 이미지 추가 / [40:30] reg_result / [40:52] reg_result p / [41:15] 텍스트 사이즈 변경 / [42:22] 상속된 내용에 추가 / [43:12] 변경사항 확인 / [43:37] 조건 추가 / [44:15] 변경사항 확인

07 PC버전 레이아웃 실무작업 part7

서브페이지,메뉴 레이아웃에 맞추기,하단 레이아웃

31분

책갈피 : [00:05] 서브 페이지 / [00:51] 소스 보기 / [01:26] 본문 여백 / [02:30] 콘텐츠 시작 / [03:07] 레이아웃 넓이 변경 / [05:15] 메뉴 레이아웃에 맞추기 / [06:42] 메인메뉴 내용 추가 / [07:09] top 값 입력 / [07:40] border 값 추가 / [08:33] width 값 수정 / [09:13] 아래 내용 보기 / [09:50] 하단 레이아웃 소스 보기 / [10:52] 인기검색어 부분 / [11:52] 새로고침 후 확인 / [12:05] 스타일 시트 보기 / [12:39] 선 컬러 변경 / [12:50] 접속자 집계 부분 / [13:35] 텍스트 수정 방법 / [15:31] 접속자 리스트 설명 / [16:52] 일반 값에 대한 dt 선언 / [17:41] dd 값 수정 / [18:32] 전체 내용 수정 / [19:03] 원하는 곳에 컬러 넣기 / [19:37] 볼드 값 적용 / [20:36] div id=ft_catch / [20:52] 수정 방법 / [21:59] div id=ft_copy / [22:56] 텍스트 컬러 변경 / [23:44] 구분선 / [24:03] 링크값 설정 / [24:44] 값 추가 / [26:15] 절대위치 / [26:56] 밑줄 / [27:56] 모바일 버전으로 보기 부분 / [29:03] 소스 보기 / [30:02] 수정 후 확인

08 PC버전 레이아웃 실무작업 part8

게시판, 게시판 페이지, 게시판 읽기

48분

책갈피 : [00:03] 게시판 / [01:34] 인덱스 페이지 수정 / [02:23] 공지사항 부분 / [03:07] 최근 게시물 스킨 / [04:00] 실선 / [04:42] 공지사항 부분 / [05:42] 수정후 확인 / [06:15] 여백 설정 / [06:30] 컬러 변경 / [07:12] 아래 여백 / [07:56] it_more / [08:22] 더보기 텍스트 컬러값 변경 / [09:01] ul 목록 / [10:11] 패딩값 수정 / [10:24] 내용 확인 / [10:41] 문제점 해결 / [11:54] li 아래 실선 삽입 / [13:05] 패딩값 조절 / [13:33] 리스트 내용 변경 / [14:24] display block 입력 / [15:52] 공지사항 출력 갯수 설정 / [17:00] 이미지 또는 다른내용 부분 / [18:21] div로 묶어주기 / [18:48] 결과 확인 / [19:41] 게시판 페이지 / [21:18] container / [21:47] div class=bo_fx / [22:41] 텍스트 컬러 변경 / [23:25] 모든글 부분 내용 추가 / [25:14] 로그인 / [25:48] btn_bo_user li / [26:45] a.btn_b02 / [28:30] 사이즈 변경 / [29:18] div class=tbl_head01 tbl_wrap / [30:26] 타이틀 셀 / [31:06] 컬러 변경 / [33:00] td 리스트 / [34:22] 글자 위치 변경 / [35:30] 선 컬러 변경 / [36:04] 게시판 읽기 / [37:52] 공지사항 타이틀 부분 / [38:45] 제목 이하 내용 / [39:00] bo_v_info / [39:37] bo_v_top / [40:27] bo_v_top ul / [41:07] bo_v_nb li / [42:00] 게시판용 버튼 부분 / [43:22] bo_v_info h2 / [44:35] 댓글 목록 부분 / [45:22] bo_vc article / [46:05] 여백 수정 / [46:36] 답변 수정 삭제 / [46:52] bo_vc act / [47:24] bo_vc act li

09 모바일버전 레이아웃 실무작업 part1

모바일 게시판, 메뉴, 버튼, 폼 속성, 상단메뉴, 자주하는질문, 문제 해결 버튼 설정

45분

책갈피 : [00:32] 그누보드에서 모바일 접속 / [00:57] 게시판 수정 / [01:26] header id=hd / [01:41] 모바일용 css 열기 / [02:23] div id=logo / [03:07] 우측 메뉴 버튼 / [03:38] 소스 보기 / [04:15] 위치 지정 / [04:46] 버튼 텍스트 / [06:43] 검색버튼 / [07:12] 메뉴 튜닝 / [07:30] 소스 보기 / [08:33] 백그라운드 컬러값 변경 / [09:20] ul / [10:05] 적용된 부분 소스 보기 / [10:31] 폰트 컬러값 적용 / [11:24] 여백 / [12:31] hd ul, nav ul / [13:56] gnb a / [14:30] 변경 후 확인 / [15:33] gnb 2da span:before / [16:15] 변경 후 확인 / [17:37] gnb close / [19:37] 검색 버튼 클릭 / [20:22] 폼 속성 / [20:41] hd sch form / [21:25] 텍스트 / [23:03] 백그라운드 컬러 제거 / [23:52] 입력 컬러 / [24:07] 검색 버튼 / [26:45] 인풋 타입 / [27:56] 상단 메뉴 / [28:33] 컬러 정의된 부분 소스 보기 / [29:33] hd nb li:nth last of type / [30:56] 인라인 블록 넓이 수정 / [31:48] 컬러 변경 / [32:30] display:inline-block 보기 / [33:37] float:left 입력 / [35:22] container / [36:34] container title 변경 / [37:22] 접근성 버튼 / [37:59] 해당 css 확인 / [39:07] 자주하는 질문, 문제 해결 / [40:30] 해당 css 확인 / [41:37] hd ul, nav ul / [42:06] bo cate li / [43:07] 컬러 변경 / [44:06] 마진값 변경 / [45:15] 백그라운드 컬러 변경후 확인

10 모바일버전 레이아웃 실무작업 part2

목록, 검색 버튼, 현재 접속자 부분, 전체 게시물 부분, 게시글

33분

책갈피 : [00:04] 목록 / [00:12] 해당 소스 보기 / [01:19] faq_con / [02:07] faq_wrap ol / [02:37] 해당 소스 보기 / [04:29] faq_con h3 a / [05:27] border를 0으로 처리한 이유 / [05:53] border값 제거 / [06:30] 검색 서브밋 버튼 / [07:42] btn_submit / [08:48] 현재 접속자 부분 / [09:26] 기본 테이블 / [10:24] tbl_wrap table / [11:13] 기본적인 th 태그 알아보기 / [13:45] 해당 소스 확인 / [14:37] 일반적인 셀 / [15:05] tbl_head01 td / [16:07] 새글 / [16:41] 소스 보기 / [16:59] fieldset id=new sch / [18:07] select 부분 보기 / [20:00] 수직 정렬 / [21:22] 전체 게시물 부분 변경 / [21:41] new-sch.koleo / [22:32] clas s=koleo / [23:14] 셀렉트 하위 옵션 텍스트 컬러 변경 / [24:15] input 부분 / [25:03] 백그라운드 컬러 변경 / [25:26] 텍스트 적용 부분 / [26:22] 검색 버튼 / [27:36] 게시글 / [28:15] tbl_head01 thead th / [30:15] 내용 셀 / [30:32] tbl_head01 td / [31:11] 두번째 부분 셀 / [32:12] 셀 세번째 타입 보기

11 모바일버전 레이아웃 실무작업 part3

정보 수정,외부로그인,회원가입

41분

책갈피 : [00:08] 정보 수정 / [00:21] 회원 비밀번호 확인 / [00:52] 웹문서 / [01:52] 문구 변경 / [02:50] mb_confirm h1 / [03:53] 텍스트 설명 / [04:30] 줄간격 수정 / [06:00] 회원 아이디 / [06:29] 전반적인 스타일 / [08:03] 폰트 사이즈 변경 / [09:33] input / [10:58] 확인 부분 / [11:11] mb_confirm .btn_submit / [13:09] fieldset .btn_submit / [13:35] .btn_submit / [14:50] mbskin .btn_confirm a / [15:33] 로그인 해제 후 문제점 / [16:07] 로그인 부분 / [17:07] 외부 로그인 코딩 / [19:03] .ol / [19:56] 로그인 버튼 / [20:07] ol_before input / [22:45] div id=ol_svc / [23:41] input / [24:41] ol_svc a / [25:22] 링크 컬러 구분 / [26:22] 컬러값 변경 / [26:48] 외부 여백 / [27:51] 외부 로그인 제거 / [28:03] 크게 보기 / [29:03] 회원 가입 / [29:26] 로그인 / [30:10] mb_login / [30:52] mb_login h1 / [31:56] mb_login .btn_submit / [32:36] mb_login .login_frm div / [33:52] 텍스트 수정 / [34:27] mb_login h2 / [35:52] mb_login section div / [37:22] a.btn02 / [38:22] mbskin a.btn02 / [39:45] 회원 가입 버튼 / [40:09] mbskin a.btn01 수정

12 모바일버전 레이아웃 실무작업 part4

아이디 비밀번호 찾기 출력창, 최근게시물, 최근게시물 스킨, 제목 설정

36분

책갈피 : [00:08] 아이디/비밀번호 찾기 출력창 / [00:38] 소스 보기 / [00:58] 새로고침 후 확인 / [01:30] 제목 부분 / [02:00] 새창 기본 스타일 / [02:45] 새로고침 후 확인 / [03:57] p 태그 / [04:15] #find_info #info_fs_p / [05:14] input 부분 / [05:30] #find_info #info_fs #mb_email / [06:00] tbl_frm01 textarea, .frm_input / [07:27] captcha audio / [08:13] 여백 조절 / [08:33] 출력 이미지 / [09:09] 새로고침 버튼 / [10:05] 백그라운드 변경 / [10:46] 텍스트 사이즈 키우기 / [11:48] #captcha #captcha_info / [12:28] 새로고침 후 확인 / [12:39] 확인, 창닫기 버튼 / [13:35] mbskin.win_btn / [13:50] 여백 조절 / [14:46] new_win.win_btn input / [16:25] mbskin 에 내용 삽입 / [17:18] 텍스트 사이즈 변경 / [17:37] 배운 내용 복습 / [18:45] 창 닫기 버튼 / [19:45] mbskin. win_btn button에 내용 추가 / [20:41] 최근게시물 / [20:52] 소스 보기 / [21:25] 새로고침후 확인 / [22:02] 중간 레이아웃 / [23:07] container / [24:37] 최근게시물 스킨 / [26:22] lt .lt_title / [27:10] 잘못된 예 보기 / [28:11] 제목만 굵게 설정하기 / [28:56] more만 따로 분리 / [30:22] lt ul / [31:26] It a / [33:07] It a 부분에 점선 넣기 / [33:45] It li 삽입 / [34:29] It li 부분으로 패딩값 삽입

13 모바일버전 레이아웃 실무작업 part5

클릭시 나오는 페이지, 본문, 댓글 목록

47분

책갈피 : [00:09] 클릭했을때 나오는 페이지 코딩 / [01:03] wrapper / [01:19] wrapper:after / [02:07] div id=bo_v_table / [02:38] bo_v_table / [03:36] 결과 확인 / [04:23] 텍스트 가운데 정렬 / [04:46] h1 id=bo_v_title / [05:00] bo_v_title / [06:46] section id=bo_v_info / [07:41] bo_v_info / [08:54] 픽셀 값 수정 후 확인 / [09:48] 폰트 컬러 변경 / [10:52] bo_v_info strong / [11:33] bo_v_info b / [13:05] 요소별로 구분선 추가 / [14:20] ul class=bo_v_com / [15:09] bo_v_top / [15:41] ul class=bo_v_nb / [16:06] bo_v_top ul / [16:59] bo_v_nb / [18:06] bo_v_nb li / [18:41] 버튼 / [18:59] 소스 보기 / [20:18] 특별한 버튼 만들기 / [20:48] 읽기 버튼 / [22:15] 다음과 이전글 내용 바꾸기 / [23:03] 보더, 백그라운드 값 따로 정의 / [23:41] bo_v_com li / [24:26] 특별한 버튼 만들기 / [26:17] 글쓰기 버튼 / [27:10] 컬러 변경 후 확인 / [28:51] 본문 / [29:02] #bo_v_con / [31:10] #bo_v_act / [31:41] #bo_v_act a / [32:15] div id=bo_v_act / [34:00] 버튼 내용 변경 / [34:27] 결과 확인 / [35:19] 마우스 오버 효과 / [37:06] 댓글 목록 / [37:51] 소스 보기 / [38:42] 외부 여백 조절 / [39:07] bo_vc h2 / [39:45] 폰트 사이즈 변경 / [40:52] bo_vc article / [41:37] bo_vc header / [43:07] bo_vc_hdinfo / [44:27] p 태그 내용 보기 / [45:22] footer / [45:53] bo_vc_act / [46:16] bo_vc_act li

14 모바일버전 레이아웃 실무작업 part6

댓글쓰기, 설문조사, 인기검색어, 방문자수, 하단 레이이웃

34분

책갈피 : [00:02] 댓글쓰기 / [00:16] 소스 보기 / [00:34] bo_vc_w / [01:34] bo_vc_w h2 / [02:30] 비밀글사용 / [03:30] bo_vc_w .tbl_wrap / [04:15] .tbl_wrap table / [05:10] tbl_frm01 th / [06:00] tbl_frm01 td / [07:27] 댓글등록 버튼 / [07:54] div class=btn_confirm / [09:09] 설문조사 / [10:46] aside id=poll / [11:00] 설문조사 스킨 / [11:20] #poll h2 / [12:07] #poll header p / [12:41] #poll ul / [13:09] #poll li / [14:13] #poll li label 생성 / [15:20] #poll footer / [15:54] #poll footer input / [17:33] #poll footer a / [19:00] 인기검색어/방문자 수 / [19:36] 하단 레이아웃 / [20:44] 인기검색어 부분 / [21:11] div / [22:03] popular h2 / [24:11] popular ul / [25:55] 방문자수 부분 / [26:37] 소스 보기 / [28:30] visit dl / [29:33] visit dt/visit dd / [30:48] 하단내용 / [31:15] ft_copy / [32:15] #ft_copy #ft_company a / [33:24] copyright©

샘플확인 : 알지오 검색후 -> 강의검색란 -> 그누보드5