본문 바로가기
디지털교육

티스토리 헤드 로고이미지 바꾸는법

by bizne 2014. 10. 19.
728x90
반응형

티스토리헤드 로고이미지바꾸는법


티스토리는 맘대로 고칠수 있어서 편리합니다.

html을 조금 아시는 분들은 코딩이라는 것에 입문에 앞서

손대어 연습해 보는것도 좋습니다.

저처럼 말이죠.

저도 전문가가 아니라 지금 막 이제 막 혼자 독학으로

티스토리 꾸미기에 도전한 사람이랍니다.


티스토리 헤드중에 로고부분의 이미지 바꾸기 해봅니다.


헤더란?

티에디션이란 ?

치환자란 ? 

티에디션을 켜려면?


티에디션을 통해 스킨하나를 입혀줍니다.

저는 

Fotolog(Red)(사용자 수정/업로드) ver.1.0(사용자 수정/업로드)

 스킨을사용했습니다. 

기존 모습의 로고는 photo gallary 였습니다.

요 상단 로고 이미지를 바꾸는 법입니다.






스킨의 헤더 로고이미지 사이즈를 , 확인하고, 같은 사이즈로 로고를  만들어주세요 .

로고 만드실때,  바탕은  transparent 투명화일로 만들어줍니다.

저는 작업후의 것을 캡쳐했더니 배경색이 나왔네요 ..




관리 > 스킨 > 파일업로드 를 눌러주세요.

내 컴퓨터의 파일을 올려줍니다.


* 이때 , 기존 로고의 이미지 화일명을 기억해 두었다가, 

그 부분만 제가 올린 이미지 화일명으로 대체해 줍니다.


화일을 업로드 햇으면, 다시  html/css편집r로 와서 >> 하단의 css 편집기에서, 

아래 부분을 찾아 붉은부분만 , 내 화일명으로 교체해 줍니다.

----

/* 이미지를 타이틀로 사용할 경우 */

#header h1 a {

display:block;

width:164px;

height:16px;

background:url(images/top.png) no-repeat; /* 기존이미지(images/title.png) */

text-indent:-1000px;

overflow:hidden;

}



이렇게 변화됩니다.상단에 제가 올린 top.jpg 의 얼렁뚱땅 집합소라는 이미지가 나타납니다. 



자유롭게 헤더이미지를 바꿔보세요.

< 티스토리 헤더 전체 이미지 바꾸는 법 보기  >

< 티스토리 헤더 폭 넓이 바꾸는 법 보기  >

728x90
반응형

'디지털교육' 카테고리의 다른 글

질문지작성요령  (0) 2015.04.19
티스토리 팀블로그 글쓰기  (1) 2014.11.07
티스토리헤더에 전체 이미지 넣는 방법  (0) 2014.10.19
몽환적 포토샵 배경만들기  (0) 2014.10.18
포토샵 패턴만들기  (0) 2014.10.18