Rev. 2.73

546456.png

한동안 배포가 중지되었던 RedJune스킨을 100% CSS로 코딩하고 문제시 되었던 부분을 교채하여 재배포 한다. 자세한 내용은 아래의 포스트에서 확인하자.

관련 포스트 : RedJune스킨 배포
다운로드 : RedJune095.zip

달라진점 :
태터툴즈 0.95 대응 패치.
올드페이퍼의 내비게이터 일부기능을 포함.
CSS코딩 전환

추가 :
2005.2.4 - 폰트 사이즈 조정
2005.2.5 - 파이어폭스에서 깨지는 현상 수정
2005.2.11 - 방명록에서 홈페이지값 손실하는 버그 수정
2005.11.13 - 카테고리 폰트사이즈 수정
2005.11.13 - 태터툴즈 0.96 대응 패치

Comments

Style Properties
The following lists some of the custom style properties that Mozilla supports.

Properties:
-moz-appearance
Used to cause an element to take its border, background style and size from the operating system's theme. This causes XUL elements to be drawn similar to the way the user's system draws such elements. This currently only has an effect on Windows XP and Mac OS X.

-moz-background-clip Moz1.2
Indicates whether the background, either the color or image, should extend into the border area of the element. This property is similar to the CSS3 background-clip property.

border: The background extends into the border of the element. It will be drawn behind the border.
padding: The background does not extend into the border.

-moz-background-inline-policy Moz1.3
Specifies how the background image of an inline element is determined when the content of the inline element wraps onto multiple lines.

bounding-box:
continuous: The background image wraps around on to each line as if the text had no line breaks. For example, if the image is 500 pixels and the inline box is 300 pixels, the first 300 pixels of the image appears on the first line, and the last 200 pixels followed by the first 100 pixels of the image appear on the second line. The image repeats until the end of the content.
each-box:

-moz-background-origin Moz1.2
Determines how the background-position property is determined. This property is similar to the CSS3 background-origin property.

content: The position is relative to the content.
border: The position is relative to the border.
padding: The position is relative to the padding.

-moz-binding
Used to specify an XBL binding to use for the element. The property should be a URL of an XBL file containing the binding. The URL should contain an anchor to point to a specific binding with the XBL file, referenced by its id attribute.

-moz-border-bottom-colors
Sets the border colors for the bottom edge. It should be set to a list of colors. When an element has a border that is larger than a single pixel, each line of pixels uses the next color specified in this property. This eliminates the need for nested boxes. If the border is wider than the number of colors specified for this property, the remaining part of the border is the color specified by the border property.

-moz-border-left-colors
Sets the border colors for the bottom edge. See the -moz-border-colors-bottom property for more information.

-moz-border-radius
This property can be used to give borders rounded corners. This should be set to a numeric value indicating the amount of rounding to use. You must use a unit (usually px for pixels). A higher number makes the border rounder.

-moz-border-radius-bottomleft
Sets the rounding of the lower left corner of the border.

-moz-border-radius-bottomright
Sets the rounding of the lower right corner of the border.

-moz-border-radius-topleft
Sets the rounding of the upper left corner of the border.

-moz-border-radius-topright
Sets the rounding of the upper right corner of the border.

-moz-border-right-colors
Sets the border colors for the right edge. See the -moz-border-colors-bottom property for more information.

-moz-border-top-colors
Sets the border colors for the top edge. See the -moz-border-colors-bottom property for more information.

-moz-box-align
This property is equivalent to the align attribute. It specifies how child elements of the box are aligned, when the size of the box is larger than the total size of the children. For boxes that have horizontal orientation, it specifies how its children will be aligned vertically. For boxes that have vertical orientation, it is used to specify how its children are algined horizontally. The -moz-box-pack property is related to the alignment but is used to specify the position in the opposite direction.

start: Child elements are align starting from the left or top edge of the box. If the box is larger than the total size of the children, the extra space is placed on the right or bottom side.
center: Extra space is split equally along each side of the child elements, resulting the children being placed in the center of the box.
end: Child elements are placed on the right or bottom edge of the box. If the box is larger than the total size of the children, the extra space is placed on the left or top side.
baseline: This value applies to horizontally oriented boxes only. It causes the child elements to be aligned so that their text labels are lined up.
stretch: The child elements are stretched to fit the size of the box. For a horizontal box, the children are stretched to be the height of the box. For a vertical box, the children are stretched to be the width of the box. If the size of the box changes, the children stretch to fit. Use the flex attribute to create elements that stretch in the opposite direction.

-moz-box-direction
Specifies the direction in the which the children of a box are placed.

normal: Children are placed either from left to right or top to bottom in the order the elements appear in the XUL source or document tree.
reverse: Children are placed either from right to left or bottom to top in the order the elements appear in the XUL source or document tree.
-moz-box-flex
Indicates the flexibility of an element. Flexible elements grow and shrink to fit their given space. The actual value is not relevant unless there are other flexible elements within the same container. Elements with larger flex values will grow more than elements with lower flex values, at the ratio determined by the two elements.

-moz-box-ordinal-group
Indicates the ordinal group the element belongs to. Elements with a lower ordinal group are displayed before those with a higher ordinal group.

-moz-box-orient
This is the corresponding style property for a XUL element's orient attribute. For elements that are types of boxes, it determines whether the children are laid out horizontally or vertically.

horizontal: The children of the element are placed horizontally in a row.
vertical: The children of the element are placed vertically in a column.

-moz-box-pack
This property is equivalent to the pack attribute. It specifies where child elements of the box are placed when the box is larger that the size of the children. For boxes with horizontal orientation, it is used to indicate the position of children horizontally. For boxes with vertical orientation, it is used to indicate the position of children vertically. The -moz-box-align attribute is used to specify the position in the opposite direction.

start: Child elements are placed starting from the left or top edge of the box. If the box is larger than the total size of the children, the extra space is placed on the right or bottom side.
center: Extra space is split equally along each side of the child elements, resulting the children being placed in the center of the box.
end: Child elements are placed on the right or bottom edge of the box. If the box is larger than the total size of the children, the extra space is placed on the left or top side.

-moz-box-sizing
This property determines how the width and height of the element is calculated. It affects the width and height properties.

content-box: The width and height properties specify the size of the element including the padding.
border-box: The width and height properties specify the size of the element including the padding and border.
padding-box: The width and height properties specify the size of the element. The padding, border and margin are added outside of this size.

-moz-image-region
For elements that have an image, this property sets the area of the image that is used. You can set multiple elements to use the same image but use a different region of the image, reducing the amount of memory required. You can change this property to simulate animation. The syntax is similar to the clip property. All four values are relative to the upper left corner of the image.

-moz-image-region: rect(top, right, bottom, left);
-moz-key-equivalent

-moz-opacity
This property can be used to make an element partially transparent. Any content behind the element will be partially visible. This should be a decimal number between 0 and 1, where 0 means invisible and 1 means fully opaque. Thus, 0.5 means half-way between. Newer versions of Mozilla (1.7 and later) support the CSS3 property 'opacity'.

-moz-outline
This property can be used to set the outline of the element. An outline is like a border but has some differences in the way it is drawn. This is similar to the CSS2 outline property which Mozilla does not currently support.

-moz-outline-color
Sets the color of the outline.

-moz-outline-radius
This property can be used to give outlines rounded corners. This should be set to a numeric value indicating the amount of rounding to use. You must use a unit (usually px for pixels). A higher number makes the outline rounder.

-moz-outline-radius-bottomleft
Sets the rounding of the lower left corner of the outline.

-moz-outline-radius-bottomright
Sets the rounding of the lower right corner of the outline.

-moz-outline-radius-topleft
Sets the rounding of the upper left corner of the outline.

-moz-outline-radius-topright
Sets the rounding of the upper right corner of the outline.

-moz-outline-style
Sets the style of the border, which can have the same values as the border-style property.

-moz-outline-width
Sets the width of the outline.

-moz-user-focus
Used to indicate whether the element can have the focus. By setting this to 'ignore', you can disable focusing the element, which means that the user will not be able to activate the element. The element will be skipped in the tab sequence. A similar property 'user-focus' has been proposed for CSS3.

ignore: The element does not accept the keyboard focus and will be skipped in the tab order.
normal: The element can accept the keyboard focus.

-moz-user-input
This can be used to indicate whether the value of the element can be modifed. This mainly applies to textboxes.

disabled: The user cannot edit the value of the textbox. The user may still select text in the textbox.
enabled: The user can edit the value of the textbox.

-moz-user-select
Used to indicate whether the text of the element can be selected. This doesn't have any affect on content loaded as chrome, except in textboxes. A similar property 'user-select' has been proposed for CSS3.

none: The text of the element cannot be selected.
normal: The text can be selected by the user.

display
Although the display property is part of standard CSS, some additional values are allowed, for the XUL layout styles. You can use these values for non-XUL elements too, although they may produce unusual results.

-moz-box: Child elements are laid out horizontally or vertically.
-moz-inline-box:
-moz-grid: Child elements are laid out as a XUL grid.
-moz-inline-grid:
-moz-grid-group: Child elements are laid out as a group of grid columns or rows. This is the layout used by the rows and columns elements. You can use the orientation (-moz-box-orient) to set which direction. Rows would normally have vertical orientation and columns would have a horizontal orientation.
-moz-grid-line: Child elements are laid out as a single column or row of a grid. You can use the orientation (-moz-box-orient) to set which direction.
-moz-stack: Child elements are laid out one on top of each other like the XUL stack element.
-moz-inline-stack:
-moz-deck: Child elements are laid out one on top of each other like the XUL deck element. Unlike a stack, only the top element is displayed.
-moz-popup:
-moz-groupbox:

overflow
Mozilla supports some additional values for the overflow property that are not in standard CSS. The overflow property is used to specify what happens when the content is too large for the container.

-moz-scrollbars-horizontal: Indicates that horizontal scrollbars should appear.
-moz-scrollbars-vertical: Indicates that vertical scrollbars should appear.
-moz-scrollbars-none: Indicates that no scrollbars should appear.

Comments

태터툴즈의 라이센스는 아주 간단하다.

태터 툴즈 프로그램 파일은 수정해서 재배포하실 수 없습니다.
배포용이 아닌 개인 사용 용도라면 수정하셔도 상관이 없습니다.

그렇지만 원본 파일을 수정하지 않는 한도 내에서의 플러그인은 재배포를 허용하고 있습니다.

이 정책은 1.0 정식 버전이 나올때까지 유지됩니다.

작년 8월깨 태터 고수분들의 기능개선 소스를 이곳 저곳에서 긁어 모아 밤잠을 설쳐가면서 힘들게힘들게 추가 했더랬다.(그 재미에 살았다고 해도 과언이 아니다.) 그 삽질 노가다를 하면서 실패 할 때마다. '누군가 만들어 주었으면...'이라는 생각을 하곤 했었다.

내가 만든 이 노가다를 다른 태터툴즈(이하 태터) 사용자들이 쉽게 사용하라는 의미해서 개인적으로 개선된 태터모듈 재배포 프로젝트를 진행하는 범을 저지르고 만 것이다.

물론, 배포전에 모듈팩에 사용된 소스 원작자에게 배포행위를 알렸다. 다른이의 것을 마음대로 배포하는 것이 ‘도’가 아닌것 같아 원작자분들에게 양해를 구하고자 함이였지만, 돌아온 대답은 그리 신통치 않았다. 오히려 '도'의'도'(?)를 넘지 말라는 대답을 들은 것이다.

그렇다 배포행위는 신중해야 하는 것이다.

태터툴 자체만으로는 소스를 공개 하기가 쥐약(?)임에도 불구하고 phpbb라던지 별도의 html을 작성하여 태터의 개선된 기능이 포함된 소스를 왜 공개만 했던 것일까?(난 원작자들이 개을러서 그랬다고 생각 했더랬다. -,.-;) 그때서야 왜 이런 힘든과정이 있음에도 재배포가 이루어지지 않았는지 의구심을 가질 수 있었다.

그리고는 태터의 원작자인 JH님 포럼에다가 배포해도 되겠냐고 당차게 물어 본것이다. 결과야 불보듯 뻔한짓을....

보기 좋게 씹혔다.(지금생각하면 세상에서 가장 멍청한 짓을 했던것 같다.)

그렇다. 수많은 개선된 소스가 있음에도 재배포가 단, 한건도 없었던 이유는 위에 단한줄 명시된 태터의 라이센스(‘파일은 수정해서 재배포하실 수 없습니다.’) 때문이다. 그 후로 내가 올렸던 배포에 관한 포스트와 자료들을 일괄 삭제하고 자작한 소스를 다른 사용자들을 위해 공유해 왔던 것이다.

정 배포를 하고 싶으면 수정된 원본파일의 배포가 아니라 플러그인 형태(별도의 추가파일 형태)로 배포를 해야 한다. 좋은 예로 사탕발가락님의 통합 플러그인이나 세미님의 스테티커등을 들 수 있겠다.

난 프로그래머가 아니었다. 프로그래밍의 P짜도 모르는 단순 유저에 불과 했다. 당연히 개발자들 간의 라이센스 개념도 없었다. 태터를 통해 php라는 것을 처음 접했고, 태터의 스킨을 뜯어 고치는것을 시작으로 지금은 php코드를 가지고 놀 수 있는 수준이 되었다. 정말 자신에게 있어서 발전의 기회를 준 고마운 웹프로그램이고 JH님께 감사하고 있다. 그런데...

요즘 예전의 나와 같은 불의를 범하는 분이 있는것 같아 좀 껄끄럽구나....

Comments