블로그에 글을 작성할때, 문단을 구분하기 위해서는 보통 엔터를 쳐서 여백을 만들거나
새로운 문단의 첫번째 글씨의 크기를 늘리거나, 색상을 바꾸는 방법이 있습니다
저또한 엔터를 쳐서 문단을 구분합니다
줄수에 따라 또 구분되긴 하지만, 저만의 규칙이니 그런건 무시합시다(...)
제 블로그에 올라오는 HTMl & CSS에서 소스와 본문 내용을 구분하기 위해, 티스토리 에디터에서 지원하는 인용구를 사용합니다
인용구를 구분하기 위해 쓴다는게 좀 그렇지만, 처음 사용해을땐 본문과 확실히 나눌 필요가 있었기 때문에, HTMl과 CSS를 수정하여 눈에 띄는 양식으로 바꾸어서 사용했습니다. 무엇보다 자주 사용하는거니까, 편하게 클릭하면 하면 되잖아요~
티스토리의 에디터중, 이런 박스를 넣는 기능이 있습니다. 자주 사용하는 분이 계시지만, 쓰는 분만 쓰고 다른분은 별로 안 쓰시더라구요. 저도 안쓰는 사람중 한명입니다만, 글이 길어지거나 할때는 써야할것 같습니다
이 박스는 에디터 하단에 '박스 넣기'라는 버튼으로 있습니다
이 버튼을 누르면, 다음과 같이 선택할 수 있는 종류가 나열됩니다
박스를 적용할 문단을 드래그하고, 원하는 디자인을 선택하면 박스처리됩니다
음, 이 박스는 제가 인용구로 사용하는 박스와 색이 비슷하군요- _-;
진작 사용할걸(....)
음? 그런데 저 박스 버튼이 안 보이나요? 그렇다면 플러그인에서 추가해야합니다
관리자 모드에서 플러그인을 선택한후
글쓰기 탭을 누르면 박스 스타일 넣기 플러그인을 선택할 수 있습니다
인용구와 달리 글을 작성하는 상태에서도 보이는 그대로 적용되기 때문에, 문단을 나누거나 할때 유용한 플러그인 입니다
새로운 문단의 첫번째 글씨의 크기를 늘리거나, 색상을 바꾸는 방법이 있습니다
저또한 엔터를 쳐서 문단을 구분합니다
줄수에 따라 또 구분되긴 하지만, 저만의 규칙이니 그런건 무시합시다(...)
제 블로그에 올라오는 HTMl & CSS에서 소스와 본문 내용을 구분하기 위해, 티스토리 에디터에서 지원하는 인용구를 사용합니다
빨간 네모로 표시된것이 인용구
인용구를 구분하기 위해 쓴다는게 좀 그렇지만, 처음 사용해을땐 본문과 확실히 나눌 필요가 있었기 때문에, HTMl과 CSS를 수정하여 눈에 띄는 양식으로 바꾸어서 사용했습니다. 무엇보다 자주 사용하는거니까, 편하게 클릭하면 하면 되잖아요~
티스토리의 에디터중, 이런 박스를 넣는 기능이 있습니다. 자주 사용하는 분이 계시지만, 쓰는 분만 쓰고 다른분은 별로 안 쓰시더라구요. 저도 안쓰는 사람중 한명입니다만, 글이 길어지거나 할때는 써야할것 같습니다
이 박스는 에디터 하단에 '박스 넣기'라는 버튼으로 있습니다
입력란 바로 아래 있습니다
이 버튼을 누르면, 다음과 같이 선택할 수 있는 종류가 나열됩니다
이쁜색으로~
박스를 적용할 문단을 드래그하고, 원하는 디자인을 선택하면 박스처리됩니다
이렇게 말이죠
음, 이 박스는 제가 인용구로 사용하는 박스와 색이 비슷하군요- _-;
진작 사용할걸(....)
음? 그런데 저 박스 버튼이 안 보이나요? 그렇다면 플러그인에서 추가해야합니다
위지윅 에디터 박스스타일 추가 플러그인!!
관리자 모드에서 플러그인을 선택한후
글쓰기 탭을 누르면 박스 스타일 넣기 플러그인을 선택할 수 있습니다
인용구와 달리 글을 작성하는 상태에서도 보이는 그대로 적용되기 때문에, 문단을 나누거나 할때 유용한 플러그인 입니다
태그 : IT
트랙백 주소 : http://alwaysgoon.tistory.com/trackback/772
밑에 숨어 있어서 몰랐는데...
이제야 보게 되었네요~ ㅎㅎ
감사합니다..
안녕하세요?
제 현재 제가 사용하는 스킨에서는 인용구를 사용할때 아무런 꾸밈이 없어서...
css 에서 다음을 추가로 넣었습니다.
.blockquote {
margin: 10px 20px 40px;
display: block;
border-left: solid 5px #ECF2DB;
padding: 10px; background: #FBFBF4;
}
.blockquote cite {color: #000000}
.blockquote p{line-height: normal; margin: 5px;}
그런데, 전혀 반응이 없네요...
혹시... 뭐가 문제인지 가르쳐주실 수 있을까요?
html 에서 어떻게 수정을 해야하나요?
한 수 부탁드립니다.~
안녕하세요?
블록쿼트는 클래스처럼 사용자가 정하는 요소가 아니기 때문에, 앞에 점(.)을 입력하면 안됩니다.
무슨 스킨을 쓰시는지 모르기 때문에 정확하진 않지만, 본문 영역의 클래스인 article 를 찾아 그아래 다음과 같이 입력해주세요
.article blockquote {
margin: 10px 20px 40px;
display: block;
border-left: solid 5px #ECF2DB;
padding: 10px; background: #FBFBF4;
}
.article blockquote cite { color: #000000; }
.article blockquote p{ line-height: normal; margin: 5px; }
...어차피 쓰는곳이 따로 없기 때문에, 원래 입력하셨던 소스의 제일 앞에 있던 점만 빼주시면 됩니다:D
너무 너무 고맙습니다.
점만 빼니까 바로 되네요... 고맙습니다~~~ (^^)(__)(^^)