Recent Posts
Recent Comments
관리 메뉴

PC Geek's

티스토리 블로그 각주 CSS 꾸미기/ 테이블 form 팁 하나 링크 본문

프로그램/알림글, 블로그 유지 관리

티스토리 블로그 각주 CSS 꾸미기/ 테이블 form 팁 하나 링크

1.

티스토리는 각주를 쓸 수 있는데 이걸 좀 폼나게 꾸미거나, 레이아웃을 조금 바꿔주고 싶을 때.

티스토리 관리자 화면에서 CSS수정화면으로 들어가, 바꿔주면 된다.


footnotes 라는 class가 있는데, 이게 각주의 DIV 태그와 OL 태그에 붙어 있다.

DIV태그에만 적용해주려면


BODY DIV.footnotes {

뭐라구뭐라구

}


해주면 된다.


OL태그도 마찬가지고. 둘 다 적용해줄 것 같으면 그냥  body .footnotes { } 쓰면 된다.


그림을 넣고 싶다면, 예를 들어

body DIV.footnotes {     

background: url('그림주소') no-repeat;

background-position: left top;

margin-top:30px;

padding-top: 20px; 

}

이런 식으로 해줄 수 있다.

주석을 하면, 배경그림을 붙이되 타일반복무늬로 만들지 않고 주석 DIV 박스 왼쪽 상단에 몰아 이미지 하나만 표시하기. 그리고 주석 DIV박스가 본문과 조금 떨어져 있도록 margin-top을 주었고, 주석 DIV 그림이 주석과 겹치지 않도록 padding-top을 주었다.



2.

http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=17225

(phpschool 사이트 오랜만이네..)


class를 하나 만들고 그 이름으로 TABLE, TD, TH 등에 css를 지정해 두면

<TABLE class="뭐라구">한 번 적으면 그 테이블의 TD, TH에 다 그 "뭐라구" css가 적용된다는 말.

짧게 적느라 이상하게 읽히는데, 링크 들어가서 2번 보면 됨.


그리고 거기서 3번도 볼 것. 만들어놓은 클래스 2개 이상을 하나의 태그에 적용할 때. (요건 조금 더 볼 게 있음) 티스토리 스킨도 이걸 쓰는 게 있다.


이 글과 같은 분류 글목록으로 가기 / 최신글목록으로 가기
0 Comments
댓글쓰기 폼