iNove 티스토리 스킨 블로그 이름, 설명글 꾸미기
2014.01.26 02:45
광고 차단 플러그인을 꺼 주시면 블로그 운영에 도움이 됩니다. ^^
iNove 티스토리 스킨 블로그 이름, 설명글 꾸미기

티스토리를 시작하면 처음으로 하는것이 블로그 이름을 적어주지요. 설명글이야 나중에 적을수도 있지만 블로그 이름은 보편적으로 만들어 주더군요.

 

저두 그랬구요.

 

티스토리 블로그 이름을 길게 만들지는 않지만 스킨에 따라 폰트크기도 다르고 폰트도 다르게 적용되 있어서 원하시는 디자인을 하고 싶은때가 있을겁니다.

 

또는 블로그 이름을 길게 적었는데 블로그 이름이 줄 바꿈되어 보기 안좋은 경우도 있을수 있구요.

 

블로그 이름 + 설명글을 넣었는데 너무 붙어나오는 경우도 있을겁니다. 이 글에서는 위에서 언급한 문제점들을 하나씩 해결해 보겠습니다.

 

제가 사용하는 'iNove Green Theme'도 약간의 문제가 있어서 수정해야지 생각만 하다 이 글을 작성하면서 수정하네요.

문제라는 것은 익스 버전에 따라 블로그 이름과 설명글 간격이 달라지는 문제점이 있네요.

 

그래서 수정을 해볼까 합니다.

 

 

먼저 작업하기전에 사용하시는 스킨을 백업해 주세요.

 

 

스킨 백업을 하셨다면 진행해 보겠습니다.

 

티스토리 블로그 이름 꾸미기

 

 

1. 블로그 이름 입니다.

2. 블로그 설명 글 입니다.

 

위 이미지 처럼 나오는게 정상인데 익스 8버전에서 1번 블로그 이름과 2번 블로그 설명글이 겹쳐 보이는 문제가 있답니다.

 

우선 블로그 이름을 꾸며 보겠습니다. 티스토리 관리 -> 꾸미기 -> HTML/CSS 편집을 선택하고 Ctrl + F 를 눌러 찾기 창을 열어 주세요.

 

찾기 창에 '#title a'을 입력하면 style.css란에 딱 한곳 나옵니다.

 

이 부분을 수정하시면 블로그 이름을 꾸밀수 있답니다.

 

1. text-decoration:none; 글자에 선을 넣어주는 옵션

   none(속성 없음), underline(밑줄), overline(윗줄), line-through(취소선)

2. color:#FFF; 글자 색상을 지정합니다.

3. height:30px;  상단 간격을 지정합니다.

4. font-family:"Trajan Pro"; 블로그 이름 폰트를 지정합니다.

5. letter-spacing:0; 글자 간격을 지정할수 있습니다.

 

만약 1번 블로그 이름과 2번 블로그 설명글이 겹쳐 보인다면 height:30px;에 적당한 값을 주어 겹쳐보이는 부분을 조정 할수 있습니다.

 

위에서 언급한 부분을 참고 하셔서 수정을 하시면 원하시는 디자인이 나올듯 합니다.

 

블로그 설명글 꾸미기

 

블로그 설명글 꾸미기를 알아 보겠습니다.

 

 

 

티스토리 관리 -> 꾸미기 -> HTML/CSS 편집을 선택하고 Ctrl + F 를 눌러 찾기 창을 열어 주세요.

 

찾기 창에 '#tagline'을 입력하면 style.css란에 딱 한곳 나옵니다.

 

 

1. color:#FFF; 글자 색상을 지정합니다.

2. text-decoration:none; 글자에 선을 넣어주는 옵션

   none(속성 없음), underline(밑줄), overline(윗줄), line-through(취소선)

3. font-size:11px; 폰트 크기를 지정합니다.

4. float:left; 왼쪽으로 정렬

5. padding:0px; 내부 여백 지정 하는 옵션 0px를 수정해서 조정 합니다.

 

간단한데 글로 표현하니 복잡하고 길어졌네요. 저두 알아가는 과정이라 글이 길어진거 같아요.^^

시간이나면 블로그 이름을 이미지로 꾸미는 글도 올려 보겠습니다.

저작자 표시 비영리 변경 금지
신고

, , , , , ,