YUI TabView 맷 갤빈의 "XP 스타일"스킨 적용

에릭 Miraglia에 의해 오후 2시 17분에 2008년 4월 11일 |의 개발 | 3 개의 댓글

YUI의 커뮤니티 회원 매트 갤빈 간체 복잡 일부에 작업을 착수했습니다 YUI에 대한 새로운 스킨 . 그는 그 과정에서 초기지만, 그것은 그의 작품의 활용을 시작하기에는 너무 이른 아니라 - 그는 XP 스타일의 테마로 시작하고 그는 그것을 적용의 YUI 버튼 제어 및 YUI TabView 제어 .

YUI TabView 그의 XP 스킨을 적용하는 방법은 다음과 같습니다

  • 의 소스보기 TabView 예 "마크업에서 빌드"매트 교장을 , 새로운 파일에 해당 복사하여 붙여넣으십시오.
  • 같은 디렉토리에, 장소 이 새로운 tabs.css 파일을 . 그것은 TabView의 "코어 CSS"와 매트의 XP 갤빈 프레 젠 테이션 규칙 구성되어있어.
  • 예제 소스에 대한 참조 삭제 <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.5.1/build/tabview/assets/skins/sam/tabview.css"> ;로 교체 <link rel="stylesheet" type="text/css" href="tabs.css"> 새로운 CSS 파일에서 지적.
  • 예제 소스에서 <BODY> 요소에 CSS 클래스 이름을 변경 yui-skin-sam 을 yui-skin-xp .
  • XP 스킨 (에 대한 세 가지 사용자 정의 이미지를 잡아 1 , 2 , 3 )과 같은 디렉토리에 넣어 두었어요.

새로고침, 그러면 거기가. 여기에 적용된 동일한 치료의 표준 dyanamic - 탭으로 컨텐츠 예제 ( 작업 예를 클릭 )

YUI TabView 매트 갤빈의 XP의 피부와 스타일.

: 대화 찾기 bloglines | 테크노을

공유하고 확장 : del.icio.us와 스크랩 | 디그 그것! | 레딧!

3 개의 댓글

  1. 테마 스위트! 잘 작동, 감사합니다

    붉게에 의해 코멘트 - 2008년 9월 9일 #을

  2. yui.simplifiedcomplexity.org 요즘 스팸 검색 사이트로 나타납니다, 최대가 피부의 복사본을 최신 모든 아이디어를 찾을 수 있을까요?

    에 의해 코멘트 앤디 스티븐스 - 2009년 2월 11일 #

  3. 앤디 -

    현재 피부의 복사본을 찾을 수 있습니다 :

    http://ericmiraglia.com/yui/demos/tabs.css

    - 에릭

    에 의해 코멘트 에릭 Miraglia - 2009년 2월 11일 #

죄송합니다, 코멘트 양식이 시간에 문을 닫습니다.

야후! 주최

저작권 © 2006년부터 2011년까지 야후 주식 회사 판권 소유. 개인 정보 보호 정책 - 서비스 약관

에서 제공하는 워드 프레스 에서 야후! 웹 호스팅 .