태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.



거의 일주일 간의 블로그 리뉴얼이 어제서야 끝났습니다.
(일주일동안 했다는건 아니고 도와줄 사람들 시간대가 모두다 제각각이라....:)

그간 kokoro 스튜디오의 아리아 스킨을 거의 2년 가까이 쭉 써왔고 아직도 아쉬운것 하나도 없이 잘써왔는데 아리아 스킨 특유의 사이드바에서 어떤 짓도 불가능....이라는 한계에 그냥 냅다 달려버렸습니다....OTL

아리아 스킨의 깔끔한 디자인이 참 맘에 들어서 (특히 방명록이나 댓글, 트랙백 부분...)  2년 전에 나온 스킨이지만 정말 거의 다 뜯어 고치다시피 해서 열심히 썼었죠...
(본문 페이지 기본으로 700 고정으로 만들고 사이즈가 큰 이미지나 Iframe, 오브젝트가 들어가면 무제한으로 늘어나게 전부 뜯어 고쳐서 참 편리했죠... 1024 사이즈의 동영상 같은걸 가끔 올려서... :)  )
제가 여지껏 보아온 숱한 스킨 중에서 아리아 스킨이 디자인면에선 최고라고 감히 말씀 드리면서 다시금 코코로님께 감사하단 말씀 전합니다.

뭐, 옛 추억은 이제 차치하고...

이번 리뉴얼의 기본 스킨은 hi8ar~님의 WhiteBoard 스킨입니다..
리뉴얼 한번 해볼까~~ 하고 둘러보던 중에 가장 눈에 띈 두 스킨 중 하나인데 하나는 모넬린님의 시크릿 블랙이었죠.



전 어지간하면 다단 스킨보다는 일단 스킨을 선호해서 사이드바도 충분히 활용가능하고 옆으로 비어져 나오는 것도 아닌데다 디자인이 깔끔해서 저걸로 작업을 들어갔습니다.
우선 본문폭이 900 대에 가까운 것이라 700에 마춘후 가변 가능하게 만들려고 했는데.....

스킨 구조가 상당히 독특해서 상단의 펼쳐지는 사이드바와 본문이 일체화가 되어서 사이드바도 변경을 해야 했는데 사이드바의 구조가 굉장히~~~ 난해한 겁니다...

일이년에 한번 제가 스킨을 바꿀때마다 워낙이 까다로워서 며칠을 시달려야 하는 PHP 박사 끄라우드군이 디벼봐도 답이 안나올 정도면....  (사이드바를 700으로 마춘후에 아이템 내부 정렬하는데... OTL)

그래서 화이트보드 스킨이 1.X대 버전이라 본문 정렬 및 1024 px 안에 들어가게 업그레이드되기 전버전인 스킨을 뜯어 고치는게 빠르겠다.... 싶어서 화이트보드 스킨을 선택하게 된거죠...

이건 여담인데 아리아 스킨을 그렇게 다 뜯어 고치고 난후 2.0 버전이 나왔는데 본문 폭 가변형으로 나왔습니다....OTL    (뭐 기능 추가를 그리 많이 했으니 억울하진 않지만...)
하이바님의 스킨도 이리저리 뜯어 고친 후에 바로 다음날!!!.....2.0 이 나오더군요...         
굉장히 맘상했....ㅡ.ㅡa


어쨋건 여차여차 해서 화이트보드 스킨에 정착을 하게 되었습니다.
다시금 이쁜 디자인의 스킨을 만들어주신,  게다가 요즘 스킨들은 기능도 참 다양해서 에디터 위지윅도 되는... 그런 멋진 스킨을 만들어주신 하이바님께 감사를 드립니다.

그럼 이제 나중을 위해....그리고 혹시나 제 블로그와 비슷하게 만들고 싶으신 분들을 위해 추가한 기능들의 작업 로그를 작성하겠습니다...



WhiteBoard Skin에서의 변경점

우선 1.x 대 버전에서 개조한걸 전부 드랍 시키고 2.0 버전으로 작업 했습니다.
검색창 버그는 저도 하이바님 포스팅을 보고 알았네요... :)

1.    본문 폭을 700 으로 넓혔습니다.  - 즉 실제는 마진값이 더 추가가 됩니다.
하이바님이 재작업하신대로 본문프레임이 가운데 정렬이 됩니다.
실제로 본문 폭을 굳이 700을 잡을 이유는 없는데 제가 예전 테터툴즈 때부터 700으로 써와서 그런지 왠지 700px에 익숙하고 티스토리에서 적은 포스트들이 거의 700에 마춰져 있기 때문입니다.

700px로 넓히고자 하시는 분들은 우선 배경 이미지를 염두에 두셔야 합니다.
CSS로 만들어진 폼이 아니라 이미지로 만들어지는 폼이기 때문에 무작정 넓히시면 화려하게 뿌셔집니다... :)
실제 본문 폭을 수정하려면 꼭 수정이 필요한 화일은 bg_header.gif,  bg_contentTop.gif,  bg_footer.gif,  bg_sidebar.gif  4개 입니다.
(제목 표시줄에 필요한 가로줄인 bg_h3.gif도 수정해야 하지만 굳이 안해도 좀 짧으면 어떠랴... :)  )
하이바님의 꽃무늬를 그냥 이용하시려면 본문 선만 700 기준 80px 씩 늘려주면 됩니다.
저처럼 아예 스킨 이미지를 갈아 엎으려면 박스를 다시 그리는걸 추천합니다.
bg_sidebar.gif 를 제외한 세 화일을 붙여놓고 박스 크기와 위치의 x,y 좌표를 알아낸 후 다시 그린후에 잘라내시면 됩니다.
참, 박스 테두리의 라인을 연장해주는 gif 와 bg_sidebar.gif 의 라인도 신경써주셔야 합니다.
하이바님과 같은 느낌의 박스를 새로 그리거나 나머지 화일들도 수정해주셔야 합니다.

2.    상단 메뉴바를 없앴습니다.  (사이드바에 네비게이션 박스를 넣었기에 필요가 없어져서....)
3.    RSS 박스와 검색창을 사이드바로 내렸습니다.  (사이드바와 스타일 css 화일을 잘 참고하셔야 합니다.   주석도 잘 달아놓으셨고 체계적으로 코딩하셔서 알아보기는 쉽습니다.)
하지만 위치를 잡는데 상당히 애로가 피어날듯 합니다.
4.    하얀바탕의 이미지로 본문 디자인을 가끔 하기에 본문 삽입 이미지의 박스를 없앴습니다. 
이 또한 css를 참고하시고 하이바님이 포스트에 리플로 잘 설명해놓으셨습니다.

스킨을 손 댄 부분은 이 정도뿐이 없습니다.
워낙 잘 만들어놓으신 스킨이라 필요한 부분만 수정했네요...




테터 데스크 첫페이지 플래시 메뉴바 추가

이런 류는 공개 CSS 템플릿 메뉴도 이쁜게 많고 트래픽이나 씨퓨 리소스 면에서도 좋은데 예전부터 전 플래시가 참 좋아서 네비게이션 바를 만들었습니다.
원래 이런 류의 템플릿을 모아둔 플래시 툴에서 대충 뚝딱 거려 저 모양으로 만들었는데 툴이 버그가 있어서 페이지 ref 타겟 설정이 _self 만 먹는 어이상실의 시추에이션에 좌절하다가 저 모양과 완전히 동일하고 똑같이 작동하는 메뉴를 플래시 개발자인 친구에게 부탁해서 만들었습니다.
역시 개발자들은 다르더군요... 소스나 템플릿 수정이 아니라 제가 만든 이미지 회일 4장으로 완전히 동일한 것을 덜렁 어도비 플래시 하나만 가지고 금방 만들데요...
액션 스크립 3.0에 모든 이미지 화일은 임베디드가 아니라 로드하는 방식으로 만들었습니다.

제 면상이 역겨우신 분은 얼렁 면상을 누르시면 바로 블로그 첫 포스트로 들어갑니다.....OTL




나눔고딕 웹폰트 추가

현재 화이트보드 스킨의 기본 폰트는 나눔고딕, 대체 폰트는 맑은 고딕외 다수 입니다.
사실 나눔고딕이나 맑은 고딕 말고 굴림이나 돋움으로 페이지를 보면 그다지 이쁘지가 않습니다...
또한 블로그 유저가 표현하려는 것도 잘 표현하기 힘들고...
저 또한 예전부터 타이포그라피에 관심이 좀 있어서 언젠가 웹폰트를 써봐야지 써봐야지 하다가 이번에 생각이 난김에 웹폰트를 만들어서 적용했습니다.

웹폰트에 대한 자세한 사항은 PPoZZak 님의 포스트, 티스토리에 웹폰트 적용 완벽정리 를 참고하시기를 바랍니다.
더이상 자세하게 설명할수 없을 정도로 잘 설명이 되어 있습니다.
현재 제 블로그는 나눔고딕, 맑은 고딕, 나눔고딕 웹폰트 순으로 폰트 지정이 되어 있습니다.
시스템 기본 폰트를 쓰시는 분들은 나눔고딕 웹폰트로 보이실건데 웹폰트의 특성상 용량을 줄이기 위해 그다지 품질이 좋지는 않음을 감안해야 합니다.
 
그리고 웹폰트를 사용하시려는 분들은 한번쯤 이른바 '웹 폰트'를 쓰지 말아야 하는 이유 를 읽어보시기 바랍니다.
판단은 유저의 몫이지 옳다 그르다의 가치판단이 들어갈 일은 아니겠지만 한번쯤 생각해봐야 할 일이 아닐까 합니다.




포스트 타이틀 부분 플래시 모듈 추가

네..맞습니다.
누가 보면 참 별 짓을 다한다고 생각할지도 모르겠지만 - 저도 개인적으론 플래시 도배를 그다지 좋아하지는 않지만 플래시가 참 적은 용량으로 우수한 기능을 한다는건 다들 동의하실듯 합니다.
판단은 유저에게 맞기고 본 기능은 민상k 님이 공개해주셨습니다.
물결 플래시 타이틀 위젯
민상 k 님이 무려 fla 까지 메일로 보내 주셔서 소스를 쉽게 고쳐서 크기를 키울수 있었습니다.
민상 k 님이 익스포트 해두신 swf도 이쁘지만 민상님 블로그보다 큰 블로그 폼에선 어울리기 힘들듯 하여 크기를 약 1.5배 키웠습니다.
적용 방법은 굳이 적어두지 않아도 민상 K 님 포스트를 보시면 잘 나와 있습니다.

그리고 여담인데 제 블로그 배경 이미지의 모티브도 사실 lazylog님의 블로그를 수정하신 민상 K 님의 블로그 분위기에서 가져왔습니다.
블로그 분위기가 너무 차분하고 이쁜거 같아서요.... :)




사이드바 플래시 네비게이션 추가

이게 플래시 추가의 마지막입니다.. :(
overload가 상당한 작업만 골라서 진행한듯... 쾌적한 블로그가 되어야 할텐데...OTL

화이트보드 스킨의 상단 메뉴바를 없애버리고 플래시 네비게이션으로 대체하였습니다.
실제 저 플래시의 크기는 200을 조금 넘는 크기인데 200에 마춰서 꾸겨 넣었지만 화질 열화도 없고 그래서 만족하고 있습니다.
크기도 상당히 작고요..
 - 사실 요즘 플래시의 문제는 크기로 인한 트래픽이 아니라 클라이언트 자원의 점유율이겠죠...
수십키로의 플래시로 인해 느리게 뜬다는건 말도 안되지만 플래시란게 워낙 씨퓨 점유율이 높아서...

크림*앙마 님의 티스토리 플래시 네비게이션 [spin tistory navigation] 를 읽어보시면 쉽게 적용하실 수 있으실겁니다.




티스토리용 BB code 추가

해외의 블리틴 보드에서 많이들 쓰는 - 한국에서도 phpbb 에서 흔히 볼수 있죠.
BB 코드를 티스토리에 맞게 만드신 분이 계십니다.
BLUE'nLIVE 님이 그분이신데 모듈 뿐 아니라 인스톨러까지 만드셔서 잘 모르는 사람도 코드 하나 건드릴거 없이 그냥 뚝딱 코드 삽입을 할수 있게 하셨더군요.
정말 와~~ 소리가 절로 나올 정도입니다..
BBCode for TiStory 2.4 (마이너 업데이트)

관심이 있으신 분들은 저 포스트를 참고하시어 bb코드를 한번 써보시길 바랍니다...
사실 이번에 리뉴얼 하면서 가장 놀랐던 부분입니다....
다시금 감사 드립니다....



FeedBurner 가입

RSS는 열심히 구독하는데 제가 피딩을 하고 있다곤 전혀 생각도 못했습니다.
참... 블로그는 2000년 초부터 해와놓고선 이렇게 무관심할데가.....OTL
한 RSS를 이용하여 다른 분들의 글을 구독하고 있는데 어떻게 하다보니 제 블로그가 가입이 되어 있었나 봅니다.
자세히 살펴보니 12명이나 구독을.....OTL

구독자는 전혀 생각지도 않고 맘대로 포스팅 했는데 이제 뻘소리는 자제해야겠다 싶기도 하고 RSS에 대해 더 알아보다가 피드버너를 알게 되었습니다.
이게 상당히 물건이더군요..

그래서 사이드바 상단에 떡하니 붙여봤습니다.
네......구독자...제로입니다.
왠지 쑥쓰럽군요.......OTL




ETC

레몬펜이란걸 또 알게 되어서 오픈아이디도 가입 했습니다.
전세계 방문자 위치를 알려주는 위젯도 설치를 해봤네요.  http://whos.amung.us/
사실 아리아 스킨을 쓰면서 아주 만족했지만 조금 아쉬운 부분이 갖가지 플러그인이나 위젯을 사용하기가 정말 힘들다는 것입니다.
저도 대부분의 기능을 그래서 사이드바 바깥쪽에다 붙여서 아예 줄을 세웠었지요....OTL
늦바람이 무섭다고 사이드바 제한에서 풀리니 신기한 것들이 왜 이리 많이 눈에 띄는지 모르겠습니다.
제 주력 포스팅 소재인 ASOT 팟캐스트는 벌써 이주나 밀려 있는데 말이죠.....쩝.





아무튼 이런 식으로 리뉴얼 작업 로그를 작성해 봤습니다.
이 글이 새로 스킨을 엎고자 하는 어떤 분에게 작은 도움이 된다면 그보다 더한 바램은 없겠습니다.
그러면 앞으로 열심히 포스팅.....을..... 하는 것보다...


재밌는 위젯이나 플러그인 좀 소개시켜주세요!!!

lol




 

 

   나는 대한민국의 모든 기독교인들을...
  
 한국사회의 아주 특별한 Propaganda
  
 고구마 파는 노인네의 한탄.
  
 How  to listen TRANCE when you...

  
 10 Tunes of the second Half of '2008
 


본 포스트는 아래의 사이트에 발행되며 찿아보실수 있습니다.    클릭하시면 글목록 기능과 함께 추천이 가능합니다.

  1. 이전 댓글 더보기
  2. Favicon of http://talkingof.tistory.com BlogIcon 사진의미학 2008.11.11 20:59 신고

    이야.. 스킨에 보니, 글 제목이 정말 예쁘게 표현 되네요.. ^^

    perm. |  mod/del. |  reply.
  3. Favicon of http://minsangk.com BlogIcon 민상k 2008.11.11 21:09

    블로그 스킨 예쁘네요.
    같은 플래시 조각이라도 어디에 어떻게 적용되느냐에 따라 참 여러가지 맛을 내는 것 같습니다. 별 생각없이 공개한 녀석인데 많은 분들께서 소중히 사용해주고 계셔서 오히려 제가 더 기쁩니다. ㅋ

    방문 김에 구경하다 가겠습니다 -.-.-

    perm. |  mod/del. |  reply.
    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2008.11.11 21:55 신고

      앗..오셨군요...^^
      fla 소스 공유해주신거 다시금 감사 드립니다.
      알고 봤더니 텍스트 큐브 플러그인 게시판? 거기서도 난리가 났었더군요...
      역시 감각이 있는 작품은 어디서건 빛나긴 마련이지요...^^

  4. Favicon of http://www.blogessence.com BlogIcon 모넬린 2008.11.12 00:29

    제가 너무 난해하게 작업을 해 둔 것이군여.. [..]
    저도 후에 생각하건데.. 왜 저렇게 했을까 싶지만.. :)
    제작할 당시에는 뭔가 이유가 있었던듯.. [..]
    흐흣.. 잘 보았습니다 :)

    perm. |  mod/del. |  reply.
    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2008.11.12 11:18 신고

      모넬린님 방문해주셨군요....^^

      모넬린님 블로그를 제 갤러리 스킨으로 써볼까 생각중입니다. 그런데 하얀 바탕 스킨이라 블랙으로 일단 바꾸고 생각을 해봐야 할 듯 해요...
      대부분 엄한 사진들이라 검은 바탕이 조금 나은듯....ㅋ

      시크릿 블랙 스킨...정말 이뻐요!!........^^;;;;

  5. Favicon of https://yangrak.tistory.com BlogIcon Yangrak Im 2008.11.12 02:17 신고

    "그래서 사이드바 상단에 떡하니 붙여봤습니다.
    네......구독자...제로입니다.
    왠지 쑥쓰럽군요.......OTL"

    피식 웃었던 부분ㅋ
    재미있게 잘 읽고 갑니다^^

    perm. |  mod/del. |  reply.
    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2008.11.12 11:20 신고

      하루 사이에 4분이 더 가져가셨어요!!!

      피드 버너를 왜 그리 많이들 쓰나 했는데 기능이 참 대단하더군요....^^;;;

  6. Favicon of http://minsangk.com BlogIcon 민상k 2008.11.12 08:07

    플러그인 게시판이 아니라 스킨 게시판에 올렸는데, 비공식 통계지만 Download 수는 1등이네요 ㅋ 감사할 따름입니다 -.-.-

    웹2.0 과 블로그에 관심이 많은 공학도로서, 참 이것저것 많이 시도해보고 있는데 한 사람 머리에서 나오는 아이디어라는게 항상 거기서 거기네요. 오히려 아이디어 짜려고 고민하지 않고 '나 써야지' 만든 물결 플래시 위젯이 많은 분들께 사랑을 받고 있으니 조금 어리벙벙하기도 합니다 ㅋ

    재밌는 위젯이나 플러그인 소개 시켜 드릴 것은 적당히 있지만, 그것보다 먼저- 혹시 필요로 하신다거나 '이건 어떨까' 하며 생각해두신 아이디어가 있으시면 말씀해주실 수 있을까요? 기말고사 들어가기 전까지의 한가한 기간 동안 플래시 AS 로 시간을 때워볼까 생각중이거든요 ㅋ

    perm. |  mod/del. |  reply.
    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2008.11.12 11:22 신고

      그만큼 뭔가 메리트가 있으니 호응들이 좋은거 아닐까요?
      ^^

      플래시로 할만한 것이라.....

      좀 오바스럽긴 하지만 사이드바 네비게이션을 플래시로 만들고 토글 가능하게 만들어서 접었다 폈다 하게 한 후에 배포하시면 아마 스킨 역사상 최고의 플러그인이 되지 않을까 합니다...^^;;;;

      떠오르는 아이디어 있으면 찿아가서 방명록에 글 적을께요....^^

  7. Favicon of http://realfactory.net BlogIcon 이승환 2008.11.12 12:07

    오오, 멋지군요. 사실 맨 위에 울렁울렁거리는 게 제 속도 좀 같이 뛰기도 합니다만 -.-;
    그보다 이런 거 만지려면 뭘 공부해야 하는 겁니까?

    perm. |  mod/del. |  reply.
    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2008.11.12 19:18 신고

      공부해야 할 부분은....

      [rb]HTML이랑 PHP 잘아는 사람에세 친한척 아부 잘하기[/rb]
      [bb]적당한 선에서 절제하기..gif 퀄리티 높이고 용량 줄인다고 수십번은 저장했을듯...ㅡ.ㅡ;;[/bb]

      승환님 블로그는 깔끔 그 자체..기능적으로도 부족함이 전혀 없어보이면서 무슨 말씀이세요...^^

  8. Favicon of http://minoci.net BlogIcon 민노씨 2008.11.12 14:28

    지난 주말과 주초에 몸살을 앓아서 이제야 방문하게 되네요(실은 오늘 새벽에..ㅎ).
    첫인상은 한마디로, '와우~!' 였습니다.
    이렇게 능숙한 스킨 수정 능력을 갖춘 블로거들은 정말 부럽네요.

    다만, 제목 플래시 부분은 다소 생각해볼 여지가 있지 않나 싶습니다.
    (그 시각적인 효과 부분에 대해선 저 역시 맘에 들기는 하지만요)

    1. 글 제목 긁기+ 복사가 안됩니다.
    2. 그래서 인용시에 장애로 작용하죠. 글 제목을 복사해서 사용할 경우에 꽤 난점으로 작용한다는 거죠.

    저도 한동안 코코로 스튜디오의 '놋치' 스킨을 사용했습니다만, 그 스킨을 교체하기로 결심한 가장 큰 동기가 제목의 플래시 사용 때문이었습니다.

    추.
    블로그 타이틀 배경은 정말 멋지네요. : )

    perm. |  mod/del. |  reply.
    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2008.11.12 19:20 신고

      아...그 부분은 생각은 했는데 막상 이쁜걸 눈앞에 두고 보니 편의성은 안녕~~~ 하더군요..
      사실 독자에게 글을 읽게 하는게 기본적인 블로그의 목적이니 독자에게 가장 편리한 방향으로 구성해야 하는데...

      OTL

  9. Favicon of http://hi8ar.net BlogIcon hi8ar 2008.11.12 17:19

    와~ 제가 만든 스킨 보다 훨 낫습니다~ :) 배경 이미지가 투명하게 보이는게 아주 아주 아주 멋져요~

    perm. |  mod/del. |  reply.
    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2008.11.12 19:23 신고

      하이바님께 칭찬을 듣다니 몸둘바를 모르겠습니다... ^^
      그냥 단순하게 라인 긋고 선으로 이미지 도안하는게 미니멀하면서도 용량을 줄이는데 최고가 아닐까해요..
      사실 그런 언뜻 단순해보이는 작업일수록 디자인 실력이 드러나잖아요..그림 덕지덕지 붙이는것 보다...(전 디자인 능력은 꽝이라...)
      하이바님 상단 박스 gif 가 3kb 인데 제껀 상당히 줄였음에도 50kb 네요....OTL

  10. Favicon of https://bluenlive.tistory.com BlogIcon BLUE'nLIVE 2008.11.13 02:08 신고

    잘 쓰시기 바랍니다.
    BBCode를 잘 쓰시는 것을 보니 제가 뿌듯할 지경입니다. ^^;;;

    perm. |  mod/del. |  reply.
    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2008.11.13 13:21 신고

      블로그들을 돌아다니다보니 텍스트큐브 블로그들은 이미 답글에 html 사용가능인거 같더라구요...

      형광색깔 칼라로 글자들 칠해져 있는거 보고....
      (혹시나 그것들이 전부 BB 코드인가 했는데..티스토리는 잘 안보이고 대부분 텍스트 큐브...)

      뭐 아무튼 대만족입니다!!!
      왜 이런 이미 잘 되어 있는 솔루션을 티스토리에선 [bb]블루앤라이브[/bb]님께 컨택해서 받아들이지 않는지 모르겠네요...쩝..
      BB코드가 한국에선 일반적인게 아니라지만 알고 있는 유저들도 상당히 많은데....ㅡ.ㅡ;;

      저는 이제 습관적으로 다른데서도 BB코드를 입력하고 있기 시작......ㅋ

  11. Favicon of https://www.elliud.net BlogIcon 의리형 2008.11.14 19:24 신고

    좋은 것은 널리 퍼지기 마련인 모양입니다.
    저도 지금까지 lazylog님의 스킨을 사용하고 있었고, 이번에 화이트보드로 옮겨타려 하는데 마침 민상k님의 플래쉬 타이틀도 사용하고 계시는군요.
    모르는 것이 있으면 자주 여쭈러 와야겠습니다. 센스도 기술도 많이 부족해서요. ^^

    perm. |  mod/del. |  reply.
    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2008.11.14 19:25 신고

      부족하나마 문의 주시면 최대한 열심히 알아보고 답변 드릴께요...
      저도 모르는것 투성이라...OTL

    • Favicon of https://www.elliud.net BlogIcon 의리형 2008.11.14 21:10 신고

      오 감사합니다. ^^
      상단 배경과 투명테이블은 따로 제작하신건가요? 아니면 하나로 저렇게 그리신건가요?

    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2008.11.14 21:15 신고

      배경 이미지 따로 투명 gif나 png를 이용한 테이블 따로...이렇게 제작할수도 있습니다.
      하지만 그러려면 여타 코드를 더 추가해야 하고 또 이리저리 수치를 재단해야 하기에 귀찮아서 그냥 오리지널처럼 하나로 묶은 거예요..
      만약 그렇게 제작하면 더 깔끔하고 융통성 있게 보일수 있을테고 지금 제 스킨의 이미지를 보시면 배경과 테이블 사이의 이미지들이 좀 지저분한걸 보실텐데...그것도 gif 이미지의 용량을 최대한 줄여보려고 그렇게 된거라... 사실 따로 제작하는게 옳은 방법이긴 합니다.

      따로 제작하는건 배경이 있는 스킨들의 소스를 보면 금방 적용하실수 있으실거예요
      쌤플을 가져와 보시면 소스를 봐드릴수 있는데 사실 그렇게 제작하면 좋아보이긴 하지만 약간의 부하가 더 가중되고 배경이 따로 움직이는걸 그다지 안좋아해서..
      (이 스킨 같은 경우는 전체 배경이 화이트일때 가장 빛이 나는데 가변이면 침범하면 미워지는 곳까지 고려를 해야 해서 그냥 내비둿어요...ㅋ)

    • Favicon of https://www.elliud.net BlogIcon 의리형 2008.11.14 22:23 신고

      그렇군요. 그정도의 능력은 안되니 배경은 그냥 써야겠습니다. ^^
      그나저나 민상k님의 플래쉬 수정본을 얻으려면 또 허락을 득해야 하나요? 확실히 제목이 작은감이 있어서 크기를 키워야 할 것 같은데.

    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2008.11.14 22:48 신고

      제가 가지고는 있지만 원저작자분의 허락을 먼저 득하시는게 좋을듯 싶어요.
      블로그 가서 신청하시면 메일로 잘 보내주시니 블로그 가서 신청해보세요.
      많은 분들이 얻어가셨더라구요....^^

    • Favicon of https://www.elliud.net BlogIcon 의리형 2008.11.14 22:58 신고

      아하하.. 그게 사실 플래쉬는 손볼줄을 몰라서요 ;ㅁ; 관련 프로그램도 없구요. 일단 민상님께 글은 남겨놓겠습니다.

    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2008.11.14 23:01 신고

      허락 받으시면 제가 수정해 드릴께요...그다지 어렵지 않아요...^^
      폰트 사이즈만 정해주시면 뭐...^^

      폰트는 쉬리체인데.....다른 폰트로 하면 일단 웹폰트 만드는 것처럼 폰트에서 잘 안쓰이는 문자셋은 지워서 용량을 줄여야 하는데 그게 만만한 작업이 아니예요...경험이 좀 필요하기도 하고 다른 폰트는 용량이 무지막지하게 크더군요.
      맑은 고딕으로 해봤더니 거의 1.5 메가정도...ㄷㄷㄷ

    • Favicon of https://www.elliud.net BlogIcon 의리형 2008.11.14 23:14 신고

      넵. 감사합니다. 민상님께 허락 득하는대로 연락드리겠습니다. ^^

    • Favicon of https://www.elliud.net BlogIcon 의리형 2008.11.18 23:59 신고

      민상님께 허락을 받았습니다. 리베님께 부탁드릴께요. 지금 리베님께서 사용하시는 크기정도라면 폰트는 크게 상관 없습니다.

  12. Favicon of http://liebe.tistory.com/ BlogIcon LieBe 2008.11.19 00:12

    앗....안녕하세요....

    메일 주소 남겨주세요....^^

    perm. |  mod/del. |  reply.
  13. Favicon of https://applejadore.tistory.com BlogIcon 사과벌뢰 2008.11.19 22:40 신고

    어제두 보구 가지만 오늘도 역쉬나 아웅 넘 이뽀욤 어떻게 요로코롬 이뿌게 바꾸셨데욤
    저두 포썁질루 배경을 조절해서 700 하구 싶은뎅 막상또 할려니깐 ㅠㅠ 급좌절

    perm. |  mod/del. |  reply.
    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2008.11.19 22:43 신고

      그래서 설명서 썼잖아염.....

      ^^;;;;;;;

      막히는 부분이 있으면 말씀 하세요.
      도와 드릴께요...

      [rb]이쁜 언니분은 은제나 환영~[/rb]

      ㅋㅌㅋㅌ

    • Favicon of https://applejadore.tistory.com BlogIcon 사과벌뢰 2008.11.19 22:49 신고

      설명을 봐둥 ㅠㅠ 막상 할려면 다른부분도 손봐야돼서 포기했어욤 ㅠㅠ

      아 근데 궁금한거 있어욤?? 이 스킨 티스토리용 받았을때
      css 부분이 어땠나요???

      http://hi8ar.net/guestbook/18924#guestbook18924

      전 이렇게밖에 없었거든요

    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2008.11.19 22:52 신고

      아....그 부분은 처음 받으신 화일의 나머지 css 부분을 참조하는 메인 css 예요...

      각 부분은 따로따로 css로 나뉘어 있어요...

      처음 받으신 화일 압축 풀고 확장자가 css인걸 전부 보세요.. 하나하나 보면 뭐가 어디에 쓰이는건지 대충 알수 있어요...^^

    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2008.11.19 22:53 신고

      그 나뉘어진 부분의 css를 수정하여 다시 업로드하면 적용 되요...
      일반적으로 하나로 뭉쳐놓은 css가 아니라서 당황하셨군요....^^

    • Favicon of https://applejadore.tistory.com BlogIcon 사과벌뢰 2008.11.20 00:04 신고

      웅??? 첨에 파일 업로드할때 전부다 집어넣었는뎅 ㅜㅜ
      그래서 방금 레이아웃이랑 딴거 집어넣어봤느데

      음 별루 ㅠㅠ 구냥 요걸루 마무리 ㅋㅋㅋ

    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2008.11.20 00:07 신고

      필요할때마다 수정해서 다시 업로드 하면 대져....^^

      백업본을 가지고 계속 수정하시거나.....화일 업로드한곳 차자서 익스에서 다운 다시 받아서 하면 대져...

      예를 들어...

      http://cfs.tistory.com/custom/blog/0/6272/skin/images/article.css 머 이런식으로요...

      *주소는 블로그별로 다 틀림...

    • Favicon of https://applejadore.tistory.com BlogIcon 사과벌뢰 2008.11.20 00:27 신고

      방금 또 첨부터서 다시 다 집어넣어봤는데 그냥 모 틀린지 모르겠어요 그래서 그냥 넵둘라구욤 ㅎㅎㅎ

      글구 제 메인블로그 방명록에 다가 글 남기겼데욤 ㅎㅎㅎ

      지금은 현재 테스트 블로그에다가 스킨올려놓구 편집햇어요

      그나 저나 저두 신기하네요 제데루 돼 어있지도 않는 상황에서 집어넣는게 ㅋㅋㅋㅋ 웃겨욤

  14. Favicon of https://applejadore.tistory.com BlogIcon 사과벌뢰 2008.11.20 10:49 신고

    사이드바에 넣은 네이게이션 어떻게하는거에요 사과두 갖고싶어요

    perm. |  mod/del. |  reply.
    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2008.11.20 13:45 신고

      포스트에 적어놨는데.........ㅋ

      http://acream.tistory.com/7 여기 가셔서 네비게이션 소스와 코드를 얻으시고요...

      http://liebeidea.tistory.com/3 이포스트를 참고하셔서 붙이세요...

      가장 편한 방법일듯.....^^

  15. Favicon of https://nooegoch.tistory.com BlogIcon nooe 2008.11.26 07:26 신고

    깔끔하고 잘 돌아가고 멋진(오..제목이 출렁거리네요.) 스킨이 부럽네요. 전 3단스킨 골라서 이리저리 수정하면서 써오다가 한계에 다다랐걸랑요. 속도가 무지 느려졌는데, 어디를 어떻게 건드려야하는지 모르겠더라구요. 아무래도 바꿔야할 때가 되었는지라, 맘에 드는 거 찾고 있답니다. LieBe님 스킨이 역시 멋지군요.^^

    perm. |  mod/del. |  reply.
    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2008.12.23 15:38 신고

      어익후..누에님 댓글 이제서야봤습니다...^^
      싸이트 속도가 느려지는건 거의 대부분 외부 멀티미디어 같은 오브젝트를 불러오는데 시간이 걸리거나 스킨의 오류로 브라우저가 번역하는데 시간이 거리는 경우가 대부분이예요..
      이번에 스킨 새로 바꾸셨으니 기능을 추가하실때 무작정 넣으려 하지 마시고 스킨과의 조화를 먼저 생각해보세요...^^

      이렇게 말하는 저도 사실 플래시 도배라서 부러오는데 시가이 좀 거려서 빠른 페이지는 아닙니다..ㅜㅜ

  16. Favicon of http://orange.innori.com BlogIcon 바꺼 2008.12.23 14:24

    설명 잘 봤습니다.
    정말 이쁘게 잘 꾸미셨네요.
    제가 한가지 질문이 있느데,
    글 카테고리 클릭시 글 목록이 뜨자나요?
    그런데 저는 제목이 길면 다음줄로 넘어가버리거든요.
    그런데 님 블로그는 다음줄로 안넘어가고 ... 이렇게 이쁘게
    표시가 되네요. +_+
    제가 팁좀 알 수 있을까요? ;;

    perm. |  mod/del. |  reply.
    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2008.12.23 15:34 신고

      카테고리에 무슨 문제를 말씀하신지 정확히 이해가 안갑니다.
      http://orange.innori.com/249
      이렇게 제목줄이 넘어가는걸 말씀하시는건가요?

      제목줄이 저렇게 넘어가는건 본문 페이지보다 글이 길어지면 당연한걸텐데....저걸 수정하려면 폰트 사이즈를 줄이거나 라인 스페이스 값을 줄이시면 되지 않을까요?
      제가 제목줄은 플래시로 교체를 해서 원래 화이트보드 스킨 제목 표시줄이 어떻게 되는지 기억이 안나는데..
      아마 <H1> 속성을 가지고 있을겁니다.
      CSS에서 H1 속성값을 조절하시면 되지 않을까 합니다.
      아니면 CSS에서 제목 표시줄만 따로 설정을 하시던지요..

    • Favicon of https://supasta.tistory.com BlogIcon Geosung 2008.12.23 15:45 신고

      헛 생각보다 빨리 달렸네요.
      계속 새로고침중이었는데 ㅋ

      http://orange.innori.com/category/*%EB%8C%80%ED%95%9C%EB%AF%BC%EA%B5%AD05~08

      링크가 될런지 모르겠는데, 대한민국 여행기 카테고르릴
      클릭해보시면 중간쯤 제목이 길어 다음줄로 넘어가는게 보이실 거에요. LieBE님 블로그는 제목이 길면 깔끔하게 처리가 되거든요. 다음줄로 안넘어가고... ^^;;

    • Favicon of http://orange.innori.com BlogIcon 바꺼 2008.12.23 16:13

      아무래도 제 블로그 게시물
      제목이 너무 길어서 생긴 문제 같네요. ;;;
      시간 뺏은것 같아 너무 죄송합니다. ㅠㅠ
      블로그 잘 꾸미셨네요.
      잘 구경하고 갑니다. ^^;;

    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2008.12.23 18:41 신고

      아...뭘 말씀하시려는건지....이제 알았습니다..
      링크가 제대로 안걸려서 추리하는데 애먹엇네요....ㅎㅎ

      저거는 제목이 길어서 그렇게 된거 맞고요...

      수정하시려면 약간 편법을 이용하면 되는데 기본 원리는 제가 앞에 말씀드린거랑 같습니다.
      화이트보드 스킨의 원본 CSS에서 카테고리 출력항목의 글자 폰트를 줄이거나 라인 스페이스를 좁혀주시면 됩니다.
      제가 화이트보드 스킨 원본 화일이 없어서 확인해서 어디에 있다고 말씀드리기가 좀 어려운데 (화이트보드 스킨이 css가 좀 많죠...^^)
      주석이 아주 자세히 달려 있으므로 어디를 고쳐야 하는지 아실수 있으실듯 하네요.

      정 모르겠으시면 연락 주세요....한번 알아보겠습니다..^^

    • Favicon of http://orange.innori.com BlogIcon 바꺼 2008.12.24 02:09

      친절하시네요 ^^
      감사합니다.
      저도 포토샵 배워서 700으로 늘리던가 해봐야겠어요. ^^
      지금 화이트보드가 시원시원하고 좋거든요 ㅋ
      감기조심하시구요 자주 놀러올게요 ^^

    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2008.12.24 14:41 신고

      ㅎㅎ...네
      하시다가 모르시겟는거 있으시면 언제든 어려워 마시고 질문 주세요.

      아는 한도까지 도와드리겟습니다.....^^

  17. Favicon of http://rusk.kr BlogIcon 재밍 2009.01.09 05:07

    플래쉬 보고 깜짝 놀랐습니다.
    저렇게 만드시다니 대단하시네요~~
    너무 예뻐서 탐납니다 ㅎㅎ
    비비코드 숏컷은 스크립트 오류때문에 달지 않으셨나요?
    블루님 블로그에선 아주 잘작동 되던데... 흠
    문의를 해봐야겠네요.

    perm. |  mod/del. |  reply.
    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2009.01.09 10:40 신고

      플래시는 공개 템플릿 수정한거예요...
      제가 저런 디자인 센스가 있을리가...OTL

      비비코드 숏컷은 달까 말까 하다가 홈페이지도 아닌데 굳이 주렁주렁 달게 머 있나 싶어서 안달았어요...ㅜㅜ

  18. Favicon of http://offree.net/ BlogIcon 도아 2009.01.20 09:19

    [b]어제[/b]까지 없었던 [i]도구막대[/i]가 생겼군요. [color=red]bluenlive[/color]님 블로그에서 봤는데

    [quote]참 부지런 하시군요[/quote]

    [u]코코코[/u] 이런 그림을 넣어도 되나요?
    [img]http://farm4.static.flickr.com/3236/3042456148_1a622f7702_o.jpg[/img]

    perm. |  mod/del. |  reply.
    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2009.01.22 13:44 신고

      ㅎㅎㅎ
      이건 누에고치님의 역작이 아닌가요....lol

      주말에 좀 바빠서 삼일동안 집에 못들어갔다가 들어온 김에 후다다닥 설치를 했습니다.

      블루 앤라이브님께 고맙기만 하죠 ...:)

  19. Favicon of http://rocksno1.tistory.com BlogIcon 안티군단 2009.02.03 18:51

    하이바님의 화이트보드 스킨을 받아서 적용중인데요. 깔끔하니 아주 좋네요~
    다 좋은데 본문영역 어떻게 수정을 해야할지 난감하네요.

    티스토리에서 기본으로 제공하는 스킨만 써왔고 어느정도 수정이 가능한데.
    화이트스킨은 흐흐..많이 당혹스럽네요..--;

    본문을 블랙으로 바꾸고 영역을 700PX로 수정하고 싶습니다. 1년 가까이를 검은색 배경에 마추다보니 하얀 글씨를 많이 썻거던요..

    무리한 부탁이면 거절 하셔도 괜찮아요~~ ㅠ.ㅠ
    [IMG]http://pds14.egloos.com/pds/200902/01/41/e0018741_498594e085f2b.jpg[/IMG][IMG]http://pds13.egloos.com/pds/200902/01/41/e0018741_498594e675ba9.jpg[/IMG]
    덧) 도둑고양이가 이뿌길래 생포해서 제 기타에 낑가 넣은 사진임니다.. ^^*

    perm. |  mod/del. |  reply.
    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2009.02.03 20:09 신고

      아....안티군단님 안녕하세요....^^
      화이트보드 스킨을 사용하려 하시는군요....
      700px로 늘리는건 이미 사람들이 많이 시도를 해서 이미 하이바님이 그 방법을 공개하셧죠.
      무지 간단해요...

      제 블로그의 하이바님 스킨 링크를 들어가셔서 댓글들을 쭉 검토해보세요.
      하이바님이 어디어디를 고쳐야 하는지 다 알려두셨답니다..^^

      중요한건 화이트보드 스킨이 이미지로 프레임을 만들기에 이미지도 같이 수정하셔야 합니다.
      하이바님이 말씀하시기로는 680px 까지는 이미지 수정 없이 가능하다고 한거 같은데 가서 포스트를 읽어보세요...^^

    • Favicon of http://rocksno1.tistory.com BlogIcon 안티군단 2009.02.03 22:40 신고

      어휴~~ 지금 몇시간째 지웠다, 깔았다 하면서 수정작업하는데 왜이리도 않되는건지?.. 지금 눈 튀어 나올거 같습니다.. ㅠ.ㅠ 본문영역 글자 하나 안틀리고 몇번을 계속 해밨는데 않되네요. 정말 마음에 드는 스킨인데..

      하도 않되서 본문영역을 아예지우고 검정색바탕으로도 실험 해밨는데 결과는참.. ㅠ.ㅠ

      손쓸방법이 없네요. 무지함에서 나오는 이 참담함.

    • Favicon of https://liebe.tistory.com BlogIcon LieBe 2009.02.04 00:11 신고

      조금 아까 방문해봤는데......정상이던데 폭이 안줄었던건가요??

      내일 시간이 되시면 저녁에 원격이라도....

    • Favicon of http://rocksno1.tistory.com BlogIcon 안티군단 2009.02.04 22:17 신고

      에고~~ 저의 투정이 점점 많아지는거 같네요.


      제 마루타 블로그가 하나 더 있는데 그곳에 실험을 했어요.
      http://chois2021.tistory.com/
      오늘도 열심히 해밨는데 성과가 없는지라~
      하이바님의 댓글들을 주~욱 읽어보닌까 제가 하고싶은걸 수정할려면 그냥 새로운 스킨을 만드는게 더 편할지도 모른다는 생각이 드네요. 이틀간 스킨과 싸우면서 약간은 공부가 된거 같아요.. 아주 약간여~~

      스킨 변경 잠시 포기할렴니다.. 눈이 무자게 아퍼요.
      작은 글씨 하나하나를 몇백번은 본거 같은데..ㅋㅋ
      (에고 뻥이좀 심했나?..)

      여기저기다 질문을 했는데.. 설명하기 힘드시닌까 어렵다라는 답글이 오네요.
      암튼 리베님 감사함니다.
      혼자 한번 해볼게요..

  20. Favicon of https://demun.tistory.com BlogIcon demun 2009.03.25 09:59 신고

    여기 댓글도 장난이 아니군요 ㅎㅎㅎㅎ
    트랙백보고 왔습니다.저도스킨을 변경해서 한수 도움을 받아볼까하구요...
    배경이 흰색으로 하니까 의외로 더 좋은데요...
    감안해서 저도 시도를 함 해봐야겠습니다.
    좋은글 잘 보고 갑니다.
    궁금한점 있으면 와서 질문드려야겠습니다.ㅎㅎㅎ

    perm. |  mod/del. |  reply.
  21. Favicon of http://walca.tistory.com BlogIcon 왈카 2010.04.25 12:23

    어먹- 감각 짱이세요- 댓글 입력도 너무 예쁘게 되네용!;)

    perm. |  mod/del. |  reply.
댓글 입력 폼