그누보드5
그누보드는 홈페이지에서 주로 사용하는 회원관리 및 게시판관리를 쉽게 하기위한 보드시스템으로, PHP와 MySQL을 주로 사용하여 개발되었습니다. 알지오 그누보드5 강좌를 통해 레이아웃 실무 등 여러가지 활용방법들을 배우실 수 있습니다.
-
01.53분 PC버전 레이아웃 실무작업 part1
그누보드 설치, 홈페이지 기본 환경 설정, 게시판 관리
책갈피 : [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.51분 PC버전 레이아웃 실무작업 part2
관리 권한 설정,메일테스트,팝업레이어 관리,회원관리,게시판관리,SMS 관리
책갈피 : [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.43분 PC버전 레이아웃 실무작업 part3
그누보드 레이아웃 수정작업,로고,메뉴,버튼 위치 수정
책갈피 : [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.46분 PC버전 레이아웃 실무작업 part4
메뉴 작업, 하부 트리, 페이지 만들기, 로그인 스킨 제작
책갈피 : [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.53분 PC버전 레이아웃 실무작업 part5
회원가입, 자동로그인창 설정, 로그인 후 관리자 창 설정,팝업 쪽지 설정
책갈피 : [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.45분 PC버전 레이아웃 실무작업 part6
정보 수정, 회원 비밀번호 확인, 회원가입 약관, 회원가입 완료 페이지
책갈피 : [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.31분 PC버전 레이아웃 실무작업 part7
서브페이지,메뉴 레이아웃에 맞추기,하단 레이아웃
책갈피 : [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.48분 PC버전 레이아웃 실무작업 part8
게시판, 게시판 페이지, 게시판 읽기
책갈피 : [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.45분 모바일버전 레이아웃 실무작업 part1
모바일 게시판, 메뉴, 버튼, 폼 속성, 상단메뉴, 자주하는질문, 문제 해결 버튼 설정
책갈피 : [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.33분 모바일버전 레이아웃 실무작업 part2
목록, 검색 버튼, 현재 접속자 부분, 전체 게시물 부분, 게시글
책갈피 : [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.41분 모바일버전 레이아웃 실무작업 part3
정보 수정,외부로그인,회원가입
책갈피 : [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.36분 모바일버전 레이아웃 실무작업 part4
아이디 비밀번호 찾기 출력창, 최근게시물, 최근게시물 스킨, 제목 설정
책갈피 : [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.47분 모바일버전 레이아웃 실무작업 part5
클릭시 나오는 페이지, 본문, 댓글 목록
책갈피 : [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.34분 모바일버전 레이아웃 실무작업 part6
댓글쓰기, 설문조사, 인기검색어, 방문자수, 하단 레이이웃
책갈피 : [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©
테크노트12시간 3분