오랫만에 블로그에 들어왔는데, 블로그 타이틀이 너무 휑~하다는 느낌을 받았습니다.
그래서, 아주 예쁘진 않지만 위치도 바꿔보고 나름 꾸며보았습니다.
허접하지만 필요한 부분 도움이 되길 바라며 적어봅니다.
먼저, [관리자페이지 > 기본정보]에서 블로그 이름과 설명을 확인하시거나 변경해 주세요.
[HTML/CSS]로 이동해서 블로그 설명을 상단 타이틀 밑에 넣어보겠습니다.
<div class="blogTitleDesc">프로그래밍, java, jQuery, 오라클, 워드프레스, 티스토리, 이클립스, 윈도우, 전자정부프레임워크 등등</div>
이 부분을 body 태그 밑의 header 안에 넣어주시면 됩니다.
style.css 에 아래와 같이 맨 아랫 부분에 넣어주세요.
/* Tistory Title 꾸미기 */
#header {height:120px; padding:10px;}
#header h1 {text-align:center; margin-top:40px; font-size:15pt;}
#header .blogTitleDesc {text-align:right; color:#fff; margin-top:30px;}
#header {height:120px; padding:10px;}
#header h1 {text-align:center; margin-top:40px; font-size:15pt;}
#header .blogTitleDesc {text-align:right; color:#fff; margin-top:30px;}
타이틀이 잘 바뀌었는지 확인해 볼까요?
아직도 좀 허접하긴 하지만 원하는 위치로 잘 들어왔네요.
블로그 설명의 색상을 조금만 바꿔볼까요?
/* Tistory Title 꾸미기 */
#header {height:120px; padding:10px;}
#header h1 {text-align:center; margin-top:40px; font-size:15pt;}
#header .blogTitleDesc {text-align:right; color:#AAB1AB; margin-top:30px;}
#header {height:120px; padding:10px;}
#header h1 {text-align:center; margin-top:40px; font-size:15pt;}
#header .blogTitleDesc {text-align:right; color:#AAB1AB; margin-top:30px;}
타이틀 배경색도 좀 바꿔보도록 하겠습니다.
타이틀 배경색 대신 배경이미지를 넣으면 더 근사해질 꺼 같긴 하지만 마땅한 이미지를 못 찾겠네요.
관리자페이지의 스킨위저드에서 타이틀 색상을 바꿔보았습니다.
확인해 보겠습니다.
그렇게 만족스럽진 않네요~ ㅋㅋㅋㅋ
여러분들은 예쁜 색상을 잘 골라서 꾸며보시기 바랍니다.
'인터넷/컴퓨터 > 티스토리' 카테고리의 다른 글
[티스토리] Tistory에서 글 쓸 때 사진이 많다면 사진 올릴 때 미리 정렬을 선택해 주세요. (0) | 2015.06.05 |
---|---|
티스토리(Tistory) 사이드바의 메뉴(최신 포스트, 최신 댓글 등)를 블로그 하단에 보이게 하는 방법 (1) | 2015.05.15 |
티스토리 블로그메뉴(홈/태그/미디어로그/위치로그/방명록) 위치 최상단으로 옮기기 (0) | 2015.04.16 |
티에디션 홈화면(첫화면)을 만들어 주는 티에디션 사용법 (3) | 2014.12.07 |
티스토리에서 이미지가 너무 커서 화면을 벗어날 때 이미지 사이즈 줄이는 방법 (0) | 2014.12.05 |
댓글