IT&디자인/블로그 TIP RAZYNO 2012. 8. 26. 11:38
안녕하세요? 오랜만에 찾아뵙는 포스팅입니다. 사실 저도 블로그에 대해 아는 것도 별로 없는데 건방지게 이런 코너(?)를 진행(?)하게 되다니 참...쑥쓰럽네요. 하지만 독자분들과 제가 서로 배워가는 입장, 동병상련이기 때문에 더 쉽고 자세히 설명해 드릴 수 있을 거라 생각합니다 ^^ 오늘 할 과제는 BASIC 2008 스킨에서 메뉴바 색깔 수정하기입니다. 사람마다 부르는 호칭이 다를 수도 있는데 제가 말하는 메뉴바는 이것입니다. 혹시 정확한 명칭을 아시는 분은 댓글 주세요. BASIC 2008 스킨을 예로 하여 설명을 드리려고 하는데요, 아마 다른 스킨에서도 메뉴바 색깔 바꾸는 원리는 저의 글과 비슷하다고 추측해봅니다. 그러면 시작하겠습니다. 티스토리에서 뭔가 하고 싶다면 항상 관리자 버튼을 통하여야 합..
더 읽기
IT&디자인/블로그 TIP RAZYNO 2012. 7. 2. 22:21
문단 간격 없음을 사용하면 에디터상에서 엔터를 쳐도 줄 간격이 크게 바뀌지 않습니다. 만약 '문단 간격 없음'을 해제하고 에디터상에서 글쓰기를 하면 어떻게 될까요? '문단 간격 없음'을 '체크 해제'하고 엔터를 치면(줄바꿈을 하면) 크게 간격이 벌어집니다. '문단 간격 없음'을 '체크 해제' 하였을 때 벌어지는 간격은 CSS에서 본인이 설정한 문단 간격만큼 벌어집니다. 저는 CSS에서 문단 간격으로 200%(글자 크기 기준)을 설정했기 때문에 그만큼 벌어졌습니다. 이 부분에서는 추후에 다시 설명하도록 하고요, 아래 그림이 제가 CSS를 통하여 행간을 설정한 부분입니다. 저 같은 경우에는 문단 간격 없음을 체크하고 글을 쓰는 것이 더 편하다고 느껴집니다. 문단 간격 없음을 체크 해제하고 글을 쓰니까 에디터..
IT&디자인/블로그 TIP RAZYNO 2012. 6. 16. 22:28
블로그 상단 메뉴바, 그러니까 타이틀 이미지 바로 밑에 있는 메뉴바에다가 '프로필' 항목을 추가하고 싶었습니다. 자 그러면 한번 알아볼까요? 저는 먼저, 프로필 관련 글을 쓰기로 했습니다. 티스토리 글쓰기 에디터에서 '공지'로 설정하고 글을 써서 올렸고요. ( '공지'에 관한 자세한 설명은 추후에 다시 하도록 하겠습니다. ) 그렇게 올려진 글을 블로그 상에서 보면 해당 포스트의 주소가 나타납니다. 그 주소를 메모장에 복사해두도록 합니다. 메뉴바에 프로필 항목을 추가 할려면 이 주소가 반드시 필요합니다. 그러면 이제 본격적으로 메뉴바에 프로필 항목을 추가해봅시다. 관리자 버튼 > 꾸미기 > 화면설정으로 들어갑니다. 화면설정에서는 메뉴를 선택합니다. 화면설정에서 메뉴를 선택하고 난 뒤에는 메뉴명에 '프로필'..
IT&디자인/블로그 TIP RAZYNO 2012. 6. 11. 20:47
포스팅을 할 때 본문에 그림을 삽입하는 경우, 그림의 사이즈가 너무 크면 우측의 상단바가 밑으로 내려가버리는 오류가 생깁니다. 이미지 사이즈를 적정한 크기로 해서 올리는 센스가 필요할 것 같네요.. 참 여러가지로 손볼 곳이 많은 티스토리 블로그...^^ 손이 많이 가는만큼 애정도 많이 생기겠죠?
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:#..