'Personas'에 해당되는 글 1건

  1. 2011.03.28 [퍼온글] Firefox에서 Peronas 이용한 스킨 제작

[퍼온글] Firefox에서 Peronas 이용한 스킨 제작

카테고리 없음 2011. 3. 28. 23:20

퍼온글입니다

http://anrosua.tistory.com/20

Personas는 파이어폭스가 3.6으로 업그레이드 되면서 새로 생긴 기능입니다.


한마디로 파이어폭스의 바탕을 바꿔줍니다. 스킨과는 좀 다른 의미지이요.. 버튼이나 주소창등은 바뀌지 않으니까요.

예를 들자면 이런겁니다.



크게해서 보시면 상단과 하단의 이미지가 바뀌었죠..

적용은 아주 간단합니다. Personas 홈페이지에 들어가서 좋아하는 Personas에 마우스를 올리면 자신의 PC에 있는 파이어폭스에 바로 Preview를 볼 수 있습니다. 그게 마음에 들면 클릭하면 끝! 참 쉽죠잉~






이제 한번 만들어 볼까요? 제작도 적용처럼 참 쉽습니다

우선 제가 만든 Personas입니다.



1. Header

Header부분은
크기 - 가로 : 3000 px, 세로 : 200px 로 만들어져야 합니다
용량 - 300kb를 넘어서는 안됩니다.
포맷 - JPG, PNG

header부분을 만들때 주의 하셔야 할 점은 자신이 나타내고자하는 이미지를 세로 200px에 딱 맞게 적용하시면 안된다는 겁니다.

애시당초 제가 노출 시키고자 했던 이미지는 이겁니다.


하지만 윗 부분 밖에 안나오죠. toolbar나 pulg-in등이 많이 깔려서 Header에 해당하는 부분이 세로로 길어지면 다 보일지도 모릅니다. 하지만 대부분의 사용자는 기본으로 쓰죠.

그래서 자신이 노출 시키고자하는 이미지 전체를 다 보이고자 한다면 중간에서 약간 위로 올려주는 것이 좋습니다.

2. Footer

Footer 부분은
크기 - 가로 3000px, 세로 100px로 만들어져야 합니다.
용량 - 300kb를 넘어서는 안됩니다.
포맷 - JPG, PNG

footer부분은 파이어폭스의 상태표시줄에 해당합니다. 특별한 이미지가 들어갈 필요가 없다고 생각되지만 자신만의 특별한 Personas를 꾸미기 위해서는 넣는것도 좋겠죠.

3. Test

자 이제 테스트를 해봐야겠죠..

Personas를 로컬에서 확인하고자 할때는 Plug-in으로 Personas가 깔려 있어야합니다.


플러그인은 Personas 홈페이지에서 다운 받을 수 있습니다.

플러그인이 깔리면 Footer 부분에 여우 아이콘이 생깁니다.


위와 같이 하시면 로컬에서 확인하실 수 있습니다.

저렇게 혼자 쓰셔도 되고 공개하고 싶다면 Personas 홈페이지에 올리셔도 됩니다.(로그인이 필요합니다.)


홈페이지 : http://www.getpersonas.com
: