RAZYNO POST :: 자격증ㆍ각종 정보ㆍ시사ㆍ이슈

에디터에서 구분선이 안 보일때 그리고 부작용

IT&디자인/블로그 TIP RAZYNO 2012. 6. 10. 16:04

티스토리 에디터는 '구분선'이라는 걸 넣을 수 있습니다. 문단과 문단 사이에 수평선을 넣어서 구분이 되도록 하는 선입니다. 옛날에 HTML을 배울 때 hr이라는 태그를 배우셨을 겁니다. 그거와 똑같은 기능을 합니다. 다만, 제가 구분선을 쓰려고하니까 에디터상에서는 보이는데 실제로 블로그상에서는 안 보이는 현상이 계속 발생해서 여기 저기 검색하다가 결국에 구글신께 물어봐서 해답을 알아봤습니다. 해답은 다음과 같습니다. 관리자 > 꾸미기 > HTML/CSS 편집 > style.css 창에서 hr {display:none;} 을 검색합니다. 그리고 해당 부분을 hr {display:true;} 으로 바꿔 주면 정상적으로 구분선이 블로그상에서 보이게 됩니다. 다만 여기서 한 가지 부작용이 있습니다!!! 갑자기 ..

더 읽기

티스토리 블로그 CSS로 줄간격 설정하기

IT&디자인/블로그 TIP RAZYNO 2012. 6. 5. 17:28

줄간격 설정하기는 2가지 방법이 있습니다. 첫번째는 에디터상에서 설정하는 것입니다. 아래 사진에 빨간 박스 쳐진 곳을 확인하시면, 에디터 메뉴바 부분에 아래 위로 화살표가 쳐진 버튼이 있습니다. 바로 이 버튼이 줄간격을 설정할 수 있는 버튼입니다. 해당 버튼을 클릭하고 원하는 줄간격을 설정하시면 됩니다. 예시로 150% 줄간격과 200% 줄간격을 설정해보았습니다. 어떤가요? 저는 200% 줄간격이 시원시원하고 보기가 좋습니다. 줄간격은 행간이라고 하며 편집디자인에서는 가독성과 관련된 중요한 부분입니다. 너무 넓어도 안되고 너무 좁아도 안되는 중용의 미를 지켜야되는 부분이라 생각합니다. 보통 본문의 행간은 200%를 사용하는 것이 대부분입니다. 다만, 문장 성격에 따라 시 같은 경우에는 더 많은 행간이나 ..

더 읽기

티스토리 블로그 글 제목 및 본문 서체 설정하기 ( CSS 또는 스킨위자드 이용 )

IT&디자인/블로그 TIP RAZYNO 2012. 6. 3. 19:59

티스토리 블로그를 사용하면서, 포스트의 글제목 또는 본문의 서체를 자기가 원하는 서체로 바꾸고 싶다는 생각이 들었습니다. 스킨위자드? CSS? 뭔가 어려울 것 같다는 느낌이 듭니다만 실제로 따라해보니까 하나도 안 어렵습니다!자, 여러분도 그러면 한번 천천히 저를 따라해보시기 바랍니다. (1) 스킨위자드를 이용하는 방법 스킨위자드는 티스토리 관리 메뉴에 존재하는 '프로그램'중 하나입니다. 스킨위자드를 이용하면 CSS의 어려운 코드들을 수정할 필요 없이 간단한 마우스 클릭만으로 원하는 블로그 스킨을 설정할 수 있습니다. 다만, 그 한계가 있기 때문에 좀 더 멋진 디자인, 인터페이스를 원하는 유저라면 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:#..

더 읽기

Copyright © RAZYNO POST :: 자격증ㆍ각종 정보ㆍ시사ㆍ이슈 All Rights Reserved

Designed by JB FACTORY

티스토리툴바