'IT&디자인/블로그 TIP' 카테고리의 글 목록 (2 Page)

BASIC 2008 스킨 메뉴바 색깔 수정하기

IT&디자인/블로그 TIP RAZYNO 2012. 8. 26. 11:38

안녕하세요? 오랜만에 찾아뵙는 포스팅입니다. 사실 저도 블로그에 대해 아는 것도 별로 없는데 건방지게 이런 코너(?)를 진행(?)하게 되다니 참...쑥쓰럽네요. 하지만 독자분들과 제가 서로 배워가는 입장, 동병상련이기 때문에 더 쉽고 자세히 설명해 드릴 수 있을 거라 생각합니다 ^^ 오늘 할 과제는 BASIC 2008 스킨에서 메뉴바 색깔 수정하기입니다. 사람마다 부르는 호칭이 다를 수도 있는데 제가 말하는 메뉴바는 이것입니다. 혹시 정확한 명칭을 아시는 분은 댓글 주세요. BASIC 2008 스킨을 예로 하여 설명을 드리려고 하는데요, 아마 다른 스킨에서도 메뉴바 색깔 바꾸는 원리는 저의 글과 비슷하다고 추측해봅니다. 그러면 시작하겠습니다. 티스토리에서 뭔가 하고 싶다면 항상 관리자 버튼을 통하여야 합..

전문화된 메타블로그 사이트 정보

IT&디자인/블로그 TIP RAZYNO 2012. 8. 7. 14:30

블로그 세계에 발을 들여놓은지 이제 막 3개월째. 아직은 블로그 용어들이 낯설게 느껴집니다. 하지만 계속 듣다보니 이제는 좀 익숙해지는 부분도 있습니다. ^^ 제가 오늘 포스팅할 주제는 ‘메타블로그’입니다. 메타블로그 중에서도 제가 검색한 것 중에 특이한 메타블로그들이 몇 개 있어서 포스팅을 합니다. 이 외에도 더 다양한 전문화된 메타블로그 사이트가 많은 것 같습니다. 부족한 부분이 있다면 댓글로 피드백 주시면 감사하겠습니다. 본론으로 들어가서 먼저 메타블로그에 관한 간단한 정의부터 알아봅시다. ┃ 1. 메타 블로그란 무엇인가? 메타블로그란 쉽게 말하면 중개사이트입니다. 개개인의 블로그에서 발행한 포스트들을 한데 모아서 보여주지요. 구체적으로 과정을 말씀드리자면 다음과 같습니다. A 블로그의 주인장 김씨..

티스토리 에디터에서 '문단 간격 없음' 메뉴 이용하기

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;} 으로 바꿔 주면 정상적으로 구분선이 블로그상에서 보이게 됩니다. 다만 여기서 한 가지 부작용이 있습니다!!! 갑자기 ..

티스토리 블로그 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:#..

1
2

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

Designed by JB FACTORY

티스토리툴바