star

#Ludens

#social #IT #web #iPad #fashion #psychology #responsive

티스토리 반응형스킨 Purity 배포합니다.

2015.07.30 21:28 in Blog

예전부터 티스토리 스킨을 만들려고 생각만 하고 있다가.. 이번에 공모전이 있어 7월 한달간 만들어보았습니다. 전체적으로 깔끔한 느낌을 주려고 노력했고, 데스크탑 환경보다는 모바일 환경을 고려해서 만들었습니다.

스킨정보

사용한 라이브러리들

CSS Framework

jQuery Plugin

고급사용팁

고급사용팁 보기


수정사항

  • 2015.08.03: 좌측 사이드바 서치박스가 다른 메뉴 위에 float 되어 메뉴를 가리는 현상 수정 (서울비님 제보)
  • 2015.08.13: 카테고리 글 더보기 플러그인 스타일 추가 (Gray 색상에 최적화)

덧1) 처음 뭔가를 만들어서 배포하는것이다보니... 부족함이 많네요😓😓
덧2) 피드백은 댓글에 적어주시면 감사하겠습니당😉😉
덧3) 사실 데스크탑에서 보는것보다 모바일이나 태블릿에서 더 이쁘게 나옵니다(...)

신고
tagSkin, Tistory, 공모전, 반응형, 배포
받은 트랙백이 없고 , 댓글이 없습니다.

티스토리에 바라는 소소한(?) 것들

2014.05.07 23:58 in Web/Service

몇년째 안바뀌는듯한느낌은 착각인거죠? 그렇죠?(...)

티스토리를 사용한지도 어언... 6년이 넘었습니다. (스킨이 이렇지만 티스토리 맞습니다;;) 제가 2007년 11월 18일에 이 블로그를 열었는데요. 저도 그렇고, 제 블로그도 그렇고 초창기와는 많이 달라졌습니다. 그때부터 블로그를 하시던 분들도 티스토리를 많이 떠났습니다. 어떤 분들은 아예 블로그를 그만하시기도 하구요. 저도 예전에는 1일 1포스팅에 불타던(...) 시절이 있었습니다만, 이제는 1주1포스팅도 힘든 모양새입니다ㅠㅠ

바쁜거야 그렇다 치고 말이죠. 티스토리를 6년 넘게 사용하다보니, 안좋은 점들이 눈에 꽤 띕니다. 기능적인 면에서 부족하다고 생각하신 분들은 워드프레스로 떠나셨고, 네트워크나 방문자적인 부분 또는 수익 등에 부족함을 느껴서 네이버블로그로 떠나신 분들도 계시죠. 저도 워드프레스로 떠나고 싶었지만... 어찌어찌하다보니 그냥 여기 남아있네요. 그래도 이번 간담회 참석신청과 함께 아쉬운 점은 좀 적어볼까하여 짧게나마 적어봅니다.

카테고리별 RSS

워드프레스의 경우 각각 카테고리에 대해서 RSS를 설정할 수 있습니다.

http://estima.wordpress.com/category/짧은-생각-길게-쓰기/feed

개인적으로 글이 많아지고 카테고리가 점점 더 늘어나다보니 이런 수요가 좀 생기네요.

이걸론 부족해요(...)

매주마다 디자인소스를 모아서 발행하고 있는데, 그 부분만 따로 떼어서 RSS를 만들고 싶은 마음입니다ㅠㅠ

대표이미지 치환자

현재의 대표이미지(워드프레스의 경우 featured image)는 거의 티에디션을 위한 것이죠. 하지만 제 개인적인 욕심은 티에디션만을 위한 대표이미지가 아닌 스킨에서도 사용할 수 있게되기를 바라는 마음입니다. 스킨에서의 사용도 있지만, 특히 페이스북과 트위터와 같은 SNS에서 헤더에 코드를 넣어서 이미지를 매칭시키는데, 거기에 매칭할 수 있게된다면 좋을 것 같습니다.

SNS 연계

요즘에는 트위터랑 페이스북을 빼놓고 살기가 참 그렇죠;; 그런데 티스토리 자체 플러그인의 소셜 공유버튼은 정말 안이쁘죠ㅠㅠ 물론 사용자가 더 이쁜 버튼을 넣을 수 있긴 하지만, 그게 모두에게 쉬운 건 아니죠;;

그리고 헤더에 들어가는 SNS관련 코드들(티스토리 블로그에 트위터카드 적용하기)을 손으로 넣어줘야하는 불편함이 있습니다. 이 부분은 플러그인으로 간단히(?) 해결이 가능하지 않을까 생각합니다;;

스킨가이드를 위키화

티스토리가 서비스를 시작한지 8년이 지났습니다. 그런데 그 동안 스킨가이드는 별로 바뀐 일이 없었죠. 차라리 이 가이드를 위키형식으로 바꾸면 어떨까요? 서비스를 오픈한 뒤 거의 바뀌지 않았지만, 그래도 약간씩은 변한 사항들이 있으니 기존사용자들이 수정에 참여할 수 있었으면 좋겠네요.

새로 가입하신 분들을 위한 안내


Gwoeii / Shutterstock.com

티스토리에 처음 오신 분들이 어려워하는 건 기술적인 문제(어렵다!)도 있지만 ‘가입해서 블로그를 만들었는데 뭘 해야하는가?’가 가장 크다고 생각합니다. 티스토리에 첫발을 내딛는 분들을 위한 안내가 좀 더 자세히 있었으면 하는 바램입니다. 같은 이유로 글 서식도 좀 더 많아졌으면 좋겠다는 생각이 드네요 :)

신고
tag2007년, category, guide, IMAGE, rss, Skin, SNS, Tistory, wiki, 공유, 치환자
받은 트랙백이 없고 , 댓글이 없습니다.

블로그의 쓰레기, 사이드바

2013.12.23 14:44 in Web

이번에 스킨을 수정하면서, 사이드바를 없애버리는데 가장 공헌이 큰 글입니다. 해외 웹사이트 제작서비스인 Squarespace의 템플릿 개발자인 Eric E. Anderson가 쓴 글(The Sidebar in Your Blog is Hot Garbage)인데, 꽤 공감가는 부분이 많습니다. 요즘 모바일의 강세로 반응형, 타이포그래피가 부각되었기 때문인지, 해외의 블로그들도 많이들 사이드바를 없앴더군요. 작성된 지는 시간은 좀 지났지만, 간단한 팁이 들어있어 부분번역해봅니다.


주의: 사이드바에 있는 것들을 버리는 것이 당신을 ‘블로거’로 만들지는 않습니다. 또한 더 유용한 사이트로 만들어주는 것도 아닙니다.

제가 사이드바가 대부분 무시되고, 확실히 산만하며 링크의 쓰레기통과 다름이 없다고 말할 때 10년 이상 인터넷업계에서 일한 저를 믿어보시기 바랍니다.

저는 강조할 수 있습니다, 정말로요. 저는 여러분들이 모두에게 여러분 블로그의 도처에서 모든 것을 보기를 원한다는 걸 이해합니다. 독자로서 분명하게 말하자면, 저는 도처에서 모든 것을 보기를 필요로 하지 않습니다.

(중략)

사이드바를 사용해야만 하는 건 아닙니다

15개의 최근 트윗, 연/월로 정렬된 글 보관함, 태그구름, 수많은 광고들, 검색창, 소셜네트워크와 연결된 소셜프로필, 친구들의 사진들, 9개의 최근 인스타그램/플리커 사진들. 제가 여러분의 블로그에서 읽는 적절한 글에 도달했을 때 저를 멈추게 합니다.

그럼, 대안으로 여러분은 뭘 하면 될까요? 사이드바 없이 블로깅할 수 있는 간단한 사항들이 있습니다. 여기 3가지 예시는 여러분의 사이트를 모던하게 해주고, 구식 사이드바를 걷어차버리도록 합니다.

  1. 글의 맨 끝에 관련 컨텐츠 링크를 추가하세요. 사람들은 글의 주제와 관련이 있기 때문에 이 링크를 사용할 겁니다. 글의 맨 끝이라는 위치는 또한 문맥에 있는 링크들 만큼이나 유용합니다.
  2. 검색창을 사이트의 상단이나 하단에 추가하세요. 또한 도움이 되는 링크와 독자들이 필요로하는 기능을 그렇게 배치하는 것도 더욱 사용자 친화적으로 만들 수 있습니다. 여러분들은 더 많은 사람들이 유용한 기능들을 의도적으로 보여지고 신중하게 놓여졌을때 보게되고 사용한다는 것을 알게 될 겁니다.
  3. 블로그 글 보관함 페이지를 따로 만드세요. 유용한 링크 목록을 한 페이지에 큐레이팅해서 독자들을 도우세요. 월/년/태그/저자에 대한 글. 이 모든 교차된 링크들은 따로 만든 페이지에서 더 좋게 제공될 것입니다.

봤죠? 위 내용은 그리 어렵지 않습니다. 여러분은 사이드바 없이 블로깅 할 수 있습니다. 독자들은 여러분의 글을 편안하고 방해없이 읽을 수 있습니다. 관련 컨텐츠와 검색결과에 대한 링크들은 쓰레기통에서 나와서 문맥적으로 중요한 위치로 이동합니다. 바로 그 위치가 독자들이 필요로 하는 곳입니다. 글 보관함 역시 그렇게 보일 것이고 실제로 유용한 자료가 될 것입니다.

(후략)

신고
tagBlog, blogger, Erc E. Anderson, Medium, sidebar, Skin, Squarespace, tag, 검색, 번역
받은 트랙백이 없고 , 댓글이 없습니다.

#simple #serif #responsive

2013.12.22 23:22 in Blog

보시는대로, 블로그 스킨을 바꿨습니다. 이번 스킨의 컨셉은 제목에 써진대로 simple, serif, responsive입니다. 블로그를 하지 않았던 근 8개월간, 트위터나 페이스북, RSS리더 등을 통해 심심할때 읽었던 글 중에 공감받은 글들이 있어 이런 컨셉으로 되었네요.

스킨을 심플하게 바꿨으니 글도 심플해지지 않을까 합니다. 블로깅도 예전만큼 열성으로 하진 못할것같군요. 그래도 이전처럼 완전히 죽여놓지는 않을겁니다. 그리고 짬짬히 이전 글도 수정해서 재발행하려고 합니다. 유입경로를 보면 검색으로 들어오시는 분들도 있는데, 시간이 많이 지나서 죽은 정보인 경우가 많네요.

결국 열심히하든 적당히하든 노력은 해야겠군요;;

  • 기본이 된 워드프레스 스킨: Typesense
  • 사용한 폰트: 나눔명조, Georgia
  • 사용한 아이콘폰트:  Ligature Symbols

덧) 무슨 문제인지 모르겠으나... IE랑 Firefox계열에서는 아이콘폰트가 나오지 않는군요ㅠ
덧2) 지금도 이지윅에디터로 쓰면 짜증이 올라오네요...

신고
tagBlog, font, Serif, sidebar, Simple, Skin, 나눔명조, 반응형
받은 트랙백이 없고 , 댓글이 없습니다.

티스토리 첫화면에서만 사이드바 없애기(초간단팁)

2012.11.28 12:03 in Web/Coding

워드프레스 테마들을 보면 티스토리 테마들과는 다르게 첫페이지에서 사이드바를 불러오지 않는 경우가 많습니다. 워드프레스는 대부분 메뉴, 컨텐츠, 사이드바, 푸터 등등 다 php파일로 쪼개져있어서 원하는 부분만 불러오는 게 가능한 걸로 알고있습니다. 그런데 얼마 전 스킨수정을 하다가 티에디션을 쓰면 사이드바를 아주 간단하게 없앨 수 있다는 것을 알게 되었죠.

결론부터 이야기하면 CSS에 아래 한 줄만 추가하면 됩니다.

티에디션의 클래스속성을 사용해 CSS로 감추는 방법입니다. 티에디션을 사용하면 body에 클래스속성으로 ‘tedition_blog’가 붙는데 이를 이용한 것이죠.

그런데 정말 사이드바만 없어지는 현상이 발생합니다(…) 이제 CSS에 한줄 더 추가해서 한쪽으로 치우쳐진 컨텐츠영역을 좀 늘려보겠습니다.

이러면 깔끔하게 중앙으로 옵니다.
참 쉽죠? :)

신고
tagcss, sidebar, Skin, tip, Tistory, Wordpress, 첫화면, 티에디션
받은 트랙백이 없고 , 댓글4개가 달렸습니다.

숨겨진 텀블러 무료테마 100여개 모음

2012.08.27 09:30 in Web/CMS


제가 주로 이용하는 블로그서비스 중에  텀블러를 좋아합니다. 텀블러를 5개나 운영하고 있을 정도죠.

Life Log - http://life.ludens.kr
Media Log - http://media.ludens.kr
Ludens' View - http://pic.ludens.kr
Ludens ♥ Opera - http://opera.ludens.kr
Ludens ♥ Infographics - http://info.ludens.kr

어느 서비스형 블로그나 다 마찬가지겠지만, 텀블러를 쓰면서 드는 생각은 '테마가 왜 이것뿐인가??'입니다.
텀블러에서는 테마페이지가 따로 있어 버튼 하나만 누르면 간단하게 설치되지만, 직접 테마를 만드는건 어지간한 능력자가 아니면 어렵습니다ㅠㅠ

텀블러 테마페이지의 All themes에는 160여개의 테마가 있지만, 여기서 유료테마를 제외하면 남는건 70여개밖에 안됩니다. 그나마 여기서 입맛에 맞는 테마를 고르기도 어렵지만, 다른사람과 같은 테마라는게 마음에 걸립니다.
그래서 제가 그동안 찾아놓았던 텀블러 무료테마들을 모아서 레이아웃별로 정리해보았습니다. 텀블러에 테마 적용해서 예쁘게 사용하시기 바랍니다:)

1단테마

2단테마

3단테마

그리드테마(2단)

그리드테마(3단)

그리드테마(4단)

그리드테마(반응형)

기타테마

덧) 근데 진짜 많네요-_-;;; 정리하느라 투자한 시간이...ㄷㄷ
덧2) 제가 쓰는 테마도 위에 있어 가슴이 아프군요 흑ㅠ
덧3) 왜 텀블러는 테마를 노출시키지 않는걸까요;;; 테마페이지에는 맨날 본것만 돌아다니는데ㅠ

저작자 표시 비영리 변경 금지
신고
tag1단, 2단, 3단, Blog, colorful, Grid, Layout, Retro, Service, Simple, Skin, Theme, tumblr, 모음, 무료
받은 트랙백이 없고 , 댓글4개가 달렸습니다.

티스토리 티에디션 대표이미지 원본사이즈로 불러오기

2012.08.18 16:23 in Web/Coding

며칠 전 블로그 스킨을 바꿨습니다.
대대적으로 스킨을 변경하는것도 쉽지 않았지만, 메인화면을 티에디션으로 꾸미는데도 꽤 애 먹었습니다.

티에디션이 메인화면을 있어보이게 만드는데는 참 좋은툴이기는 한데, 썸네일을 마음대로 하기가 어렵다는 단점이 있더군요.
제가 원하는 썸네일 크기는 가로가 665픽셀 정도였는데, 크기 수정 자체가 없어서 어떻게 해결해야할지 고민을 좀 했습니다.

썸네일 → 원본이미지로 바꾸기

[티에디션 설정]에 들어가셔서, 이미 배치해놓으신 아이템을 선택하신 후
[디자인]에서 [HTML]버튼을 누르면 HTML수정을 직접 할 수 있습니다.

소스가 엄청 복잡할텐데요, 잘 살펴보면

http://[##_article_rep_thumb_host[?]_##]/[##_thumb_type[?]_##]/[##_article_rep_thumb_hash[?]_##]

라고 되어있는 부분이 있습니다.(?는 숫자)
여기서 중간의 "[##_thumb_type[?]_##]"를 모두 "original"로 바꿔줍니다.(번호는 무시하세요)

위와 같이 수정 후 저장하면 원본이미지 불러오는건 끝입니다.

이 방법의 단점은 사이즈가 제각각으로 나온다는 겁니다.
그나마 티스토리에서 제공하는 썸네일은 크기가 작더라도 썸네일 크기는 다 똑같아서 상관이 없는데 말이죠.

덧) 그래서 저는 DIV에 CSS로 배경이미지로 지정하여 사용하고 있습니다.

이미지영역 소스보기

저작자 표시 비영리 변경 금지
신고
tagcss, design, html, IMAGE, Skin, Source, thumbnail, Tistory, 대표, 원본, 티에디션
트랙백이 하나이고 , 댓글이 없습니다.

오페라12, 나만의 테마 초간단하게 만들기

2012.06.16 20:08 in IT/Opera

저번 글(오페라 12 베타버전 공개)에서도 언급했던대로, 오페라12부터 테마기능이 새로 생겼습니다.

이전부터 스킨기능이 있기는 했지만, 생각보다 이쁜 스킨이 없어서 많이 사용하진 않았죠. 그런데 이번에 테마가 지원되면서 오페라를 보다 예쁘게 만들 수 있게되었습니다.

오페라 테마제작은 사실 이 문서(Opera's lightweight themes)를 참고하면 된다고 오페라측에서는 소개했지만, 영어의 압박이 심하게 오는 문서라서 저도 문서보면서 만들다 포기했습니다;;

그런데 오페라 확장기능으로 Opera Theme Creator가 올라왔습니다. 이 확장기능을 사용하면 아주 간단하게 테마제작이 가능합니다.


오페라 테마 초간단 제작법


오페라 확장기능인 Opera Theme Creator를 추가합니다.

추가가 완료되면 검색창 오른쪽에 아이콘이 생성됩니다.

웹에서 테마로 삼고싶은 이미지(고해상도이미지를 추천합니다)를 찾은 후 아이콘을 클릭합니다.
아이콘을 클릭 후 이미지에 마우스커서만 올리면 알아서 잡아줍니다(...)

그 후 Try out your theme를 눌러주시고

'잠재적 보안 위험창'에서 를 누르시면 바로 적용됩니다.


오페라의 테마는 구조가 나름 간단하기 때문에 이런 확장기능으로 간단하게 만들 수 있는 것 같습니다. 
사실 전 아직 오페라 테마에 올라온 것들을 사용중입니다. 개인적으로 좋아하는 스타일들이 많아서인지 아직 제가 직접 만들어야겠다는 느낌은 안드네요;;

덧)오페라 테마기능이 크롬의 그것과 너무나 비슷하다는 느낌은 저뿐만일까요?;;

저작자 표시 비영리 변경 금지
신고
tag12.00, chrome, IMAGE, Opera, Opera Theme Creator, Skin, Theme, 초간단, 확장기능
받은 트랙백이 없고 , 댓글2개가 달렸습니다.

블로그에 IE6 경고문구 넣기

2009.08.16 14:26 in Web/Coding

이번에 스킨을 바꾸면서 다른 브라우저는 하나도 고려하지 않고, 제가 쓰는 오페라만 보면서 수정했죠. 그 결과 IE8,파이어폭스,사파리(터치도 포함),크롬 등에서 잘 나온다고 의견을 주셨습니다. 그런데 @projecty님이 IE6로 테스트한 모습을 보고 경악을 금치 못했어요ㅠ

사용자 삽입 이미지리본의 투명처리… 아래엔 치졸한 스크롤바까지… 흑흑ㅠ

도저히 IE6에 맞출 재간은 없어서… IE6로 접속시 경고문 띄우는 방법들을 찾아보았습니다.

IE6 Update

제가 현재 쓰고 있는 방법입니다. 왠지 모르게 ActiveX느낌이 들면서 꼭 깔아야겠다는 강박관념(?)이 느껴지지 않나요? 문구가 영어이고 클릭하면 이동하는 링크도 영어권 IE사이트라 아래와 같이 조금 손봐서 쓰고 있습니다. </body>앞에 넣어주시면 됩니다. 워드프레스용 플러그인도 있습니다.

소스보기

Give IE6 users the message to upgrade or change

코드를 한글로 바꾸고 브라우저링크에 크롬을 추가하고 한국어페이지로 이동하도록 손봤습니다. "<h2><a href="(##_article_rep_link_##)">(##_article_rep_title_##)</a></h2>" 뒤에 넣어주시면 글 제목 바로 아래에 표시됩니다. (찾을때 ()를 []로 바꾸고 찾으세요~)

소스보기

IE 버전 체크


@okgosu님이 알려주신 심플한 방법입니다.

덧)경고창으로 만족하지 못하시는 분들을 위해 준비했습니다. @gaury가 알려준 IE6로 접속하면 다운되는 소스

신고
tagBlog, gaury, Give IE6 users the message to upgrade or change, IE 버전 체크, IE6 Update, Internet Explorer, OkGosu, projecty, Skin, 경고
트랙백3 , 댓글4개가 달렸습니다.

스타일리시한 윈앰프 스킨 모음

2009.08.13 13:51 in IT/Desktop

혼자만 쓰기 아까운 스킨들을 모아보았습니다. 클래식스킨 5개와 모던스킨 5개로 총 10개입니다. 윈앰프는 공식사이트에서 받으실 수 있고요, 설치가 싫으신 분들은 PortableAppZ에서 제공하는 포터블버전을 받으시면 됩니다.
윈앰프 스킨을 바꾸시기 전에, Ctrl+P누르셔서 설정에 들어가신 뒤에 아래 나온 대로 설정을 해주셔야 한글이 깨지지 않고 제대로 나옵니다.

  • 스킨→클래식스킨→'기본 창 제목표시에 스킨화된 글꼴 사용' 체크해제
  • 스킨→현대스킨→글꼴 렌더링→'이전 스킨에 대해 FreeType TrueType 글꼴 렌더링 사용' 체크 해제

아래 걸어놓은 링크로 가셔서 Download를 누르시면 스킨을 받으실 수 있습니다. 모두 출처는 deviantART입니다 :)

클래식 스킨

A1 Winamp by Nevezen

위의 두가지 색상과 진한 빨간색버전이 있습니다.

Caro Winamp by enspia

EQ창이 아무것도 없이 하얗게만 나옵니다. 기본창과 플레이리스트창만 스킨적용이 되어있습니다.

WSWA ECNMY skin pack by Wilian

GAIA08 - Winamp by bernadinho

전 클래식스킨 중에서는 이걸 가장 좋아합니다:)

Simply Razz by Bobbyperux

모던 스킨

.0593 by nikulai

기본창과 EQ창만 스킨이 적용되어 있으며, 앨범아트는 나오지 않습니다.

AMANA08 winamp by naalo

기본창과 EQ창만 스킨이 적용되어 있으며, 앨범아트는 나오지 않습니다.

Beautiful Simplicity by aNdre-W

기본창과 EQ창만 스킨이 적용되어 있으며, 앨범아트는 나오지 않습니다.

Winamp iDock by elralfaro

제가 현재 쓰고 있는 스킨입니다. 앨범아트가 제대로 표시되어서 강추입니다:)

lear-lite winam skin by LeaR1T

기본창과 EQ창만 스킨이 적용되어 있으며, 앨범아트는 나오지 않습니다. 파란색,빨간색,주황색,초록색,분홍색 이렇게 5가지 색상이 들어있습니다.

덧)윈앰프 재생목록의 글꼴 바꾸는 방법은 아래와 같습니다~
Ctrl+P→재생목록→'스킨 또는 언어 팩 글꼴 사용' 체크 해제하고 폰트 선택

신고
tagAlbum art, classic, deviantART, Mordern, Skin, Stylish, WINAMP, 간지
받은 트랙백이 없고 , 댓글11개가 달렸습니다.

스킨을 다시 바꾸었습니다.

2009.06.01 03:02 in Blog

보시면 아시겠지만 노무현 전 대통령님을 추모하기 위해 썼던 블랙계열의 스킨에서 다른 색으로 넘어왔습니다.
영결식이 끝나 뒤 스킨을 바꾸려고 했는데, 막상 검은 스킨에서 다시 평상시대로의 모습으로 돌아가려니 왠지 모르게 하기가 싫어지더군요. 왜 그랬을까요...?

사용자 삽입 이미지
노무현대통령 재임시절, 저는 고등학생이였습니다. 고등학생일때는 정치에 완전 새까맣게 몰랐지요.(근데 딴나라당이 기득권층을 위한 정당이라는 사실만은 신기하게도 알고 있었습니다.) 그러다가 노무현대통령이 이라크파병을 한다는 소리를 듣고, '결국 한국은 미국이 시키는 대로 하는 나라인가?'라는 생각을 하며 별로 안좋아했었던 기억이 있습니다.

그렇기에 저는 '노무현'이라는 사람에 대해 관심이 없었죠. 다만 그가 재임시절일때 세상이 좋아졌라는 건 확실히 느꼈습니다. 어디서 느꼈는가 하면 술집이나 택시에서 느낄 수 있었습니다. 확실히 노무현 대통령 이전에는 '대통령'이라는 사람에게 대놓고 욕하는 사람이 많지 않았습니다. 그러던 것이 노무현대통령 시절에는 술집의 안주처럼, 입에서 오르내리는... 그렇게 되었습니다.(어렸을때의 기억은 사실 좀 가물가물합니다.)
확실히 '욕'할 수 있는 세상이 되었다라는 걸 느끼면서 좋아졌다고 느꼈죠.(2MB는 욕하면 잡아가는거 아시죠?)

'노무현'이라는 사람이 대단한 위인이라는 건 대학생이 되고 난 뒤에 알았기에, 분향소에도 분향을 위해 갔습니다. 사실 분향하기 전에는 크게 슬프거나 하진 않았습니다. 그는 엄청 먼 거리에 있는 사람이였으니까요. 그런데, 국화꽃을 들고 분향소에 큰 스피커로 그의 연설을 들으니 '울컥'했습니다. 제가 제일 많이 들은 두개가 연이어서 나오더군요. '600년동안~'과 '이 아내를 버려야 합니까?'하는 두 연설...

분향을 한 뒤로는 '이걸 꼭 바꿔야 하나...'하는 생각이 들더군요.
하지만 산사람은 남은 인생을 살아야 하는것처럼 스킨 또한 안바꿀 수는 없기에 바꾸었습니다.
바꿀때 뭐에 씌여서 바꾼 것 같습니다...;;;

참, 위의 리본은 Raylene님이 만드신 리본입니다. 저도 '잊지 않기위해' 달았습니다.
달으실 분들은 http://happyray.com/1419로 가시면 달으실 수 있습니다.

덧)포스팅할 게 3개나 있는데 벌써 시간은 3시...;;;
신고
tagBlog, Raylene, Ribbon, Skin, 노무현, 딴나라당, 분향, 연설, 위인, 이명박, 일상
받은 트랙백이 없고 , 댓글6개가 달렸습니다.

스킨에 북마클릿을 추가했습니다

2009.05.20 23:32 in Blog

사용자 삽입 이미지
방문자분들의 편의를 위해 북마클릿을 달았습니다. 아래 'BOOKMARKLET'을 누르시면 나옵니다.
이전에도 달아놓긴 했었는데, 텍스트라서 그런지 영 제 맘에 안들더군요.
이번에는 댓글이 나왔다 들어갔다 하는것처럼 했습니다. 이미지로하니 깔끔해서 보기 좋네요.

일단, 트위터,프랜피드,델리셔스,마가린,마이크로탑텐,미투데이 이렇게 6곳입니다.
테스트는 트위터,마가린,미투데이만 해본 상태입니다.

트위터랑 프랜피드, 그리고 미투데이를 누르시면 제 글을 바로 포스팅하실 수 있습니다 -_-V
트위터는 여러가지 북마클릿이 많았는데요, BigTweet를 이용했습니다. 조금 느리긴 하지만, 북마클릿 중엔 그나마 제일 나은듯 보입니다. 프랜피드도 같이 지원되더군요.
다른 좋은 북마클릿이 있다면 추천 부탁드립니다.

델리셔스와 마가린은 누르시면 바로 북마크추가가 가능합니다:)
제가 소셜북마크서비스를 아는게 별로 없어서 말이죠;;; 많이 쓰시는 곳 있으시면 말씀해주세요ㅎ

마지막으로 마이크로탑텐을 누르시면... 어떻게 되는지 사실 잘 모르겠습니다(...)
마이크로탑텐 쓰시는 분들, 테스트 부탁드립니다;;;

소스는 아래와 같습니다(지저분합니다;;)

소스 보기


덧)트위터와 미투에 제 글을 퍼트리려는 속셈은 절대 아니랍니다(?)
덧2)추가할 곳이 있다면 가르쳐주세요~
신고
tag140bus, BigTweet, Blog, Bookmarklet, del.icio.us, friendfeed, mar.gar.in, me2day, Skin, Twitter
받은 트랙백이 없고 , 댓글2개가 달렸습니다.

스킨,폰트 바꿨습니다.

2009.02.20 22:09 in Blog


참 오랜만에(?) 스킨을 바꿨네요.

Windows 7을 설치하고 난 뒤로 바꾸어야 겠다는 생각은 계속 있었는데 말이죠.
어쨌든 이번 컨셉을 윈도우7으로 잡으려다 home.live.com으로 바꾸었습니다[각주:1]

다른 3단스킨을 찾아헤매다가 결국 못찾아서 2단이라도 쓰자고 했으나... 결국 맘에드는 스킨이 없어서 이전에 쓰던 Butterfly스킨을 수정했습니다.
사용자 삽입 이미지
일단 왼쪽 사이드바 옆에있던 메뉴를 다 없애고 본문폭을 550px로 늘렸습니다. 470은 너무 답답해요ㅠㅠ 그리고 메뉴들은 일단 위로 올렸는데 좀 휑한것 같기도 하군요 흠;;;

두번째로 폰트도 바꿨지요.
한겨레결체 이후에 무료폰트를 물색하던 중 순천향체가 눈에 들어왔습니다.
사용자 삽입 이미지
깔끔하고 보기 좋은게 딱이더군요+_+
순천향대학교에서 만들어 여기에서 무료배포를 하고 있습니다.

저번과는 다르게 eot도 적용시켜보았습니다.
@font-face {font-family: "순천향체";src: url("./images/fonts.TTF");}
@font-face {font-family: "순천향체IE";src: url("./images/fonts.eot");}
위처럼 무식하게(?) 폰트페이스를 두개 적용을 했더니 잘 나오더군요.
일단 저는 오페라,크롬,IE7에서 테스트해본 결과 잘 나왔습니다.

나름 윈도우삘을 낸다고 했는데 잘 된건지 모르겠네요.
적용하고 보니 그냥 시원한 느낌의 스킨이 된듯한 느낌이;;;

+추가합니다
일단 사이드바 크기를 좀더 줄였습니다. 그래도 Karion님이 말씀해주신 문제가 해결이 안되네요ㅠㅠㅠ 가로해상도가 1024 이상이면 잘 보이긴 합니다만;;;
위의 메뉴를 '아크몬드'님의 '아크몬드바'로 적용시켰습니다. 원래 용도는 저게 아닌데 말입니다. 아크몬드님껜 죄송(?)하군요;;;

++추가합니다
IE6에서 이상하게 나와서 eot가 있는 구절은 뺐습니다-_-+ 진짜 IE6는 공공의 적인듯...

덧)전 순천향대생이 아니에요;;;
덧2)스킨 깨지는부분이 있으면 말씀해주세요~

  1. 결국 거기서 거기이긴 합니다만;;; [본문으로]
신고
tagBlog, Butterfly, chrome, Internet Explorer, Microsoft, Opera, Skin, windows 7, 글씨체, 순천향체, 한겨레결체
받은 트랙백이 없고 , 댓글20개가 달렸습니다.

내가 윈미플을 버릴뻔한 이유

2008.12.28 11:30 in IT/Program

드디어(?) 윈도우미디어플레이어 3부작의 마지막이 되겠습니다.
버릴뻔한 이유는 크게 3가지가 있습니다.

먼저 비쥬얼
생긴게 괜찮아야 쓰는 저로써는 상당히 이쪽에 신경을 많이 씁니다.
여기선 윈미플 스킨모드가 아닌 전체모드일때를 이야기 하고 싶은데요.
전체모드일때는 어느정도는 색을 바꿀수 있습니다. 그런데...
사용자 삽입 이미지
제가 며칠전 테마를 바꾼지라 윈미플도 색깔을 맞추려고 했지만 아무리 노력해도 하얀색 또는 하얀색에 가까운 회색은 도저히 안되더군요-_-;;;

그 다음은 작업표시줄로 내리는 것에 대해 이야기하려고 합니다.
사용자 삽입 이미지
일단 쌩뚱맞게 색깔이 다른게 좀 짜증부터 나고요-_-+
뭐 색깔이야 그렇다 쳐도 저놈이 작업표시줄로 가면 저렇게 자리를 떡~하니 차지하고 있단 말이죠-_-;; 가장 슬픈건 다른 선택권도 없다는거에요;;;
알송리모컨은 그래도 끄는것이라도 있지요. 이놈은 제발 좀 트레이로 들어갔으면 하는 바램이 있습니다 흑흑
하이에나님이 댓글로 아래와 같이 가르쳐주셨습니다.
윈도우의 작업표시줄에 대고 우클릭 메뉴중 -> 도구 모음 -> Windows Media player에 체크 해제하시면 최소화시 미니모드로 전환되지않습니다.

그리고 파일인식문제입니다.
이 문제는 소니의 mp3를 가지신 분이라면 아실텐데요...(악명높은 소니스테이지;;;)
이건 뭐... 열심히 태그정리 다 해놨는데 아래처럼 인식을 못하면 눈물납니다
맨 위의 태연곡과 같은 상태가 나오면 재생은 물론이고 Mp3에 넣기도 안됩니다. 수동으로 넣는 것 말고는 방법이 없더군요;;;

아! 가장 중요한 단점을 이야기 안했군요-_-;;;
무려... 마지막으로 들었던 재생목록이 저장이 안됩니다. 이게 그리 큰 문제가 아닐것 같은데 맨날 저장되어있던 푸바나 윈앰프를 쓰다보면... 엄청 불편합니다.
윈앰프나 알송,푸바 등등 대부분의 재생기들은 재실행하면 이전에 들었던 목록을 자동으로 보여주는데 윈미플은 그런거 없습니다. 실행할때마다 수동으로 뭐를 틀을지 지정해야합니다-_-

사실 위의 문제들은 아주아주아주아주아주 사소한 문제들이지요.
위에 있던 비쥬얼문제와 작업표시줄 문제는 하얀 아이팟스킨으로 들으면 해결이 되고요, 파일인식문제에서는 파일을 다시 받거나 mp3에 수동으로 넣으면 되지요.
마지막의 재생목록문제도 제가 클릭 두어번만 더 하면 해결되는 겁니다.
하지만 문제는 그것도 귀찮다라는 것이죠.
이런 사소한 단점들이 제가 또 다른 재생기를 찾고있는 이유가 되는것 같습니다.
신고
tagFoobar2000, Microsoft, program, Skin, WINAMP, Windows Media Player, 단점, 알송, 작업표시줄
받은 트랙백이 없고 , 댓글13개가 달렸습니다.

내가 윈미플을 쓰는 이유②-앨범아트

2008.12.18 15:19 in IT/Program

이 글은 내가 윈미플을 쓰는 이유①에서 이어집니다.

제가 음악재생기를 고를때와 mp3를 고를때, 가장 처음으로 보는 조건은 바로
앨범아트 표시가 되느냐 안되느냐 입니다.

앨범아트를 표시하는 방법에는 두가지가 있답니다.
MP3에 태그로 등록된 앨범아트를 보여주는 방법폴더에 있는 cover.jpg를 보여주는 방식. 이렇게 두가지입니다.
저는 첫번째 방식을 쓰는데요 그 이유는
즉, 두가지가 다른 폴더에 있기 때문에 첫번째 방식을 쓸수밖에 없지요.

아, 물론 앨범아트가 나오는 재생기가 윈미플만 있는건 아니지요.
아이튠즈도 되지만 윈도우에서는 엄청난 무거움으로 제외합니다.

문제점이 없다면 당연히 위의 플레이어를 썼겠지만,단점들이 있어서 안씁니다.
먼저 푸바를 봅시다.
사용자 삽입 이미지
푸바 default의 앨범아트 표시는 MP3태그에 있는 이미지를 출력해줍니다만...
푸바를 누가 이렇게 하고 산답니까-_-;;;
설정에서 Panel UI로 바꾸어서 스킨을 깔았더니
사용자 삽입 이미지
앨범아트가 잘못표시되는 상황이 발생합니다.
이러한 이유는 Panel UI가 같은 폴더안의 cover.jpg를 찾아서 출력하는 방식이기 때문이라 그렇지요. 엉엉

그럼 이번엔 윈앰프를 볼까요?
사용자 삽입 이미지
문제가 없어보이시죠? 앨범아트표시도 제대로 나오고...
하지만... 문제는 앨범아트의 크기가 작다는데 있습니다-_-;;;
아 이건 엄청나게 개인적인 생각이지만 기왕이면 좀 크게봐야하지 않겠습니까;;;
...그렇다고 윈앰프에 앨범아트가 큰 스킨이 없는것도 아닙니다.
사용자 삽입 이미지

우분투삘나는것 같지 않은가요?

이 스킨 처음 발견했을때 좋아라 하고 받았지만...! 색상변경이 불가...OTL
결국 이런저런 이유로 윈앰프도 탈락...;;;;;

그래서 결국엔 이 놈을 선택했습니다.
사용자 삽입 이미지

며칠전에 아이팟 U2에디션을 질렀...아니 스킨을 받았지요.


덧)제가 좀 까다롭지요...? 음악재생기에서만 그렇답니다. 실생활은 안그래요~!
신고
tagAlbum art, cover.jpg, Foobar2000, Microsoft, Panel UI, program, Skin, WINAMP, Windows Media Player, 단점
트랙백이 하나이고 , 댓글14개가 달렸습니다.

내가 윈미플을 쓰는 이유①

2008.12.14 17:50 in IT/Program

한국에는 윈도우미디어플레이어 쓰는사람 거의 없지요?
어떤 분들은 '윈미플같이 쓰렉히같은 프로그램으로 어떻게 노래를 듣고 태그정리를 하나연?'이러실테지요.
어제 얼리어답터님과 메쉰저로 대화중에 이런 이야기가 있었죠.
물론 뻘건색이 저이고 퍼런색이 얼리어답터님이십니다.
Ludens§웹폰트적용끝 님의 말 :
iTunes로 노래넣고 노래정리하는 사람은 많아도
Ludens§웹폰트적용끝 님의 말 :
윈미플로 태그정리하고 노래넣는사람은
Ludens§웹폰트적용끝 님의 말 :
저말곤 못봤다는-_-
[얼리] 님의 말 :
;;;
Ludens§웹폰트적용끝 님의 말 :
외쿡에는 있으려나요
[얼리] 님의 말 :
윈미플로 어떻게해요;;;
Ludens§웹폰트적용끝 님의 말 :

Ludens§웹폰트적용끝 님의 말 :
제 윈미플11 을 보여드려야겟군요
허허 너무하십니다. 전 앨범아트도 넣고 감상에다가 mp3에 전송까지 한단 말이죠;;;
제 윈미플은 이렇게 생겼습니다.

1.앨범아트&라이브러리 기능
허허 이런 모습을 보고도 어떻게 하냐는 소리가 나오시는지...?
앨범아트는 제가 좀 특이하게 관리하는데 그렇게 관리해도 잘 나옵니다. 이것이 제가 윈미플을 선택하게된 가장 큰 이유중 하나이고요.
참고로, 재생시에는 위의 Now Playing화면으로 두는게 절대로 아니지요.
이럴때 필요한게 스킨기능이 아니겠습니까?ㅎ

2.스킨기능
사용자 삽입 이미지
위 스킨은 윈미플용 아이팟비디오스킨입니다.
물론 윈앰프에서도 괜찮은 아이팟스킨이 있긴 하지만 앨범아트의 표현문제때문에 윈미플의 아이팟스킨을 더 좋아합니다. 이것이 제가 윈미플을 사용하는 가장 결정적인 이유 중 하나이지요.
사용자 삽입 이미지
이번것은 또 다른 윈미플 스킨인데요, 검은색테마에 정말 기가막히게 잘 맞습니다;;
사실 이 스킨은 좀 버그가 있긴하지만 그래도 비쥬얼면에서는 하앍하앍이기 때문에 쓰지요.


3.Last.fm 지원
그리고 Last.fm의 지원이 완벽하게 된다는 점!
사용자 삽입 이미지
이거 예전에는 잘 몰랐었는데 한번 사용하는 방법을 알게되니 놓지 못합니다.
윈앰프나 푸바에서도 지원되지만 윈미플처럼 원하는 만큼 되지는 않더군요.


4.mp3파일 전송
마지막으로 mp3로의 음악파일 전송입니다.
사용자 삽입 이미지
제 mp3는 산사 e250으로 태그를 기반으로 음악파일을 정렬해주기 때문에 태그정리가 필수이지요.(그런데 친구들 아이팟에 태그가 정리되어 있는 모습을 본적이 없다는...;;;)
물론 제 mp3도 그냥 이동식디스크처럼 복사하고 붙여넣기해서 넣을수도 있지만 말이죠. 이왕 그렇게 할거라면 윈미플 라이브러리에 저장되어 있는 노래를 넣는게 더 편하더군요.

하지만 궁극적으로 제가 윈도우미디어플레이어를 선택하게 된 이유는 MS를 좋아해서도 아니고 윈도우에 깔려있었기때문도 아닙니다. 그저 여러 다른 재생기를 사용해보니 이만큼 저에게 맞는게 없었을 뿐이지요.
참고로 전 이곳에 있는 윈도우에서 돌아가는 플레이어들은 한번씩 다 써봤으니 혹시 추천해주시려면 저곳에 없는 플레이어를 추천해주시기 바랍니다.

오늘은 첫 포스팅이니 간단하게 왜 제가 윈미플을 사용하는 큰 이유만 간략하게 나열했습니다. 다음 포스팅에는 하나하나 좀더 자세하게 이야기 하도록 하지요.
그리고 '윈미플을 쓰는 이유'를 다 설명드리면 '버릴뻔한 이유'도 쓸 생각입니다.

덧)'내가 아이튠즈를 쓰는 이유'를 포스팅해주실분은 어디 안계시려나...;;;
신고
tagAlbum art, E250, Early Adaptor, last.fm, Microsoft, MP3, program, sansa, Skin, Windows Media Player, 가사
트랙백이 하나이고 , 댓글25개가 달렸습니다.

블로그 웹폰트 적용기

2008.12.13 20:01 in Blog

이곳의 웹폰트는 MS의 EOT가 아니라 확장자가 TTF인 트루타입글꼴입니다.
그리고 윈도우즈에서만 가능합니다.

오페라10 알파버전, 그리고 파이어폭스 3.1버전에서 웹폰트지원 이야기를 들은 저는 블로그에 웹폰트를 적용시키기로 마음먹었습니다.
일단 여러 무료폰트중에서 네이년이 만들어 배포하는 나눔고딕을 쓰는건 제 취향에는 영 아니라서 한겨레신문에서 배포하는 한겨레결체를 쓰기로 결심했습니다.
사용자 삽입 이미지
먼저 직접올리기에서 폰트파일을 올린뒤에
오페라10 알파를 주력으로 사용하는 저는 그쪽에 설명나온대로 아래와같이
사용자 삽입 이미지
스킨->CSS설정에서 간단하게 한줄을 추가시키고요. 테스트를 위해 제 윈도우에서 한겨레결체를 없앤뒤 들어가보았습니다.
이렇게 오페라10 알파에서는 성공적으로 나왔는데...

불여우에서는 안나오더군요. 아마 정식버전부터 지원되나 봅니다.
저는 된다는 소리만 듣고 베타에서도 적용되는줄 알았지요-_-;;

일단 지금은 오페라10알파 말고는 웹폰트가 적용 가능한 브라우져가 아직 없는것 같군요. 이제 파이어폭스도 정식버전이 나오면 웹폰트적용이 될것이니 IE에서 EOT지원이 아니라 TTF를 지원했으면 하는 바램이 있네요.
신고
tagalpha, Beta, css, eot, firefox, Internet Explorer, Opera, Skin, test, truetype, TTF, Web font, Windows, 글꼴, 지원, 한겨레, 한겨레결체
받은 트랙백이 없고 , 댓글8개가 달렸습니다.

블로그에 미투글을 달아봅시다

2008.07.26 23:50 in Blog

저는 API가 뭔지도 모르고 CSS도 어떻게 하는건지 전혀 모르는 사람입니다.
이 방법은 Channy님의 미투전광판을 토대로 제가 심플하게 변형한 것입니다.

글 위에 이렇게 뜨는 한 문장의 글귀가 무엇인지 궁금하지 않으셨나요?
이것은 미투데이라는 마이크로블로그서비스를 이용한 것인데요,
사용자 삽입 이미지
저렇게 쓰는 이야기를 블로그에 어떻게 옮겨놓을수 없을까 하다가 찾았답니다.

소스는 아래와 같습니다(제 스킨에 적용된 그대로 써 놓았습니다.)
<link rel="stylesheet" href="http://cfs.tistory.com/custom/blog/11/119697/skin/images/me2fade.css" type="text/css" />
<script type="text/javascript" src="http://cfs.tistory.com/custom/blog/11/119697/skin/images/me2fade.js"></script>
<script type="text/javascript">
addLoadEvent(me2fade.init("ludens"));
</script>
<div id="me2fade"></div>
<div class="article">[##_article_rep_desc_##] </div>
적용을 하시려면 일단 관리자화면에서 '스킨'→'HTML/CSS 편집'으로 가셔서
<div class="article">[##_article_rep_desc_##] </div>이라는 부분 위에 붙여넣으시면 됩니다. 다른곳에 넣으셔도 상관은 없습니다;;;
참, 중요한 사항은 ludens를 자신의 아이디로 바꾸어야 합니다.
바꾸지 않으면 제 미투글이 뜰거에요;;;

위에서 필요한 파일은
이렇게 2개입니다.(사실 제것과 똑같은 모양새로 쓰길 원하신다면야 필요는 없습니다;;;)
파일은 '스킨'->'직접올리기'로 올리시면 됩니다.
그리고 본인의 취향에 맞게 수정하시면 됩니다.

me2fade.css 설정


참, 미투데이를 하시는 블로거분들 미투주소랑 댓글좀 남겨주세효 친신할거에요!
meet me at me2DAY
150자의 재미있는 낙장불입의 세계에 가입하실 분은 여기를 눌러주세효~
신고
tagAPI, Blog, css, html, me2day, me2fade, Skin, 낙장불입
트랙백이 하나이고 , 댓글17개가 달렸습니다.

Theme&Skin 변경!

2007.12.17 19:31 in Blog

Screen

換骨奪胎

지금쓰고있는 불여우 테마 너무 좋아요+_+
검색창 오른쪽에있는 여우 대따 귀여워서 넘흐 좋네요+_+

불여우테마받기!

불여우테마를 바꾸니 윈도우테마가 맘에안들어서
그것도 바꿔버렷어요+_+

윈도우테마받기!

윈도우테마 바꿀때 글씨체를 '엔터-솔잎9'로 해서
불여우글씨도 같게 해버렸다는...

그리고배경화면을 '없음'으로 하기가
썰렁하기도 하고 안맞기도해서
집에 있던 놈으로 하나 했습니다ㅋ
예전에 받아놨던거라 출처가 기억나지 않네요.

배경화면받기!


마지막으로 흰배경의 블로그의 스킨을 바꿨어요ㅋ

그리고 바꾸는김에 왼쪽위의 배너도 오른쪽것으로 바꿨죠ㅋㅋ
상당히 잘 맞아서 충분히 흡족한ㅎㅎㅎ
신고

'Blog' 카테고리의 다른 글

제가 1월의 블로그대마왕으로 선정되었습니다ㅠ  (20) 2008.02.12
유입키워드로 보는 이전포스팅!  (8) 2008.01.30
Share your treats의 뜻  (0) 2008.01.28
10000 Hit!  (2) 2008.01.03
Theme&Skin 변경!  (0) 2007.12.17
Blog start!  (6) 2007.11.18
tagbanner, Blog, dreamer, Olivia, Olivia Lufkin, Skin, Theme, wallpaper, 변경, 일상
받은 트랙백이 없고 , 댓글이 없습니다.

티스토리 툴바