Tistory Blog

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

백그라운 색 변경 배경색을 레드로 표현할 때 사용합니다. 배경색을 레드로 표현할 때 사용합니다. 배경색을 레드로 표현할 때 사용합니다. 배경색을 레드로 표현할 때 사용합니다. 배경색을 레드로 표현할 때 사용합니다. 배경색을 레드로 표현할 때 사용합니다. 배경색을 레드로 표현할 때 사용합니다. 배경색을 레드로 표현할 때 사용합니다. 배경색을 레드로 표현할 때 사용합니다. 배경색을 핑크로 표현할 때 사용합니다. 배경색을 핑크로 표현할 때 사용합니다. 배경색을 핑크로 표현할 때 사용합니다. 배경색을 핑크로 표현할 때 사용합니다. 배경색을 핑크로 표현할 때 사용합니다. 배경색을 핑크로 표현할 때 사용합니다. 배경색을 핑크로 표현할 때 사용합니다. 배경색을 핑크로 표현할 때 사용합니다. 배경색을 핑크로 표현할 때..

버튼 표시 방법 button button button button button button button button button button button button button button button button button button button button button button 큰 버튼 표시 방법 button button button button button button button button button button button button 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 글씨 옆에 작은 라벨을 표현할 때 사용합니다. New 글씨 옆에 작은 라벨을 표현할 때 사용합니다. New 글씨 옆에 작은 라벨을 표현할 때 사용합니다. New 글씨 옆에 작은 라벨을 표현할 때 사용합니다. New 글씨 옆에 작은 라벨을 표현할 때 사용합니다. New 글씨 옆에 작은 라벨을 표현할 때 사용합니다. New 문장 속에서 쓰는 뱃지 문장 속에서 표현할 때 사용합니다...

주의 표시 방법 alert blue1 : 이것은 주의 및 주목을 위한 표시 방법입니다. alert blue2 : 이것은 주의 및 주목을 위한 표시 방법입니다. alert blue3 : 이것은 주의 및 주목을 위한 표시 방법입니다. alert blue4 : 이것은 주의 및 주목을 위한 표시 방법입니다. alert blue5 : 이것은 주의 및 주목을 위한 표시 방법입니다. alert blue6 : 이것은 주의 및 주목을 위한 표시 방법입니다. alert blue7 : 이것은 주의 및 주목을 위한 표시 방법입니다. alert blue1 : 이것은 주의 및 주목을 위한 표시 방법입니다. alert blue2 : 이것은 주의 및 주목을 위한 표시 방법입니다. alert blue3 : 이것은 주의 및 주목을 위한..

리스트 표현 방법 리스트는 이런식으로 표현됩니다. 리스트 스티일은 이런식으로 표현됩니다. 리스트 스티일은 이런식으로 표현됩니다. 리스트 스티일은 이런식으로 표현됩니다. 리스트 스티일은 이런식으로 표현됩니다. 리스트 스티일은 이런식으로 표현됩니다. 리스트는 이런식으로 표현됩니다. 리스트 스티일은 이런식으로 표현됩니다. 리스트 스티일은 이런식으로 표현됩니다. 리스트 스티일은 이런식으로 표현됩니다. 리스트 스티일은 이런식으로 표현됩니다. 리스트 스티일은 이런식으로 표현됩니다. 리스트가 2단 구조인 경우는 이렇게 표현됩니다. 리스트 스티일은 이런식으로 표현됩니다. 여기는 리스트 2단 구조입니다. 여기는 리스트 2단 구조입니다. 여기는 리스트 2단 구조입니다. 리스트 스티일은 이런식으로 표현됩니다. 리스트 스티일..

제목 표현 방법 h1 : 제목의 크기를 설정합니다. h2 : 제목의 크기를 설정합니다. h3 : 제목의 크기를 설정합니다. h4 : 제목의 크기를 설정합니다. h5 : 제목의 크기를 설정합니다. h6 : 제목의 크기를 설정합니다. 제목 h1 제목 h2 제목 h3 제목 h4 제목 h5 제목 h6 텍스트표현 방법 mark : 글씨를 강조할 때 표시합니다. bold : 글씨를 볼드체로 나타내고 싶을 때 사용합니다. italic : 글씨를 기울이고 싶을 때 사용합니다. dot : 글씨에 점선으로 표현하고 싶을 때 사용합니다. mark : 글씨를 강조할 때 표시합니다. bold : 글씨를 볼드체로 나타내고 싶을 때 사용합니다. italic : 글씨를 기울이고 싶을 때 사용합니다. dot : 글씨에 점선으로 표현하..

안녕하세요! 부트스트랩이라는 기능을 이용하면 다음과 같은 디자인을 누구나 쉽게 만들 수 있습니다. 티스토리에서 글쓰기 작성시 좀 더 쉽고, 깔끔하고, CSS를 몰라도 쉽게 사용할 수 있도록 만든 티스토리용 부트스트랩입니다. 원래 부트스트랩은 트위터에서 만든 CSS 프레임웍입니다. 티스토리에도 이런 기능이 있었으면 하는 마음에서 만들어 보게 됐습니다. 아직 만들고 있는 단계이고 실험적인 단계이므로 버그가 있을 수 있습니다. 아무쪼록 많은 도움이 됐으면 좋겠습니다. 사용방법 사용방법은 다음과 같습니다. 우선 소스를 다운 받고 연동 작업이 필요합니다. 한번만 연동하면 다양한 디자인의 구성을 표현 할 수 있습니다. 이 방법을 사용하기 위해서는 html에 모드에서 작업을 해야 하며 p태그는 사용하지 않습니다. H..