2010/02/26 00:57

텍스트큐브 로그인메뉴 컴팩트화 CSS - 펌.

marking/for-me
가장먼저, 이 CSS 코드는 쿠나(http://kuna.wo.tc) 님께서 손수 작성하셨습니다.

Style.css -

#tt-GNB .tt-GNB-home { display:none !important; }

#tt-GNB .user form,
#tt-GNB .tt-GNB-LINK-WRITE,
#tt-GNB .tt-GNB-LINK-BLOG,
#tt-GNB .tt-GNB-LINK-OWNER,
#tt-GNB li.home { display:none !important; }

#tt-GNB:hover .user form,
#tt-GNB:hover .tt-GNB-LINK-WRITE,
#tt-GNB:hover .tt-GNB-LINK-BLOG,
#tt-GNB:hover .tt-GNB-LINK-OWNER,
#tt-GNB:hover li.home { display:inline !important; }



고정 -

#tt-GNB { position:fixed; }

메뉴 전체 숨기기 -
#tt-GNB { height:32px; }
#tt-GNB .tt-GNB-visitor,
#tt-GNB .tt-GNB-owner,
#tt-GNB .tt-GNB-guest { display:none !important; }

#tt-GNB:hover .tt-GNB-visitor,
#tt-GNB:hover .tt-GNB-owner,
#tt-GNB:hover .tt-GNB-guest { display:block !important; }

사용 전후의 차이 -
 

CSS 적용전.


CSS 적용후. (마우스 Off)

CSS 적용후. (마우스 Over)

'marking > for-me' 카테고리의 다른 글

자바스크립트 키 코드.  (0) 2010/06/10
텍스트큐브 로그인메뉴 컴팩트화 CSS - 펌.  (2) 2010/02/26
키보드 컨트롤 자바스크립트  (0) 2010/02/26
링크 관리페이지  (0) 2010/02/20
Posted by 평화로운안식
trackback 0 comment 2