Firefox 테마를 만드는 것이 생각보다 훨씬 어렵겠네요.

atie의 이미지

테마가 jar파일로 만들어진다는 것에 착안을 해서, 이미 설치한 charamel 테마와 nuoveXT 테마를 eclipse에 jar import를 하였습니다. 첫번째 그림이 무슨 파일이 서로 다른가를 eclipse에서 비교해 보는 것입니다. (여기서는 어라 횡재할 수도 하는 생각에...)
그리고, charamel 테마의 아이콘을 현재 사용하는 그놈 테마의 아이콘(nuoveXT)와 맞추기 위해 nuoveXT 파폭 테마에서 가져올 요량으로 우선은 go.png를 바꿔 다음의 ant 스크립트를 써서 jar파일을 만들고,

<?xml version="1.0" encoding="UTF-8"?>
<project name="nuove-charamel" default="jar">
    <target name="jar"> 
    	<jar destfile="charamel-browser.jar"
             basedir="nuove-charamel"
        />
    </target>
    <target name="dlt"> 
    	<delete file="charamel-browser.jar"
        />
    </target>
</project>

다음의 html을 파폭에서 열어 내가 만든 테마를 설치하는데 성공을 하였습니다.
<a href="javascript:void(InstallTrigger.installChrome(InstallTrigger.SKIN,'charamel-browser.jar','charamel-browser'))">Install</a>

(음... 생각보다 쉽게 끝내겠는데...)

그런 다음에, 우선은 jar 파일의 이름을 바꾸어 보겠다고, install.rdf를 변경해서 설치를 해보았습니다. 웬걸 파일이 망가졌다고 파폭이 불평을 하더군요. GUID라는 것이 있던데 이게 뭔지는 몰라서 "그냥 같은 이름이 하지 뭐" 하고 툴바의 아이콘이나 바꿔야겠다 싶어 toolbar.png와 toolbar-small.png를 열어 보지도 않고 바꿔치기를 해서 jar를 다시 만들었습니다. 파폭을 실행시켜보니 아이콘이 나오지를 않더군요. 그래서 김프로 파일을 열어보니 이 toolbar 아이콘은 여러개의 아이콘들이 (두번째 그림에서 보듯이) 통으로 되어있는 것이더군요. 그래서 우선은 서로 달랐던 그림의 크기만 맞추어 설치해 본 것이 두번째 그림입니다. 우측에 있는 독립적인 go 버튼은 잘 변경이 되었으나 좌측에 있는 통 툴바 아이콘들은 위치가 깨져서 보이죠. 추측컨대 아무래도 코드상에서 그림의 크기를 짤라 아이콘으로 보여주는 듯한데, 여기까지가 제 한계라는 생각에 정리를 하고 글을 올려봅니다.

파폭 테마 제작에 eclipse를 보조(?)로 사용할 수 있다는 것이 얻은 수확이라면, 아무래도 테마는 그림을 다루는 사람들이 몫이 아닌가하는 한계도 느껴본 시도였습니다. 관심있는 분들은 직접 해보시고 kldp에서 나올 파폭 테마들도 기대를 해 봅니다. (운은 띄었으니 제 임무는 여기까지...)

File attachments: 
첨부파일 크기
Image icon eclipse-FF-theme.png155.72 KB
Image icon eclipse-FF-toolbar.png295.64 KB
Image icon eclipse-FF-nuove-charamel.png207.14 KB
Forums: 
atie의 이미지

nuoveXT는 아이콘이, charamel는 테마가 마음에 들어서 아이콘을 바꿔치기 해야겠다라고 생각을 하였는데, 한 번 더 생각을 하니 nuoveXT 테마의 css를 바꾸는 편이 제가 접근하기에는 더 편한 방법이겠구나 하는 생각이 들었습니다. 다시, eclipse ON!

----
I paint objects as I think them, not as I see them.
atie's minipage

다크슈테펜의 이미지

그냥 아이콘만 바꾸신다면 jar의 압축을 풀어서 임시디렉토리에 복사한다음에 리소스 교체후에 다시 jar로 만드는게 더 낳지 않나요...?

인생이란게 다 그런게 아니겠어요....? 뭘(?)
http://schutepen.egloos.com

atie의 이미지

다크슈테펜 wrote:
그냥 아이콘만 바꾸신다면 jar의 압축을 풀어서 임시디렉토리에 복사한다음에 리소스 교체후에 다시 jar로 만드는게 더 낳지 않나요...?

위에 올린 그림을 제대로 안 보셨군요. (저도 그렇게 생각을 했지만, 그래서 생각보다 어렵겠다고 제목도 단 것이고요.) 독립된 아이콘 파일이 각각 있는 것이 아니라 toolbar.png안에 툴바에서 보이는 아이콘들이 통으로 들어 있습니다. 그리고, 아직 자세히 파악이 안 되었지만 css나 혹은 코드에 의해 조종이 되고요. 사용하시는 테마 jar를 열어 확인해 보세요.

----
I paint objects as I think them, not as I see them.
atie's minipage

익명 사용자의 이미지

그냥 아이콘만 바꾸신다면 jar의 압축을 풀어서 임시디렉토리에 복사한다음에 리소스 교체후에 다시 jar로 만드는게 더 <b>낫지</b> 않나요...?

이거 볼 때마다 미쳐 버리겠습니다.
낳긴 뭘 낳습니까? 애기를 낳자구요?

익명 사용자의 이미지

근데 wrote:
그냥 아이콘만 바꾸신다면 jar의 압축을 풀어서 임시디렉토리에 복사한다음에 리소스 교체후에 다시 jar로 만드는게 더 <b>낫지</b> 않나요...?

이거 볼 때마다 미쳐 버리겠습니다.
낳긴 뭘 낳습니까? 애기를 낳자구요?


실수 용서하시기 바랍니다.그런데 우선 매너부터 갖추시는 것도 나쁘지 않나요...?
atie의 이미지

원인과 방법을 알았고, 원래 하던대로 nuove의 툴바 그림을 charamel로 옮겨서 툴바 css를 수정을 하여 제가 원하던 jar파일을 성공적으로 파폭에 설치를 하였습니다. 두 테마가 서로 다른 크기의 아이콘을 쓰는지라 css 수정을 꼭 해주어야 하더군요. 수정을 하면서 생각이 든 것이 개별적인 아이콘 파일들을 여러번 읽어 들이는 것보다 이렇게 한 그림 파일을 읽어 영역별로 짤라 아이콘으로 사용을 하는 것이 프로그램 수행 속도를 빨리 할 수 있겠구나 하는 것이었습니다. (분명히 싸이트에 테마 만드는 방법 쯤해서 이런 내용이 있을텐데, 삽질로 알게 되는 이 흐뭇함... "나 파폭 테마 역공학 했다." :oops: )

스샷은 찍어 두었는데, 저도 작업을 한 노트북이 ip를 못 받아오는 문제가 있어서 기회가 되는대로 붙여 놓겠습니다.

----
I paint objects as I think them, not as I see them.
atie's minipage

atie의 이미지

밑의 그림이 작업했던 화면입니다. 툴바만 맞춰서 지금 제 파폭의 테마로 쓰고 있고요.

댓글 첨부 파일: 
첨부파일 크기
Image icon 0바이트

----
I paint objects as I think them, not as I see them.
atie's minipage

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.