AI•SW 개발이야기

메인 페이지 세 번째 시간입니다. 지난 시간에 이어서 메인 페이지 본문 내용 추가와 블로그 모양을 수정을 하겠습니다. 연습용으로 개설된 티스토리 블로그 (https://hijingjingpractice.tistory.com/) _##] HTML 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 HTML 8열 - 메인페이지 1번 내용 11열 - 퍼머링크 치환자 태그 12열 - 상단 타이틀 div 태그 13열 - 카테고리 div 태그 14열 - 카테고리 링크, 이름 치환자 16열 - 타이틀 링크, 이름 치환자 17열 - 날짜 div 태그 18열 - 날짜 치환자 20열 - ..

메인 페이지 두 번째 시간입니다. 글 내용이 많으면 인덱스에서 길게 나오는 문제를 수정할 거고요. 전체적으로 다른 블로그와 비슷하게 모양을 가다듬겠습니다. 연습용으로 개설된 티스토리 블로그 (https://hijingjingpractice.tistory.com/) HTML Html 변경 없음 CSS 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 #header { height: - border-bottom: thin solid; } #header h1 { margin: 50px auto; } #aside { height: - border: - } #manage { b..

오늘은 며칠간 현재 블로그와 씨름한 이야기를 잠깐 하겠습니다. 제가 레이아웃을 만들고 html과 css를 포스팅에 삽입하기 시작하면서 있었던 이야기입니다. 얼마 전부터 메인 인덱스 글들이 몇 개가 안 보인다거나 페이지 이동 표시가 어긋나기 시작했습니다. 처음에 포스팅할 때는 한 번에 인덱스 페이지가 순서대로 보였는데 이상하더군요. 여러 방법을 사용해보다가 내용 표시를 1개씩으로 제한하니 다 나오는 겁니다. 저는 스킨에 문제가 있을까 생각해서 다른 스킨도 적용해봤지만 동일 증상입니다. 다들 사용하는 공개 스킨인데 그건 말도 안 되는 가정이었지요. "동일 스킨을 사용하는 분들은 잘만되는데 왜 안되지?" 딱 이 생각밖에 없어서 처음부터 다시 작성해야 되나 고민도 했습니다. 그러다가 페이지 넘김 표시 위치가 중..

오늘은 content 부분의 메인 페이지 인덱스를 만들어 보겠습니다. 홈 화면에 최근글이 보이면서 제목, 내용, 카테고리, 작성일자 이렇게 표현할 겁니다. 연습용으로 개설된 티스토리 블로그 (https://hijingjingpractice.tistory.com/) HTML 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 HTML 1열 - 작업해온 HTML 중 id="content" 부분을 수정 3열 - 글 그룹 치환자를 이용해서 공간을 할당 4열 - CSS적용을 위한 div 태그 삽입 6열 - 인덱스 페이지 표시 영역 치환자로 인덱스 공간 할당 7열 - div 태그 삽입 8열 - 12열 글 제목 a 태그로 링크, CSS적용을 위한 클래스 선언 9열 -..

오늘은 레이아웃에 사이드 카테고리를 만들어 보겠습니다. 만드는 김에 간단한 관리자 메뉴와 글쓰기도 같이 만들어볼게요. 연습용으로 개설된 티스토리 블로그 (https://hijingjingpractice.tistory.com/) HTML 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 HTML 제목 상자 Title을 [ ##_title_## ] 치환자 변경 - 제목변경시 자동 적용 aside에 s_sidebar, s_sidebar_del..