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

2014. 10. 19. 08:44디지털교육

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