부트스트랩 사용하기 - 이미지 브라우저 스타일

이미지 브라우저 스타일 블러그에 이미지를 표현할 때 이미지만 표현하기 허전한 경우에 디자인 작업을 추가시켜주는 브라우저 스타일 부트스트랩입니다. 글을 적다보면 이미지를 꼭 몇 개씩 넣어야 하는 경우에 사용하면 아주 유용하게 쓰일 것 같습니다. 브라우저 별 스타일로 준비하였습니다. 이미지 브라우저 스타일 만들기(browser1) 제목(생략가능)

제목(생략가능)
이미지 경로 넣는 곳
이미지 브라우저 스타일 만들기(browser2) 제목(생략가능)
제목..

10. 티스토리 사이트 만들기 - footer

HTML에서 수정 된 곳

08. 티스토리 사이트 만들기 - Cate1

이미지 다운로드 HTML에서 수정 된 곳

05. 티스토리 사이트 만들기 - Content1

HTML에서 수정 된 곳 CSS에서 수정 된 곳 /* contents */ #tt-body-index {} #tt-body-index .cont_skin { } #tt-body-index #cMain {overflow: hidden; width: 1100px; margin: 0 auto;} #tt-body-index .article_skin {width: 50%; float:left;} #tt-body-index .article_skin .list_content {} #tt-body-index .article_skin .list_content ...

부트스트랩 사용하기 - 버튼

버튼 표시 방법 button button button button button button button button button button button

button
button
button
button
button
button
button
bu..

부트스트랩 사용하기 - 뱃지

알림 뱃지 글씨 옆에 작은 라벨을 표현할 때 사용합니다. New 글씨 옆에 작은 라벨을 표현할 때 사용합니다. New 글씨 옆에 작은 라벨을 표현할 때 사용합니다. New 글씨 옆에 작은 라벨을 표현할 때 사용합니다. New 글씨 옆에 작은 라벨을 표현할 때 사용합니다. New 글씨 옆에 작은 라벨을 표현할 때 사용합니다. New

02. 티스토리 사이트 만들기 - header1

HTML에서 수정 된 곳

CSS에서 수정 된 곳 /* container */ .container {width: 1100px; margin: 0 auto; /* background:rgba(0,0,0,0.5); */} /* header */ .header {overflow: hidden;} .header h1 {float: left;} .header .nav {floa..

Total
38,786
Today
6
Yesterday
28