애초에 블로거에서 blockquote가 제대로 동작하는 것 같지도 않지만요. 엔터키만 쳐도 풀리는 지 내어쓰기가 되니. 정확히 말해, 블록쿼트 안에서 엔터키를 치면, 블록 안에서 개행하지 않고 블록이 두 개로 나뉘는 걸 곧잘 봅니다. (그리고 또 하나, 글쓰다 보면 티스토리처럼 <div>태그가 막 늘어나는 버그가 있더군요. 이건 블록쿼트와 상관없이도 발생하는 것 같지만. 두 서비스 공통인 걸 보면 둘이 같이 쓰는 라이브러리or툴킷문제일 지도 모르겠습니다)
어쨌든 간에 이걸 손질해보겠습니다.
class가 tr_bq군요,
css에서 class 명을 다루는 방법과 예제. 언제나 고마운 w3schools.com 입니다. ^^
https://www.w3schools.com/cssref/sel_class.asp
그리고 박스가장자리를 둥글게 다듬기.
https://www.w3schools.com/css/css3_borders.asp
조금 장난쳐서 테스트해보죠.
.tr_bq {
background-color: #eeeeee;
width:auto;
padding: 20px;
margin:10px;
border-radius: 10px;
}
* 나중에 첨언: width:auto; 는 해주나 마나 차이없습니다.
이 코드를, 테마> 맞춤설정을 열어 고급>css추가에 넣어보겠습니다.
그것이 지금 블로그에 보이는 화면입니다.
그 외, 구글 검색에 같이 나온 링크. 문자코드 따옴표를 넣는 방법입니다.
인용문(Blockquote) 꾸미기 - 테두리로 꾸미기, 따옴표로 꾸미기 - CMS 팩토리
https://www.cmsfactory.net/node/10414
ps.
blockquote를 만들 때는, 일단 묶을 부분 글작성을 마친 후 블럭을 쳐춰야 합니다.
블럭을 친 다음에 수정하면 싹 망가져버릴 때가 많습니다. 리스트가 분리된다든가 블럭이 분리된다든가, 줄이 없어진다든가..
특히, 빈 줄<br>태그를 없애버리므로 수동으로 다시 쳐줘야 합니다.
이것은, 블로거닷컴의 블록쿼트가 순수하게 글인용목적으로만 의도되었지 글박스용으로 의도된 것이 아니기 때문인 것 같습니다. 만든 디자이너 관점에서.
댓글 없음:
댓글 쓰기