'2007/11'에 해당되는 글 2건

  1. 2007/11/30 파비콘(favicon) 만들기 (2)
  2. 2007/11/26 안녕하세요 ^^* (2)

+ 홈페이지 주소 앞에 아이콘 달기

사용자 삽입 이미지

다음같은 사이트 주소창 앞이나 즐거찾기 목록을 보면 파란 문서모양이 아닌
알록달록한 색상의 아이콘이 달려있는 것을 볼 수 있지요?

그런 아이콘을 파비콘이라고 부릅니다.
( favorite icon 의 줄임말이 아닌가 하네요 ^^ )

※ tistory 에서는 환경설정에서 파비콘을 넣을 수 있도록 지원되고 있습니다 ^^v

일반 홈페이지의 경우 index 파일의 <head> 태그 부분에 아래 소스를 추가하시면 됩니다.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<link rel="SHORTCUT ICON" href="자신의 계정주소/아이콘이름.ico">
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


+ 중요한 것은 아이콘은 무조건 ico 파일이여야 한다는 사실!

ico파일로 아이콘을 만든후 자신의 계정에 올리고 계정주소를 붙여넣기 해주시면 됩니다.

위 내용을 메인 페이지에 삽입한 후, 사이트를 즐겨찾기 해보세요~
주소창과 즐겨찾기 메뉴에 아이콘이 나타납니다 ^^


+ 그럼, ico 파일을 어떻게 만드느냐?

ico 파일 만들기 어렵죠?
변환프로그램이 따로 없다면 아래 사이트 가셔서 쉽게 만드실 수 있어요.

포토샵 등에서 16x16사이즈의 아이콘을 만든 후 png 포맷으로 저장을 하세요~

png 를 ico포맷으로 한방에 바꿔준답니다^^ (저도 이용했구요!)

http://converticon.com/

사용자 삽입 이미지



+ 마지막으로 Tip 한가지!!

ico 파일을 만들기 위한 이미지 작업을 하실 때
배경부분은 투명하게 만드셔야 합니다!

Internet Explorer 7 버젼과 같이 텝 부분에도 아이콘이 뜨는 경우
배경을 투명하게 하지 않으면 아래와 같이 하얀 네모박스가 생깁니다 ^^;;
사용자 삽입 이미지
Posted by agzak
TAG Tip&Tech

댓글을 달아 주세요

  1. 먹는 언니 2007/12/01 10:27  댓글주소  수정/삭제  댓글쓰기

    실력이 딸려서... 통과. ㅠ.ㅠ

    • agzak 2007/12/04 11:27  댓글주소  수정/삭제

      아.. 그냥 16x16 사이즈로 맘에 드는 그림 골라서 ico 포멧으로 바꾸기만 하면 되요 ^^
      저는 다음카페 아이콘 퍼와서 만들었어요 ㅋㅋ

안녕하세요 ^^*

ReadMe 2007/11/26 14:30
티스토리에 초대받으면서 어떤 곳으로 만들어나갈까 고민하다가

소소한 일상사는 이미 다른 곳에 적고 있기 때문에

이곳은 저의 이런저런 관심사들에 대한 스토리지를 꾸며볼까 합니다 ^^

개인 공간이라기 보다는 여러분들에게 소개하는 장이 되었으면 하네요.

여러가지 분야에서 얕은 지식을 가지고 있는 저에게 딱.맞.는. 곳이 되지 않을까 합니다 ^^a

그냥 시간나면 지나가다 들르셔서 '이런 것도 있구나' 정도 느끼시는

편안한 공간이 되었으면 좋겠습니다.
Posted by agzak

댓글을 달아 주세요

  1. 먹는 언니 2007/11/26 15:48  댓글주소  수정/삭제  댓글쓰기

    일빠!!! 축하하오~~~

    • agzak 2007/11/27 16:34  댓글주소  수정/삭제

      초대해 주셔서 감사합니다 ^^*
      업데이트는 자주 못할거 같지만 내용은 충실할 수 있도록 노력할께요!!

이전페이지 1 다음페이지

태그목록

사이드바 열기