IT&디자인/블로그 TIP RAZYNO 2012. 7. 2. 22:21
문단 간격 없음을 사용하면 에디터상에서 엔터를 쳐도 줄 간격이 크게 바뀌지 않습니다. 만약 '문단 간격 없음'을 해제하고 에디터상에서 글쓰기를 하면 어떻게 될까요? '문단 간격 없음'을 '체크 해제'하고 엔터를 치면(줄바꿈을 하면) 크게 간격이 벌어집니다. '문단 간격 없음'을 '체크 해제' 하였을 때 벌어지는 간격은 CSS에서 본인이 설정한 문단 간격만큼 벌어집니다. 저는 CSS에서 문단 간격으로 200%(글자 크기 기준)을 설정했기 때문에 그만큼 벌어졌습니다. 이 부분에서는 추후에 다시 설명하도록 하고요, 아래 그림이 제가 CSS를 통하여 행간을 설정한 부분입니다. 저 같은 경우에는 문단 간격 없음을 체크하고 글을 쓰는 것이 더 편하다고 느껴집니다. 문단 간격 없음을 체크 해제하고 글을 쓰니까 에디터..
더 읽기
IT&디자인/블로그 TIP RAZYNO 2012. 6. 10. 16:04
티스토리 에디터는 '구분선'이라는 걸 넣을 수 있습니다. 문단과 문단 사이에 수평선을 넣어서 구분이 되도록 하는 선입니다. 옛날에 HTML을 배울 때 hr이라는 태그를 배우셨을 겁니다. 그거와 똑같은 기능을 합니다. 다만, 제가 구분선을 쓰려고하니까 에디터상에서는 보이는데 실제로 블로그상에서는 안 보이는 현상이 계속 발생해서 여기 저기 검색하다가 결국에 구글신께 물어봐서 해답을 알아봤습니다. 해답은 다음과 같습니다. 관리자 > 꾸미기 > HTML/CSS 편집 > style.css 창에서 hr {display:none;} 을 검색합니다. 그리고 해당 부분을 hr {display:true;} 으로 바꿔 주면 정상적으로 구분선이 블로그상에서 보이게 됩니다. 다만 여기서 한 가지 부작용이 있습니다!!! 갑자기 ..
IT&디자인/블로그 TIP RAZYNO 2012. 6. 3. 19:59
티스토리 블로그를 사용하면서, 포스트의 글제목 또는 본문의 서체를 자기가 원하는 서체로 바꾸고 싶다는 생각이 들었습니다. 스킨위자드? CSS? 뭔가 어려울 것 같다는 느낌이 듭니다만 실제로 따라해보니까 하나도 안 어렵습니다!자, 여러분도 그러면 한번 천천히 저를 따라해보시기 바랍니다. (1) 스킨위자드를 이용하는 방법 스킨위자드는 티스토리 관리 메뉴에 존재하는 '프로그램'중 하나입니다. 스킨위자드를 이용하면 CSS의 어려운 코드들을 수정할 필요 없이 간단한 마우스 클릭만으로 원하는 블로그 스킨을 설정할 수 있습니다. 다만, 그 한계가 있기 때문에 좀 더 멋진 디자인, 인터페이스를 원하는 유저라면 CSS를 통하여 좀 더 '고급기술'을 시전할 필요가 있겠습니다. ^^; 그러한 고급기술을 배울려면 상당한 컴퓨..
IT&디자인/블로그 TIP RAZYNO 2012. 6. 2. 22:07
관리자 버튼 클릭하고 관리자 페이지에서 HTML/CSS 편집으로 들어갑니다. 여기서 Ctrl + F ( 찾기 옵션 ) 단축키를 눌러서 .titleWrap h2 a { 을 찾습니다. 그러면 아래 사진에서처럼 style.css에서 .titleWrap h2 a { 가 있는 곳을 표시해줍니다. 위의 HTML 사진에서 보면, @post-title-font-size=*/20px 부분이 포스트 제목의 글자 크기를 정하는 부분입니다. 20px라는 숫자가 글자 크기를 설정하는 부분이고, 여기서 수치가 올라가면 커지고 내려가면 작아집니다. ( 주의할 점은 pt가 아니고 px라는 점입니다. 12pt 정도의 글자크기를 원하다면 16px로 설정해주셔야 합니다. ) 색상의 설정은 @post-title-color=*/color:#..