알지오 평생교육원

로그인|회원가입|고객센터
HOME>IT전문가>홈페이지 빌더>텍스트큐브

텍스트큐브

텍스트큐브
17회차 속성과정
전체 : 9시간 27분|회차당 평균 : 33분21초

이용기간 2개월

전문강사 : 김성민

200,000125,000



텍스트큐브 사용법 강좌
오픈소스 설치형 블로그 소프트웨어로 개인 홈페이지를 블로그형처럼 제작을 원하는 분들이 이용하면 좋습니다. 간단한 설치만으로도 사용이가능하기 때문에 웹프로그램에 대한 지식이 없이도 쉽게 구현할수 있습니다. 단, 고급기능의 활용을 원한다면 PHP 웹관련 학습뒤에 이용하는것을 권장합니다.
  • 01.36분 텍스트큐브의 시작

    텍스트큐브의 관리자모드를 살펴봅니다.

    책갈피 : [00:00] 텍스트큐브의 개념/[00:45] 관리페이지 확인/[01:40] 새 글 쓰기/[02:20] 통계/[02:33] 텍스트큐브 공지/[02:41] 편집 기능/[03:05] 위젯 켜고 끄기 기능/[03:18] 알림판 위젯/[03:33] 플러그인 업로드 게시판/[04:26] 저장소 최적화/[04:38] 캐시 지우기/[05:16] 플러그인 목록/[05:40] 플러그인 활성화와 비활성화/[06:12] 알림판 위젯과 블로그 표시 위젯/[06:28] 사이드바로 바로 가기/[06:39] 모듈 추가와 제거/[07:23] 작성글 확인/[07:50] 분류 선택/[09:44] 포매터와 편집기/[11:00] 본문 편집도구/[12:19] 텍스트 상자/[13:12] 효과 제거/[13:44] 정렬/[14:26] 순서없는 리스트와 번호 매긴 리스트/[14:41] 미디어 삽입/[15:19] More/Less/[15:32] Edit/[15:59] 업로드 메뉴/[17:36] 태그/[18:08] 지역/[18:20] 절대 주소/[18:42] 등록일자/[19:14] 공개여부/[20:00] 권한/[20:26] 미리보기, 중간 저장/[22:12] 글 목록/[22:48] 별표/[23:13] 글 종류 선택/[23:25] 글 검색창/[24:01] 여러개의 게시물 관리/[24:30] 표시 갯수 설정/[24:50] 상태-비공개, 공개, 패스워드 설정/[25:10] 발행 여부 설정/[25:24] 트랙백/[25:39] 글 삭제/[25:53] 댓글/[26:35] 댓글 검색창/[26:50] 아이디 차단 여부 설정/[27:17] IP 차단 여부 설정/[28:20] 댓글 삭제/[28:40] 댓글에 댓글 달기/[29:19] 방명록/[29:31] 댓글 알리미/[31:52] 받은 트랙백과 보낸 트랙백/[32:19] 휴지통/[33:08] 글 분류 관리/[33:44] 분류 만들기/[34:08] 하위 분류 만들기/[34:32] 이름 변경/[34:50] Body ID 변경/[35:12] 정렬순서 변경/[35:26] 공개 설정/[35:49] 분류 삭제

  • 02.35분 관리자모드와 스킨

    관리자모드를 살펴보고 스킨을 바꿔봅니다.

    책갈피 : [00:00] RSS/[00:54] RSS로 등록한 이웃 글 보기/[01:33] 그룹 추가/[01:52] 피드 주소 입력/[03:11] 전체 보기/[03:29] 스크랩한 글 보기/[04:10] 검색창/[04:43] 모든 피드 새로고침/[05:20] 설정/[05:28] 리더 환경 설정-업데이트 주기/[06:32] 리더 환경 설정-보존기간/[06:59] 리더 환경 설정-링크가 차단된 이미지/[07:29] 리더 환경 설정-자바스크립트 허용/[07:53] 리더 환경 설정-링크/[08:07] OPML 관리-가져오기/[09:22] 그룹 추가/[09:41] 그룹 정보 수정/[11:05] 피드 갱신/[11:32] 피드 정보 수정/[11:46] 전체 목록 더 읽어오기/[12:31] 읽은 글 감추기/[12:41] 모두 읽은 글로 표시/[12:52] 단축키/[14:41] 안 읽은 글로 표시/[14:56] 스킨 선택/[15:19] 스킨 업로드 게시판/[15:42] 스킨 편집하기/[16:14] 스킨 세부설정/[18:28] FOAF 지원/[19:18] 분류 출력 설정/[21:41] 스킨 목록 표시 설정/[22:04] 사이드바 위젯/[22:41] 텍스트규브 배너 추가/[22:57] 결과 확인/[24:00] 안전모드/[24:22] 태그모드/[24:30] 초기화/[25:09] 사이드바 모듈 삭제/[28:21] 추가 가능한 플러그인/[28:49] 2단 스킨 다운로드/[31:16] 스킨 업로드와 설치/[32:36] 결과 확인/[32:53] 스킨 적용/[33:07] 다단 스킨 다운로드/[33:45] 스킨 업로드와 설치/[34:34] 결과 확인

  • 03.35분 플러그인

    플러그인을 다운받아 설치하고 사용하는 방법에 대해 강의합니다.

    책갈피 : [00:00] 스킨 살펴보기/[00:10] 처음 화면/[00:20] 지역 화면/[00:36] 방명록 화면/[00:48] 방명록 작성/[00:58] 답하기 팝업창/[01:07] 답하기 작성/[01:41] 센터 화면/[01:44] 방명록 부분 확인/[02:08] 꾸미기-관리패널스킨선택/[02:34] 1.8 관리자 스킨 적용/[03:06] 데이터 관리/[03:39] 댓글 알림이 백업 지원/[03:46] 데이터 백업/[03:59] 데이터 교정/[04:26] 데이터베이스 최적화/[04:40] 데이터 백업/[05:02] 데이터 복원/[05:35] 데이터 삭제/[06:01] 플러그인 데이터 관리/[06:37] 플러그인 목록/[06:42] 플러그인 업로드 게시판/[06:59] 블로그 다운/[07:04] SNS 다운/[07:38] 압축 풀기/[07:44] FTP 설정/[08:15] 플러그인 새로고침/[08:26] 다운받은 SNS 활성화/[08:40] 플러그인 설정/[09:02] 글 쓰기/[09:25] 작성한 글 미리보기/[09:43] 저장 후 돌아가기/[09:48] 블로그 새로고침 후 처음 화면/[10:15] More/Less 기능/[11:07] 작성한 글 미리보기/[11:22] 저장 후 돌아가기/[11:28] 새로고침 후 확인/[11:37] 플러그인 적용/[11:49] More/Less 플러그인 다운/[13:12] 다운받은 More/Less 활성화/[13:54] 관리자 플러그인 살펴보기/[14:08] 플러그인-전체보기/[14:12] 통계 검색/[14:31] 블로그통계 플러그인 다운/[15:50] 다운받은 블로그통계 활성화/[16:03] 설정-블로그/[16:46] 블로그 제목 입력/[17:15] 입력한 제목 확인/[18:00] 블로그 설명 입력/확인/[18:40] 전문가 태그/[20:21] 이미지 및 아이콘 설정/확인/[25:19] 블로그 아이콘 표시 플러그인 활성화/[28:37] 블로그 아이콘 사용방법/환경설정/[29:40] 블로그 첫화면 설정/[31:01] 블로그 공개 정책/[34:22] 언어,시간대 설정

  • 04.35분 글 작성, 플러그인

    텍스트큐브의 편집모드, 그리고 플러그인에 대해 살펴봅니다.

    책갈피 : [00:00] 설정 탭/[00:05] 글 작성 환경/[02:06] 라인 작성 환경/[03:05] 이미지 리샘플링/[03:41] 개인 정보(로그인 정보)/[04:24] 대표 주소/[05:25] 오픈아이디 연결/[05:40] 블로그에 라인 작성/[05:47] 어드민-글-라인관리/[06:22] 공개 라인 확인/[06:41] 비공개 라인 확인/[06:56] 로그아웃 후 라인 확인/[07:10] 여러개 라인 입력/[07:23] 입력한 라인 확인/[07:37] 블로그 첫 페이지 표지로 변경/[08:03] 플러그인-표지/[08:22] 표지에 알림말 출력 플러그인 다운/[09:24] 다운 받은 플러그인 활성화/[09:37] 글 작성/[10:05] 꽃 사진 업로드/[10:52] 왼쪽 정렬 후 미리보기/[11:23] 이미지 3개 선택 후 미리보기/[12:21] 이미지 2개 선택 후 중앙에 정렬/[13:04] 이미지 갤러리 삽입/[14:34] 선택한 파일을 글에 삽입/[15:42] 이메이징(이미지 플래쉬 갤러리)/[17:18] 모든 이미지 선택 후 이메이징/[17:26] 가운데 정렬, 글 삽입, 배경 색 삽입/[17:57] 미리보기/저장/[18:14] 블로그 첫페이지 최근 글/[18:39] 플러그인 환경설정/[19:21] 플러그인 설정/[19:45] 사이드바 위젯/[19:49] 추가 가능한 플러그인/[20:56] 편집/[21:21] 수정(창으로)-글 번호 확인/[22:09] 공지글로 분류(꽃종류)/[22:30] 블로그 화면 확인/[23:04] 하나의 표지 추가/[23:26] 공지글로 분류(test1)/[23:50] 표지위젯/[24:09] 블로그 화면 확인/[24:31] 표지 위치 변경/[25:05] 다양한 표지 플러그인/[25:15] 썸네일 플러그인 다운/[26:11] 다운받은 플러그인 활성화/[26:20] 플러그인 정보,설정/[27:22] 표지위젯-추가 가능한 플러그인/[28:00] 블로그 화면 확인/[28:25] 카테고리 생성/[28:55] 작성되어있는 글 text1로 이동/[29:25] 새로운 글 작성/[30:21] 표지 위젯/[30:33] 블로그 화면 확인/[30:42] 글 목록에서 사진 입력/[33:23] 글 추가 입력/[34:09] 표지 위젯-썸네일 삭제,위치조정/[34:33] 블로그 첫 화면 설정

  • 05.33분 글 작성 설정, css 변경

    글 작성의 기능과 css tyle을 편집해봅니다.

    책갈피 : [00:00] 서식이란/[00:48] 서식 만들기/[01:32] 결과 확인/[01:52] 글 쓰기/[02:28] 결과 확인/[02:47] 키워드 만들기/[03:37] 결과 확인/[03:49] 키워드 테스트/[04:03] 결과 확인/[04:58] 키워드 만들기-태평양/[05:20] 이미지 업로드/[06:07] 키워드 만들기-북극해/[06:19] 이미지 업로드/[06:54] 키워드 만들기-중국/[07:04] 이미지 업로드/[07:29] 키워드 만들기-인도/[07:39] 이미지 업로드/[08:05] 결과 확인/[08:13] 키워드를 활용한 글 작성/[09:12] 이미지 업로드/[09:30] 결과 확인/[09:43] 공개 여부 설정/[11:02] 키워드 관련 글 목록/[11:42] 결과 확인/[12:53] 공지 쓰기/[13:27] 결과 확인/[13:46] 공지 쓰기/[14:09] 우측 메뉴 확인-알림/[14:45] 스킨 변경/[15:28] 결과 확인/[16:39] 스킨 세부 설정/[17:21] 스킨 편집하기/[17:39] 상단 메뉴 배경 설정/[19:01] ftp 에서 스킨 수정/[19:56] style.css/[21:01] 결과 확인/[21:43] 수정/[22:57] 블로그 제목 색상 변경/[24:18] 블로그 제목 마우스 오버 색상 변경/[24:54] 관리자와 글쓰기 버튼 간격 변경/[25:58] 관리자와 글쓰기 버튼 테두리 색상 변경/[26:20] 관리자와 글쓰기 버튼 글씨 색상 변경/[26:42] 카테고리명 색상 변경/[27:24] 검색창 버튼 색상 변경/[28:13] 검색창 테두리 색상과 두께 변경/[29:25] 마우스 오버 색상 변경/[30:41] 이미지 속성/[31:12] 다단 스킨 설정

  • 06.34분 css 변경2

    복잡한 형태의 css style 을 변경해봅니다.

    책갈피 : [00:00] 다단 스킨 편집하기/[00:28] 파비콘/[00:44] 스킨 살펴보기/[02:08] 스킨 편집하기/[02:17] 배너/[02:52] 배너 생성/[03:47] css 살펴보기/[04:34] ftp 에서 배너 확인하기/[05:28] 경로 적용하기/[06:10] 배너가 보이지 않는 경우/[07:13] 결과 확인/[07:44] 배너 생성/[09:42] 결과 확인/[09:57] 배너 링크 확인/[10:12] 블로그이미지 사이즈 변경/[12:25] 카테고리명 폰트 크기 변경/[14:01] 카테고리명 폰트 색상 변경/[15:42] 카테고리명 글꼴 변경/[17:36] 메뉴 테두리 색상 변경/[19:21] 아이콘 변경/[21:09] 이미지가 보이지 않는 경우/[22:09] 상단 메뉴 위치 이동/[25:01] 상단 메뉴 아이콘 변경/[25:47] 검색창 기본 내용 변경/[26:58] 상단 메뉴 마우스 오버 색상 변경/[27:36] 타이틀 변경/[28:52] 레이아웃 변경/[29:49] 메뉴 방향 변경/[31:05] 푸터 설정/[31:42] NEW 아이콘 띄우기 플러그인 설치/[33:06] 플러그인 활성화/[33:42] 주의사항

  • 07.33분 플러그인

    플러그인의 구조와 제작에 대해 알아봅니다.

    책갈피 : [00:00] BlogAPI 플러그인/[00:44] index.xml 살펴보기/[01:10] title/[01:24] link/[01:48] description/[02:00] 플러그인 자세히 보기/[02:44] license/[03:48] safety/[04:46] 블로그 통계 플러그인/[05:03] index.xml 살펴보기/[06:03] 플러그인 자세히 보기/[06:44] 플러그인 설정/[07:05] 관리자 댓글/[07:43] BlogAPI 플러그인/[07:50] index.php 살펴보기/[08:41] 플러그인 구조 만들기/[10:19] index.xml 생성/[11:07] title 입력/[11:26] link 입력/[12:02] description 입력/[12:19] license 입력/[13:13] safety 입력/[13:53] 다른 이름으로 저장/[14:11] index.php 생성/[15:25] 다른 이름으로 저장/[15:49] 플러그인 설치/[16:02] 결과 확인/[16:52] 이벤트 생성/[19:12] 일반적인 플러그인 출력과 위젯의 차이점/[20:10] sidebar/[22:15] 환경설정/[22:22] 플러그인 수정/[23:11] 사이즈 지정/[23:23] fieldset 입력/[23:48] field 입력/[25:48] caption 입력/[26:33] component 입력/[27:23] function 입력/[27:56] index.xml 수정/[29:53] field 추가 입력/[31:28] index.php 살펴보기

  • 08.34분 스킨

    스킨에 대한 구조와 제작, 설정 부분을 css 수정으로 변경해봅니다.

    책갈피 : [00:00] 표지 플러그인/[00:35] 사이드바 플러그인과 유사점/차이점/[01:58] sidebar->coverpage 변경/[03:06] 표지->파라미터 변경/[03:44] params/ param/[03:55] title/ name/ type/[04:58] 작성 값 설명/[06:01] 파라미터 출력 값/[06:24] 일반블로그, 대표블로그 구분/[08:03] 스킨의 구성/[08:40] skin.html/[08:48] style.css/[08:59] index.xml/[09:07] prerview.gif/[09:25] images/[10:05] skin.html 다운/[10:23] s_rp_rep/[11:55] s_list/[12:33] s_tag/[12:44] s_local/[13:08] s_guest/[13:32] s_notice/[13:46] s_search/[14:39] s_local/[15:05] 레이아웃/[16:10] 관리자/[16:24] header/[16:34] sidebar/[16:38] content/[16:48] footer/[17:02] sidebar/[17:24] content/[17:49] footer 화면/[18:03] 코딩 작업/[18:26] 치환자 삽입/[18:41] skin.html 열기/[19:29] skin.html 이동/[19:41] 스킨 적용/[20:05] 입력한 내용과 화면 비교/[20:20] 목록항목 이름 수정/[20:51] css 스타일/[21:25] list li/[21:50] bgm player/[22:42] 스킨 입력/[22:56] 글 목록/[23:07] 글 수/[23:15] 발행수 늘리기/[24:21] '글을 피드로 내보냅니다' 찾기/[24:58] for ($i = 5; $i <= 30; $i + = 5) 수정/[26:13] '댓글, 걸린글 및 답변을 피드로 내보냅니다' 찾기/[26:40] for ($i = 5; $i <= 30; $i + = 5) 수정/[27:50] 위지윅편집기/[28:46] 플러그인 설치/[29:01] FM_Modern - editor.js 다운/[29:33] if(STD.isIE)/[30:04] ftp 이동/[30:12] editor.css/[30:33] moderneditor-textbox/[30:55] 수정한 것 확인/[31:18] 글모이 단추 달기 플러그인 설치/[33:03] 글모이 단추 달기 확인

  • 09.18분 수정사항

    텍스트큐브를 사용하면서 불편 사항들을 수정해봅니다.

    책갈피 : [00:00] 수정 방법/[00:09] 어드민 접속/[00:26] 글 쓰기/[00:29] HTML/ TTML/[00:56] QR코드 부호/[01:01] 플러그인 다운/[02:31] QR 부호 달기 플러그인 설치/[03:03] QR 코드 설정/[03:59] 꾸미기-사이드바위젯/[04:43] QR 코드 환경설정/[05:05] 글모이 단추 달기/[05:28] 글모이 단추 달기 환경설정/[06:14] 설정한 것 확인/[06:33] 스킨 구조/[06:54] ftp 접속/[06:58] skin.html/[07:46] header/[08:51] footer/[09:23] 스킨 미리보기/[10:30] index.php/[11:06] 멀티 블로그 첨부파일 바탕주소 변경/[11:43] 예시/[12:21] library-view-view.php 다운/[13:12] fuction getEntryContentView/[14:00] 웹 조각기능/[14:16] view.php 다시 열기/[14:32] fuction addWebSlice/[14:46] 분류된 글 주소 기본꼴로 나타내기/[14:57] 블로그 확인/[15:53] 주소처리하는 부분 주석처리/[16:21] list.php

  • [텍스트큐브 css 분석]
  • 10.32분 CSS분석1

    헤더부분의의 CSS 를 분석하고 수정합니다.

    책갈피 : [00:00] CSS 수정/[00:59] 파일 - FTP - 원격 열기/[01:21] FTP 접속/[02:07] 스킨 선택 - 편집 하기/[03:15] 스킨 CSS 수정/[03:48] 수정 부분 확인/[04:31] 스킨 열기/[04:58] 윗 메뉴 수정/[05:22] position 설정/[09:07] 윗 메뉴 글자 간격 변경/[11:37] display 설정/[12:06] display - inline/[12:31] display - block 과 inline 의 차이점/[13:35] padding 값 변경/[14:15] padding - left/[14:37] background 설정/[15:55] 배경 설정 변경 후 확인/[16:47] RGB 값 변경/[17:55] RGB - 다른 색 변경/[18:12] 게시 패널 색 변경/[19:02] 마우스 hover 색 변경/[20:10] list style 설명/[20:41] text align 설정/[22:54] margin 값 변경/[24:28] 라인 값 수정/[25:43] font size 변경/[27:44] 아랫 메뉴 설명/[28:49] font family 설정/[30:20] list style/[30:26] padding 값/[30:46] padding - em 값 변경/[31:49] padding - 7em 과 .7em 의 차이점

  • 11.34분 header ul

    padding, text-align, font 묶음 설정, h2 a:link, h2 a:visited

    책갈피 : [00:00] 패딩의 em 값/[00:20] padding - 픽셀 값 설정/[01:47] padding - 숫자 값 설정/[02:13] padding 값 설명/[03:45] text align 설정/[04:05] padding 설정 예제/[06:28] padding 값 2개 설정/[07:17] padding 값 3개 설정/[08:52] padding 단독 사용법/[09:56] 마우스 오버 글자 색 변경/[13:05] 글자 크기 변경/[14:45] body top 이미지 지우기/[15:46] 메뉴 배경 색상 변경/[16:16] 헤더 설정/[17:44] 헤더 변경된 설정 확인/[18:10] 헤더 설정 응용/[19:02] margin 값 살펴보기/[20:42] padding 값 살펴보기/[21:38] 게시글 제목 설정 살펴보기/[22:34] 제목 색 변경/[23:30] 마우스 오버 된 색깔 변경/[24:06] 제목 탭 부분 수정/[24:34] 변경 내용 확인/[24:45] 글자 배경 색 설정/[25:54] 게시글 시간 나와 있는 부분 설정/[26:30] 글자 색깔 지정/[27:16] 글자 다른 색 변경/[27:28] 주의해야 할 점 - 함께 색깔이 변하는 부분/[28:13] 글자 기울임 설정/[28:38] 시계 아이콘 바꾸기/[29:27] 포스트 정보 부분 설정/[30:07] 포스트 정보 색깔 변경/[30:46] 글씨 기울임 설정/[31:20] 글자 색 안 바뀐 부분 수정

  • 12.35분 sidebar의 대변신!

    font:bold, 폰트의 단위, background-color, border, vertical-align

    책갈피 : [00:00] 사이드 바 수정/[00:10] 사이드 바 살펴보기/[00:38] CSS 파일 열기/[01:56] font 설정/[03:01] 줄 간격 설정/[04:39] 글자 두께 설정/[05:56] 글자체 따로 지정 - font-family/[06:57] 사이드 바 글꼴 변경/[07:54] 본문 글꼴 변경/[08:37] 그룹 글꼴 지정 해제/[08:58] 본문 글자 크기 변경/[10:30] 윗 부분 글꼴 변경/[11:15] 줄 간격 변경/[13:09] 사이드 바 설정/[14:01] 배경 색 설정/[14:23] 배경색 아랫 부분 색 설정/[15:37] 픽셀 설정 변경/[16:43] 사이드 바 색 설정 변경/[17:24] 검색창 설정/[18:06] width 값 설정/[19:00] padding 값 변경/[21:09] border 값 설정/[22:15] border top & left 값 설정/[23:10] 설정 변경/[24:57] 단독 설정 값/[26:30] 그룹 설정/[27:19] outset 설정/[27:47] 테두리 색 변경/[28:15] inset 설정/[28:40] 점선 설정/[29:38] groove , ridge 설정/[30:52] 외곽선 숨기기/[31:22] 검색 창 색 변경/[32:32] vertical-align 설정/[33:05] 컬러값 - 검색 글자색 변경/[34:02] 검색 폰트 변경

  • 13.36분 sidebar의 대변신!Ⅱ

    text-decoration, paging, paging .selected, margin, calender table의 모든것

    책갈피 : [00:00] 페이지 표시 부분 설정 변경/[00:33] CSS 파일 열기/[01:07] text decoration 설정/[01:38] underline 설정/[02:25] overline 설정/[02:59] line-through 설정/[03:28] blink 설정/[03:39] 특정 부분 수정 - page navigation/[04:30] margin 값 설정/[05:32] font 설정/[06:24] 글씨체 변경/[07:46] underline 설정/[08:38] overline 설정/[09:12] text-align 설정/[10:15] 색 설정/[12:02] 글자 굵기 설정/[13:06] lighter 설정/[13:30] 색 설정/[14:10] border-bottom 설정/[14:41] border-top 설정/[15:03] border-right & left 설정/[15:52] 밑줄 선 설정 변경/[17:11] border 색상 설정/[17:38] 캘린더 설정/[18:19] 캘린더 table 설정/[19:40] 캘린더 선 설정/[20:55] text-align 설정/[21:55] margin-top 설정/[23:22] font 설정/[24:13] 글자체 변경/[24:46] height 설정/[26:15] 폰트 bolder 설정/[26:44] 폰트 변경/[27:11] em 값 설정/[27:49] 컬러 변경/[28:49] 숫자 부분 설정/[30:24] important 설정/[33:12] font-weight 설정/[34:07] border-bottom & right 설정

  • 14.34분 sidebar의 대변신!Ⅲ, footer의 모든것

    counter dl, footer address, background img, clear, text-align, overflow

    책갈피 : [00:00] 밑부분 설정/[00:53] CSS 파일 열기/[01:15] 수정 부분 찾기/[02:05] margin 값 설정/[02:58] em 에서 픽셀로 변경/[03:47] 글꼴 수정/[04:07] 사이드 바 메뉴 내용 수정/[05:59] footer/[06:54] footer 설정/[07:47] footer address/[08:00] position 설정/[09:08] right 설정/[09:53] padding 설정/[10:04] background 설정/[12:46] clear 설정/[14:02] 색 설정/[14:47] font-family , font-size 설정/[15:56] padding 설정/[17:27] text-align 설정/[19:08] address credit - color/[20:07] border-bottom 설정/[21:52] 글자별 색상 설정/[23:32] 페이지 배치 수정/[24:21] float 설정/[26:09] sidebar 설정/[27:23] margin 값 수정/[30:00] 본문 넓히기/[30:21] width 설정/[31:12] 변경된 설정 확인/[31:49] 사이드 바가 나오도록 조정/[32:26] overflow 설정/[33:00] 본문 높이 지정/[33:51] 변경된 설정 확인

  • 15.34분 테마 제작의 즐거움

    text-decoration, Layout containerBox, header, menu, contentBox, sidebar 모양바꾸기

    책갈피 : [00:00] 다른 스킨으로 변경/[00:35] 다운 받은 스킨 적용/[01:10] 스킨 수정/[01:27] CSS , html 파일 열기/[02:07] 원하는 이미지 만들기/[02:43] 배경색 설정/[03:44] menu 기본 컬러 변경/[04:15] menu hover 컬러 변경/[04:29] text decoration/[06:09] Layout - header - margin top 설정/[08:00] header rss - font , float 설정/[09:46] border 값 설정/[10:29] 검색 창 수정/[11:04] 검색 창 테두리 색 변경/[11:50] header 메뉴 설정 변경/[13:01] 변경된 부분 확인/[13:25] 본문 글자 변경/[14:44] 기사 설정 테마 수정/[15:48] 게시글 제목 설정 변경/[16:43] 날짜 부분 수정/[17:43] 배너 없애기/[18:51] 단 나누기/[20:02] 카테고리 & 배너 단 옮기기/[21:08] 카테로기 & 배너 다른 방법으로 원래 위치로 옮기기/[21:37] 배너 오른쪽으로 옮기기/[22:21] 오른쪽 사이드 바 밑으로 내리기/[23:35] 오른쪽 사이드 바 배너 위치 변경/[25:40] 배치 수정 & 디자인 변경/[26:07] 사이드 바 위치 수정/[27:30] 배너 위치 수정/[28:28] 배너를 맨 밑으로 내리기/[31:39] 사이드 바 위치 재수정/[31:59] 배너 위치 재수정/[33:03] 사이드 바와 검색창 위치 맞추기

  • 16.35분 테마 제작의 즐거움Ⅱ

    menusearch, searchinput, onTitle, float, menu, counter

    책갈피 : [00:00] 검색창 padding 값 수정/[00:36] 검색창 수정/[01:00] width 값 조정/[01:37] input 박스 - width 조정/[02:33] 작업 결과 확인/[02:42] menu 부분 확인/[02:55] 통일된 글꼴 설정/[03:45] onTitle - 폰트 설정/[04:14] 폰트 크기 & 색깔 수정/[05:05] 검색결과 글꼴 수정/[05:36] Bold 효과 , 픽셀 조정/[06:03] 검색 결과 창 수정/[07:03] 검색어 입력 글꼴 변경 - input box/[08:15] neBox - 배경색 변경/[08:46] 박스 테두리 선 변경/[09:19] 결과창 글꼴 변경/[09:43] 날짜 수정/[10:23] 메뉴 폰트 크기 수정/[11:12] menu hover 색깔 변경/[11:48] 배경색 설정/[13:53] 메뉴 배경색 & 글꼴 색 변경/[15:05] 본문 검색 결과 글자색 변경/[16:12] 사이드 바 부분 수정/[17:05] background color 변경/[17:31] 사이드 바 테두리 색 변경/[18:37] 사이드 바 글꼴 수정/[19:41] 사이드 바 이미지 테두리 선 수정/[21:13] 이미지 크기 수정/[22:07] 사이드 바 아랫 메뉴 border 값 수정/[23:17] 변경 안 된 부분 수정/[24:53] 카운터 수정/[26:23] 사이드 바 글꼴 변경/[27:30] 카운터 글꼴 변경/[28:56] 카운터 테두리 없애기/[29:16] 카운터 숫자 우측 정렬/[30:30] 카운터 today, yesterday 정렬/[32:32] 포스트 새 글 작성/[33:53] 포스트 분류 정하기

  • 17.34분 테마 제작의 즐거움Ⅲ

    icon 변경, acyionTrail, commentWrite, trackback, copyright

    책갈피 : [00:00] 포스트 설정 변경/[00:06] 글 아이콘 수정/[00:49] 카테고리 글꼴 & 정렬 수정/[03:05] 카테고리 간격 설정/[04:30] 코멘트 트랙백 간격 설정 - actionTrail/[05:32] 포스트 간격 나누기/[07:11] 포스트 구분선 나누기/[08:30] 구분선 종류 변경/[09:37] 코멘트 부분 살펴보기/[11:12] 댓글 부분 수정/[12:02] 댓글 글꼴 변경/[12:26] 비밀 댓글 글꼴 수정/[13:35] 글 남기기 글 내용 수정/[14:40] 코멘트 부분 살펴보기/[15:05] 코멘트 글꼴 설정 변경/[16:46] 코멘트 색상 변경/[17:19] 댓글 간격 수정/[18:10] 아이디 부분 배경색 넣기/[19:46] 코멘트 수정 글꼴 변경/[20:25] 트랙백 살펴보기/[21:44] 트랙백 정렬 변경/[22:31] 트랙백 색깔 변경/[24:16] border 설정 변경/[25:10] border 선 종류 변경/[26:05] 트랙백 글자 크기 변경/[26:30] 트랙백 설정 변경/[27:37] 블로그 정보 부분 살펴보기/[28:17] 정보 부분 수정- footer/[28:42] 정보 부분 윗 선 수정/[29:27] 글자 설정 변경/[30:05] 선 색 & 두께 변경/[31:00] 글자 정렬 변경/[31:44] text decoration & hover 변경/[32:32] 원래 스킨과 비교