jugug.net > 트위터 PBTweet+와 MonkeyFly사용자를 위한 스킨 배포합니다.

미디어로그

트위터 PBTweet+와 MonkeyFly사용자를 위한 스킨 배포합니다.

분류없음 2010/05/02 16:59

계속해서 업데이트중입니다.

마지막 업데이트 10/07/16 10:30

PBTweet+와 MonkeyFly를 사용하시는 분을 위한 CSS입니다.

나눔고딕폰트가 필요할 수 있습니다. (다운로드)

이 디자인은 윈도우7에서 크롬과 파이어폭스 최신버전에서 테스트했습니다.

스크린샷

이 디자인은 사이드바를 닫았을때를 기준으로 디자인했습니다. MonkeyFly의 다중컬럼기능활용에 중점을 두었습니다.

배경색상과 그림은 설정값이 아닌 강제로 스킨의 색상을 따라갑니다.

설치방법

Monkeyfly의 Customize탭에서 CSS부분에 체크하고 아래 코드를 복사해서 붙여 넣으시면 됩니다.

※ 파이어폭스에서는 모서리 라운딩처리가 되지 않습니다.

body{background-color:#73abc7 !important;background-image:none !important;}body #header #logo img{padding-left:0 !important;}#content,.wrapper{border-radius:5px !important;}ul.top-navigation{background-color:transparent;padding:0.5em 0;}ul.top-navigation a{font:bold 11px tahoma !important;color:#fff;margin-right:1px;padding:0 0 0 5px;border-left:1px solid #cde;}ul.top-navigation li:first-child a{border-left:0;}ul.top-navigation a:hover{color:#fe2;text-decoration:none;}#update_notifications{height:46px !important;}#globalTab{margin-top:17px;}.status-content,.entry-content{font:13px 나눔고딕 !important; color:#111 !important;}.status-body strong a{font:bold 11px Meiryo !important;color:#000 !important;}.status-content a,.entry-content a{color:#33a !important;}td.tdnest:nth-child(even){background-color:#f5f5f8;}#side_base{border-left:0;background-color:transparent !important;}#side{width:198px !important;color:#333 !important;}#side a{font-weight:bold;font-family:tahoma !important;font-size:11px;color:#fff;}#side a:hover{color:#368 !important;}#side #primary_nav li.active a,#side #primary_nav li a:hover,.notify div, #side div#custom_search.active,#side .promotion,ul.sidebar-list li.active a,ul.sidebar-list li a:hover{background-color:#A2D5EE !important;}.list-header,.list-header-inner{border-radius:5px 5px 0 0;background-color:#DDEEF6 !important;}.list-header-inner h2 a span{color:#447 !important;}.list-controls{background-color:transparent !important;}#side .sidebar-menu li a{}#footer-container{min-height:0 !important;}.read-mark{border-bottom:0 !important;}#expand_sidebar{top:82px !important;position:fixed;}#pb-side-box{top:150px !important;left:0;}#pb-side-content{background-color:#f4f4f4;}#pb-side-content li{padding:0 !important;background-color:transparent !important;border:0 !important;margin:0 !important;}#pb-side-content li a{padding:1px !important;font:11px tahoma !important;color:#448;}#pb-side-content #primary_nav{padding-right:5px; float:left;}#pb-side-content #side_lists{border-left:1px solid #ddd;padding-left:5px; float:left;}#pb-side-content .lock-icon{width:8px !important;}#pb-side{background-color:#fff !important;border-width:1px 0 1px 1px !important;border-style:solid;border-color:#ccc !important;}#pb-side-top,#pb-side-bottom{left:0;}

@jugug

저작권 안내

이 글의 내용 전체를 복사해서 다른 곳에 게시하는 것을 금합니다.
이 글의 주소를 알려주거나 링크하는 것만 허용합니다.
이 글의 일부를 인용하는 것은 허락하되, 반드시 원 저작자와 출처를 표기해야 합니다.
이 글을 영리목적으로 이용할 수 없습니다.
위 조건들을 만족한다면 별도의 허락을 받지 않아도 됩니다.
자세한 사항 및 부칙, 예외 등은 여기를 참고하세요.

MonkeyFly, PBTweet+, Twitter, 스킨, 트위터

이 글에 트랙백이 하나있고, 댓글이 3개달렸습니다.

엮인글보내기 주소 : http://jugug.net/trackback/194

트위터 MonkeyFly용 스킨 결정!
FROM BLUEnLIVE's ZockrWorld 2010/08/23 23:33 삭제
egoing 님께서 개발하신 Monkeyfly는 웹기반 트위터의 기능을 극대화시키는 확장이다. Monkeyfly에서는 css를 활용한 스킨 기능을 지원하는데, 많은 능력자분들께서 css를 공개해주셨다. 그 중 내가 주력으로 사용해온 것은 희주(@jugug) 님의 CSS였다. 한동안 사용하면서 느낀 단점은 지정된 배경색이 원래의 배경을 다 덮어버린다는 거. (물론, 개발자가 의도한 것임. 내가 느끼기에 단점이라는 것 뿐임) 그래서, 글꼴은 그대로 두고..

악플은 NO! 스팸도 NO! 여러분의 댓글이 글의 가치를 높입니다.

2010/05/06 12:14 댓글주소 수정/삭제 댓글
비밀댓글입니다
- 희주 2010/05/06 16:11 댓글주소 수정/삭제
  ㅋㅋㅋ
bluenlive 2010/07/28 07:21 댓글주소 수정/삭제 댓글
이런 걸 누가 만들어줬으면 좋겠다고 생각했는데, 답은 가까이에 있었군요.
잘 쓰겠습니다. ^^;