1

주제: 태터스토리용 스킨 업로드...

태터스토리에 올릴 스킨을 선별작업하고나서
태터스토리용 (쩡확히 말하자면 1.1a1버전)으로 컨버팅 작업할때마다 느끼는거지만

스킨 제작자들이 방명록과 게시물의 comment form에서 치환자를 잘못 넣는 경우가 많다는 겁니다.

언제부텨였는지는 모르지만 필드이름_[ ##_article_rep_id_## ] (방명록인 경우에는 guest필드이름) 으로 변경이 되었는데
대부분 기존 치환자를 사용하고 있음을 알 수 있었습니다. (물론 저도 그랬었구요.)

거기다가 1.1a1에서부터는 comment form 위아래로 s_rp_form 함수가 들어가 있구요.


일일이 고치는게 참 의외로 손이 아프네요 (이런 노가다를!!;; )
한가지 더 푸념(?) 하자면,

(저도 그렇지만) 몇몇 스킨 제작자들은 css 파일을 여러개 사용해서 링크걸어둔다는 점입니다.
물론 혼자 사용한다던가 배포를 한다고 해도 수정할 일이 없다면 상관이 없습니다만
티스토리, 태터스토리, 이올린 등 태터기반 사이트들의 특성상 (물론 티스토리인 경우에는 업로드 기능이 지원이 되겠지만)
style.css 파일만 인식하기 때문에 다른 css 파일명으로 업로드된 파일들은 수정이 불가피해서
손수 style.css 파일로 병합해서 업로드하는 노가다 아닌 노가다를 해야하는거죠.

수없이 ctrl + c / ctrl + v 를 하고 있자니 손목이 다 아프네요 (흑흑)



따지려는 의도로 올린 글은 아니고..
그냥 푸념입니다. 푸념.. ㅠㅠ

부디 태터스토리 테스터분들이 제 노고를 이해해 주셨으면 하는 바람예서... ㅠㅠ

하늘은 스스로 삽질하는 자를 삽으로 팬다

2

답글: 태터스토리용 스킨 업로드...

나니 작성:

(저도 그렇지만) 몇몇 스킨 제작자들은 css 파일을 여러개 사용해서 링크걸어둔다는 점입니다.
물론 혼자 사용한다던가 배포를 한다고 해도 수정할 일이 없다면 상관이 없습니다만
티스토리, 태터스토리, 이올린 등 태터기반 사이트들의 특성상 (물론 티스토리인 경우에는 업로드 기능이 지원이 되겠지만)
style.css 파일만 인식하기 때문에 다른 css 파일명으로 업로드된 파일들은 수정이 불가피해서
손수 style.css 파일로 병합해서 업로드하는 노가다 아닌 노가다를 해야하는거죠.

스킨 편집에서 style.css만 접근할 수 있다는 점은 재고되어야 할 것 같군요. 아예 style.css 편집란을 없애버리던가... 음... 이러면 안 되겠죠?

3

답글: 태터스토리용 스킨 업로드...

필드이름_[ ##_article_rep_id_## ]  요 부분은 id="" 안에 들어가는 것이고, name="" 안에는 이전의 [##_guest_name_##] 등의 치환자가 들어가는 것이 맞지 않나요?

현재 사용중인 서버 세팅 - Apache 2.2.3 / mysql 5.0.24 / php 5.1.6
메인블로그 - http://sumomo.tistory.com/
스킨블로그 - http://mamoru.homeip.net/skin/

4

답글: 태터스토리용 스킨 업로드...

마모루 작성:

필드이름_[ ##_article_rep_id_## ]  요 부분은 id="" 안에 들어가는 것이고, name="" 안에는 이전의 [##_guest_name_##] 등의 치환자가 들어가는 것이 맞지 않나요?

네. 그렇죠. 근데 제가 무슨 말 실수를 했나요?;;; id나 name에 대한 언급은 따로 안했습니다만 (....)
전 당연시하게;; id를 염두하고 한 말인데 써놓고 보니 name도 생각할 분들도 계시겠네요;;

하늘은 스스로 삽질하는 자를 삽으로 팬다

5

답글: 태터스토리용 스킨 업로드...

graphittie 작성:
나니 작성:

(저도 그렇지만) 몇몇 스킨 제작자들은 css 파일을 여러개 사용해서 링크걸어둔다는 점입니다.
물론 혼자 사용한다던가 배포를 한다고 해도 수정할 일이 없다면 상관이 없습니다만
티스토리, 태터스토리, 이올린 등 태터기반 사이트들의 특성상 (물론 티스토리인 경우에는 업로드 기능이 지원이 되겠지만)
style.css 파일만 인식하기 때문에 다른 css 파일명으로 업로드된 파일들은 수정이 불가피해서
손수 style.css 파일로 병합해서 업로드하는 노가다 아닌 노가다를 해야하는거죠.

스킨 편집에서 style.css만 접근할 수 있다는 점은 재고되어야 할 것 같군요. 아예 style.css 편집란을 없애버리던가... 음... 이러면 안 되겠죠?

전에 파일을 선택해서 수정하면 어떨까 생각했었는데, 사전 지식이 없는 분들께는 그게 더 복잡해 보이겠더라구요. ;;

"Everything looks different on the other side."

-Ian Malcomm, from Michael Crichton's 'The Jurassic Park'

6

답글: 태터스토리용 스킨 업로드...

어따 남길까 하다가 이 글이 스킨에 대한 내용이라 ^^ 일단은.. 나니님 스킨을 사용하고 있기에 여기다 남겨봅니다.

글쓰기에 보면 인용구라는 기능이 있습니다.
보니까.. 인용구로 둘려싸여진 문단 앞에 막대기 같은 게 표시 되던데........ 그게 표시 되는 스킨이 있고 안되는 스킨이 있는 것 같습니다.

저는 지금까지 사용하면서 한번도 표시 되어 본 적이 없습니다. 그래서 질문 글도 자주 남겼었습니다만,
이번 나니님 스킨도 사용해보았는데, 표시가 되질 않더군요........ 그래서 태터에서 잘못해서 안되나 보다 라고 생각하고 있었지요.

이 글을 보고 태터스토리에 가보니.. 스킨이 많이 업로드 되어 있었습니다. (감사합니다. lol)
좋아라 하면서 이것 저것 적용해보았는데, 몇가지는 위에서 말한 인용구 기능이 되는 겁니다.

오잉.. 놀라서 모두 다 적용해보았는데 그 많은 스킨 중에 2가지만 표현 되더군요..

왜 그런지 모르겠습니다. ^^

제대로 되는 스킨은.. 한글기본스킨_XHTML ver.1.01, tistory 기본 스킨 ver.1.05 뿐입니다.
(제가 태터 기본 스킨은 사용칠 않아서;;;;)

7

답글: 태터스토리용 스킨 업로드...

유마 작성:

어따 남길까 하다가 이 글이 스킨에 대한 내용이라 ^^ 일단은.. 나니님 스킨을 사용하고 있기에 여기다 남겨봅니다.

글쓰기에 보면 인용구라는 기능이 있습니다.
보니까.. 인용구로 둘려싸여진 문단 앞에 막대기 같은 게 표시 되던데........ 그게 표시 되는 스킨이 있고 안되는 스킨이 있는 것 같습니다.

저는 지금까지 사용하면서 한번도 표시 되어 본 적이 없습니다. 그래서 질문 글도 자주 남겼었습니다만,
이번 나니님 스킨도 사용해보았는데, 표시가 되질 않더군요........ 그래서 태터에서 잘못해서 안되나 보다 라고 생각하고 있었지요.

이 글을 보고 태터스토리에 가보니.. 스킨이 많이 업로드 되어 있었습니다. (감사합니다. lol)
좋아라 하면서 이것 저것 적용해보았는데, 몇가지는 위에서 말한 인용구 기능이 되는 겁니다.

오잉.. 놀라서 모두 다 적용해보았는데 그 많은 스킨 중에 2가지만 표현 되더군요..

왜 그런지 모르겠습니다. ^^

제대로 되는 스킨은.. 한글기본스킨_XHTML ver.1.01, tistory 기본 스킨 ver.1.05 뿐입니다.
(제가 태터 기본 스킨은 사용칠 않아서;;;;)

되는 장면과 안되는 장면을 스크린샷 좀 찍어주시면 고맙겠습니다.
무슨 말씀이신지 모르겠거든요;;;;;;;;

하늘은 스스로 삽질하는 자를 삽으로 팬다

8

답글: 태터스토리용 스킨 업로드...

아마도 blockquote 태그의 CSS속성에 border-left 가 어떻게 설정이 되어있는지 보시면 되겠습니다.

막히시면 메일이나 여기에 다시 내려 주세요^^

마모루 (2006-06-29 16:13:26)에 의해 마지막으로 수정

현재 사용중인 서버 세팅 - Apache 2.2.3 / mysql 5.0.24 / php 5.1.6
메인블로그 - http://sumomo.tistory.com/
스킨블로그 - http://mamoru.homeip.net/skin/

9

답글: 태터스토리용 스킨 업로드...

원래대로 인용구 기능이 적용된다면 아래의 이미지 처럼 나와야 됩니다.

제대로 되는 스킨
http://static.flickr.com/70/177554576_29a1726f1c_o.jpg

허나, 위에서 말씀드린 태터 기본 스킨 두가지를 제외하고는.. 모두 아래의 이미지 처럼 나옵니다.

스킨 - 1
http://static.flickr.com/56/177554573_b30023a6a1_o.jpg

스킨 - 2
http://static.flickr.com/65/177554574_52a4c7f1f7_o.jpg

스킨 - 3
http://static.flickr.com/44/177554575_6252c385d8_o.jpg


인용구를 사용한 부분은 어디어디 가실 분 모집합니다. 냥꾼 제외~ 입니다.

10

답글: 태터스토리용 스킨 업로드...

유마 작성:

글쓰기에 보면 인용구라는 기능이 있습니다.
보니까.. 인용구로 둘려싸여진 문단 앞에 막대기 같은 게 표시 되던데........ 그게 표시 되는 스킨이 있고 안되는 스킨이 있는 것 같습니다.

이거 말씀이시죠?

http://www.beyondours.com/temp/wiswig2.png

CSS에 기입을 안 해주면 안 나오는 게 당연하죠...:(
깔끔한 스킨 제작자는 code, ol, li 같은 것 뿐만 아니라 var, kbd, tt, samp 같은 태그에도 스타일을 정해주죠.
이 문제는 순전히 스킨 제작자의 세심함이 문제입니다. 버그 아니에요~.

PS. 헙. 글쓰는 사이에 먼저 올리셨네요...

graphittie (2006-06-29 16:55:58)에 의해 마지막으로 수정

11

답글: 태터스토리용 스킨 업로드...

graphittie 작성:

CSS에 기입을 안 해주면 안 나오는 게 당연하죠...:(
깔끔한 스킨 제작자는 code, ol, li 같은 것 뿐만 아니라 var, kbd, tt, samp 같은 태그에도 스타일을 정해주죠.
이 문제는 순전히 스킨 제작자의 세심함이 문제입니다. 버그 아니에요~.

PS. 헙. 글쓰는 사이에 먼저 올리셨네요...

핫핫. 저에게 세심함이나 배려감 따위... -┏

하늘은 스스로 삽질하는 자를 삽으로 팬다

12

답글: 태터스토리용 스킨 업로드...

헐 그런거군요. 저는 위지웍에 있길래 다 되는지 알았습니다. --a

13

답글: 태터스토리용 스킨 업로드...

유마 작성:

헐 그런거군요. 저는 위지웍에 있길래 다 되는지 알았습니다. --a

태터스토리 그라데이션 스킨에 blockquote 캐스캐딩이 추가되었습니다.
style.css 파일 39 라인부터 54 라인까지이며 커스터마이징 할 수 있는 소스도 포함되었습니다.
글꼴 또한 설정이 수월하게 관련 소스가 포함되었습니다.

기본값은 포럼게시판에서의 인용 스타일 + 굴림체 입니다.
(맑은고딕체가 설치된 윈도우 플랫폼 유저에게는 맑은고딕체가 우선적으로 보여지며
맥 유저에게는 애플고딕으로 나오게 설정되어 있습니다.)

하늘은 스스로 삽질하는 자를 삽으로 팬다

14

답글: 태터스토리용 스킨 업로드...

나니 작성:
graphittie 작성:

CSS에 기입을 안 해주면 안 나오는 게 당연하죠...:(
깔끔한 스킨 제작자는 code, ol, li 같은 것 뿐만 아니라 var, kbd, tt, samp 같은 태그에도 스타일을 정해주죠.
이 문제는 순전히 스킨 제작자의 세심함이 문제입니다. 버그 아니에요~.

PS. 헙. 글쓰는 사이에 먼저 올리셨네요...

핫핫. 저에게 세심함이나 배려감 따위... -┏

ㅡㅡ;;

15

답글: 태터스토리용 스킨 업로드...

graphittie 작성:

이 문제는 순전히 스킨 제작자의 세심함이 문제입니다. 버그 아니에요~.

OTL.......
한번도 그런 속성 추가해 본적이 없어요;;;;;;

현재 사용중인 서버 세팅 - Apache 2.2.3 / mysql 5.0.24 / php 5.1.6
메인블로그 - http://sumomo.tistory.com/
스킨블로그 - http://mamoru.homeip.net/skin/

16

답글: 태터스토리용 스킨 업로드...

나니 작성:
유마 작성:

헐 그런거군요. 저는 위지웍에 있길래 다 되는지 알았습니다. --a

태터스토리 그라데이션 스킨에 blockquote 캐스캐딩이 추가되었습니다.
style.css 파일 39 라인부터 54 라인까지이며 커스터마이징 할 수 있는 소스도 포함되었습니다.
글꼴 또한 설정이 수월하게 관련 소스가 포함되었습니다.

기본값은 포럼게시판에서의 인용 스타일 + 굴림체 입니다.
(맑은고딕체가 설치된 윈도우 플랫폼 유저에게는 맑은고딕체가 우선적으로 보여지며
맥 유저에게는 애플고딕으로 나오게 설정되어 있습니다.)

오오.. 눈에 팍팍 띄네요... 감사 +_+a GooooooooooooooD~ big_smile

17

답글: 태터스토리용 스킨 업로드...

마모루 작성:
graphittie 작성:

이 문제는 순전히 스킨 제작자의 세심함이 문제입니다. 버그 아니에요~.

OTL.......
한번도 그런 속성 추가해 본적이 없어요;;;;;;

좀 병적인 사람들이 추가하는 속성이기는한데... 저는 적극권장하겠습니다.

자랑 같지만 태터스토리의 워드 프레스 스킨에서 리더 컨텐츠 부분 소스를 참고하세요. 경로는 style/admin/word-press/reader-html.css 입니다. 이건 리더의 포스트 본문에 적용되는 CSS 파일인데 무려 500라인에 육박합니다. 별별 태그가 다 들어가 있죠. fireFox 기본 CSS에서 뽑은 내용을 적용한 것입니다. 이것 때문에 워드 프레스 스킨의 리더는 포스트가 아주 깨끗하게 출력되는 장점이 있습니다.

18

답글: 태터스토리용 스킨 업로드...

graphittie 작성:
마모루 작성:
graphittie 작성:

이 문제는 순전히 스킨 제작자의 세심함이 문제입니다. 버그 아니에요~.

OTL.......
한번도 그런 속성 추가해 본적이 없어요;;;;;;

좀 병적인 사람들이 추가하는 속성이기는한데... 저는 적극권장하겠습니다.

자랑 같지만 태터스토리의 워드 프레스 스킨에서 리더 컨텐츠 부분 소스를 참고하세요. 경로는 style/admin/word-press/reader-html.css 입니다. 이건 리더의 포스트 본문에 적용되는 CSS 파일인데 무려 500라인에 육박합니다. 별별 태그가 다 들어가 있죠. fireFox 기본 CSS에서 뽑은 내용을 적용한 것입니다. 이것 때문에 워드 프레스 스킨의 리더는 포스트가 아주 깨끗하게 출력되는 장점이 있습니다.

애석하게도 저는 태터스토리 사용자가 아닙니다만, 역시 테스트용으로 밖에 사용할 자신이 없기 때문에 자제를 했었는데..
샌드박스에는 언제 쯤 워드프레스 스킨을 볼 수 있을까요?

현재 사용중인 서버 세팅 - Apache 2.2.3 / mysql 5.0.24 / php 5.1.6
메인블로그 - http://sumomo.tistory.com/
스킨블로그 - http://mamoru.homeip.net/skin/

19

답글: 태터스토리용 스킨 업로드...

graphittie 작성:
마모루 작성:
graphittie 작성:

이 문제는 순전히 스킨 제작자의 세심함이 문제입니다. 버그 아니에요~.

OTL.......
한번도 그런 속성 추가해 본적이 없어요;;;;;;

좀 병적인 사람들이 추가하는 속성이기는한데... 저는 적극권장하겠습니다.

자랑 같지만 태터스토리의 워드 프레스 스킨에서 리더 컨텐츠 부분 소스를 참고하세요. 경로는 style/admin/word-press/reader-html.css 입니다. 이건 리더의 포스트 본문에 적용되는 CSS 파일인데 무려 500라인에 육박합니다. 별별 태그가 다 들어가 있죠. fireFox 기본 CSS에서 뽑은 내용을 적용한 것입니다. 이것 때문에 워드 프레스 스킨의 리더는 포스트가 아주 깨끗하게 출력되는 장점이 있습니다.

해당 파일 소스를 봤는데 이 소스내용들이야 뭐 리더 특성상 들어가면 좋겠지만
사실 일반적으로 마크업이나 캐스캐딩 코딩할 때는 제작중인 사이트의 접근성에 따라서 사용될 태그가 어느정도 줄어들고
거기다가 코더의 역량이나 취향에 따라서 특정 태그가 사용될 가능성이 높다고 봅니다.

에휴. 왠지 한숨이 푸욱 나오는 이유는......

하늘은 스스로 삽질하는 자를 삽으로 팬다

20

답글: 태터스토리용 스킨 업로드...

나니 작성:

해당 파일 소스를 봤는데 이 소스내용들이야 뭐 리더 특성상 들어가면 좋겠지만
사실 일반적으로 마크업이나 캐스캐딩 코딩할 때는 제작중인 사이트의 접근성에 따라서 사용될 태그가 어느정도 줄어들고
거기다가 코더의 역량이나 취향에 따라서 특정 태그가 사용될 가능성이 높다고 봅니다.

사이트 제작이라면 코더가 쓸 태그를 결정하기 때문에 코더 마음대로 CSS에 들어갈 태그를 조절할 수 있지만 리더의 경우는 다른 사람이 작성한 내용을 보여주는 것이기 때문에 코더가 어떤 태그를 사용할 것인지 조절할 수가 없죠. 누가, 어떤 태그를 끼워넣을지 모르기 때문에 그렇게 무식하게 전부 써놓은 것입니다. 잘 쓰지 않는 태그까지 뭐 하러 써놓냐, 용량이 아깝다... 라고 하실지 모르지만 바로 그 부분이 "사용자 인터페이스에 대한 배려"가 갈리는 시점입니다. 작은 점 하나하나까지 유저의 입장에서 생각하고 배려하는 것이 "사용자 인터페이스"에 대한 지원을 제대로 시작하는 왕도니까요.

graphittie (2006-06-29 22:23:38)에 의해 마지막으로 수정

21

답글: 태터스토리용 스킨 업로드...

graphittie 작성:
나니 작성:

해당 파일 소스를 봤는데 이 소스내용들이야 뭐 리더 특성상 들어가면 좋겠지만
사실 일반적으로 마크업이나 캐스캐딩 코딩할 때는 제작중인 사이트의 접근성에 따라서 사용될 태그가 어느정도 줄어들고
거기다가 코더의 역량이나 취향에 따라서 특정 태그가 사용될 가능성이 높다고 봅니다.

사이트 제작이라면 코더가 쓸 태그를 결정하기 때문에 코더 마음대로 CSS에 들어갈 태그를 조절할 수 있지만 리더의 경우는 다른 사람이 작성한 내용을 보여주는 것이기 때문에 코더가 어떤 태그를 사용할 것인지 조절할 수가 없죠. 누가, 어떤 태그를 끼워넣을지 모르기 때문에 그렇게 무식하게 전부 써놓은 것입니다. 잘 쓰지 않는 태그까지 뭐 하러 써놓냐, 용량이 아깝다... 라고 하실지 모르지만 바로 그 부분이 "사용자 인터페이스에 대한 배려"가 갈리는 시점입니다. 작은 점 하나하나까지 유저의 입장에서 생각하고 배려하는 것이 "사용자 인터페이스"에 대한 지원을 제대로 시작하는 왕도니까요.

세심한 배려도 좋지만 저의 경우에는 많은 부분 브라우저의 역량에 맡기는 경우도 많은거 같습니다.  디자인이 필요해서 제어해야 하는 부분까지만 손보되, 브라우저의 모든부분을 제어하지 않으려 합니다.  * {margin:0;padding:0;border:0;} 도 그래서 자제하려고 했었구요.  예를들어  ul 이나 ol 을 썼을때, 오른쪽으로 indent 되는 값도 브라우저의 default 값으로 하도록 안정하는경우도 많고, p 태그의 문단들 사이 간격들 또한 자유스럽게 놔두는 경우도 있습니다.  blockquote 의 스타일이 브라우저의 default 를 유저가 선택하게 하겠다 라는 생각이라면 놔두는것도 한 방법이겠죠.  벌써 여기서 자유주의가.. 하하하;;   중요한건 그것들을 놔 두는데에는 제작자가 컨텐츠를 표현하는 방법중 하나로 선택한 것이라는거,  목적이 있었다는거 라고 생각됩니다.

하지만 graphittie 님께서 말씀하셨듯이 모든부분에 있어서 제어하여  사용자 인터페이스를 높여주는 부분이라면 그 방법이 선택되어야 할 것입니다.  특히나 어떤 용도로 어떠한 글들이 쓰여질지 모르는 스킨에게는 그것이 더 중요할지도 모르겠네요.  1px 의 차이에도 고민하고 애쓰는것이 바로 사용자 배려의 마음이라고 봅니다.

graphittie 작성:

깔끔한 스킨 제작자는 code, ol, li 같은 것 뿐만 아니라 var, kbd, tt, samp 같은 태그에도 스타일을 정해주죠.
이 문제는 순전히 스킨 제작자의 세심함이 문제입니다. 버그 아니에요~.

오우....  저런 태그들..  지원되면서도 잘 안쓰이고, 잊혀지는 태그들 역시 graphittie님이십니다.  저도 글 쓸때에 최대한 의미를 살리려면 저런 작은 태그들을 잘 선택해서 본문에 넣어 주어야 하는데 전혀 쉽지 않네요...   ㅠ.ㅠ

<!--[if IE]>
<p>잘못 실행하신 브라우저 이거나 국번이 없는 브라우저 이오니, 다시한번 확인하시고 사용하시기 바랍니다.
유해브 컬드 롱 브라우저 오어 노 브라우저.  플리즈 트라이 어게인 땡큐</p>
<! [endif] -->