본문 바로가기

■ 블로그꾸미기

[ HTML ] TABLE 에 대해 알아보자 가장 기본적인 테이블에 대해서 알아보도록 하겠습니다. ■ 먼저 가장 기본적인 테이블 태그는 아래와 같습니다. 희야의 웹하우스 위와 같이 태그를 적용하면 결과물은 이렇게 나오게 됩니다. ■ 가로로 테이블 칸을 늘이고 싶다면 희야의웹하우스 http://heeya1004.tistory.com/ 이렇게 하시면 됩니다. 글자 이렇게 반복 하시면 옆으로 칸을 계속 늘일 수 있습니다. ■ 반대로 세로로 칸 수를 늘이고싶다면 희야의웹하우스 http://heeya1004.tistory.com/ 이렇게 하시면 됩니다. 글자 을 계속 반복 하면, 아래로 칸 수를 늘릴 수 있습니다. 가장 기본이 되는 테이블 태그에 대해서 알아보았습니다. 아무런 장식은 없지만, 뼈대가 되므로 꼭 알아두세요 ^^ 태그의 속성 값과 의미 bord.. 더보기
깔끔한 페이징 버튼 만들기 스킨을 바꾸다보면, 왠지 하단 페이징 버튼이 맘에 들지 않았는데.......... 그래서 위 모양 처럼 바꾸었습니다^^ @_@ Grace*님 블로그에서 배워왔습니다 @_@ 요즘은 저런 버튼 모양을 또 많이 사용하시더군요 ~_~ Skin.html 에 들어갈 소스 입니다. 검색에서 s_paging를 검색하세요 그리고 로 시작하는 부분부터 까지 지워주시고 아래 소스를 넣어주세요. ◀ PREV [# #_paging_rep_link_num_# #] NEXT ▶ # # 이건 중간에 한칸 띠어져 있습니다. 소스 적용시에는 붙혀 주세요. style.css 에 아래 내용을 입력합니다. #paging {width:580px; text-align:center; float:left; line-height:15px} #pagi.. 더보기
사이드부분에 새로운 메뉴 추가하기 제 블로그 왼쪽 카테고리 아래부분에 있는 메뉴 입니다. 이렇게 새로운 메뉴를 추가하는 방법을 적어보겠습니다. 생각보단 어렵지 않답니다 ^^ 자 , 일단 메뉴를 준비해야 겠지요 ? 저는 간단하게 포토샵에서 휙휙 만들어서 준비를 했습니다. 이렇게 준비한 메뉴를 이제 계정에 올려야 겠지요 ? 티스토리 관리자 페이지로 갑니다. 스킨 에서 HTML/CSS 편집 을 선택해 주세요. 파일업로드 탭을 선택 하시고, 아까 만들어논 메뉴 이미지를 업로드 시켜 주세요. 그런다음 그 메뉴 이미지의 주소를 알아야 하겠지요? 아래 캡쳐 이미지를 보면서 설명할께요 전 이미지중 좀 큰 사이즈의 이미지를 선택해 보니깐, 관리자 메뉴 이미지가 선택이 되었네요 ^^ 자, 이젠 관리자 메뉴 이미지 바로 위에서 마우스 우클릭을 해주세요. 그.. 더보기
[ HTML] body 태그 HTML 의 기본 구성은 ? -------> 웹페이지의 시작을 나타냄 -------->웹페이지의 내용을 넣는 태그 희야의웹하우스 이런식으로 구성이 됩니다. ■ 태그  태그를 어떻게 사용하느냐에 따라서, 웹 문서를 분위기있게 꾸밀수 있습니다. (속성) (값) 위 body 태그는 웹문서의 전체 배경을 바꿔주는 태그 입니다. 태그의 속성을 살펴 보겠습니다. 태그의 속성 값 설명 bgcolor 색상 웹문서의 배경에 색상을 지정합니다. background 이미지 파일명 웹문서의 배경에 이미지를 지정합니다. text 색상 웹문서에 나타나는 글자의 색상을 지정합니다. link 색상 웹문서에 나타나는 하이퍼링크 글자의 색상을 지정합니다. alink 색상 하이퍼링크 글자가 클릭될 때의 색상을 지정합니다. vlink.. 더보기