hover했을때 글씨로 바뀌게 하고싶습니다.

Question

http://jhs.dothome.co.kr/index.php 메인에서 왼쪽상자를 갖다대면 aboutme로 바뀌게 하고 두번째는 portpolio 세번째는 contact 이렇게 갖다되면 글씨로 바뀌게 하고싶습니다. 그리고 상자위에 jhsdesign이글씨를 좀 내리게 하고싶은데 안내려가네요;; 그리고 메뉴를 홈페이지 메인에는 안뜨게하고 어바웃미나 포트폴리오 들어갈때에만 메뉴바가 뜨게하고싶은데 그것도 어떻게 하는지좀 알려주세요~

Answer 1

마우스 hover 시 박스 내용 전환

각각의 박스 안에 div를 삽입하고 position을 absolute로 설정한 다음 left, right, top, bottom 의 값을 모두 0으로 처리해서 박스를 덮도록 한 후 지금 처럼 아이콘을 삽입하고 배경색을 설정하십시오. 그리고 현재의 박스 내 아이콘은 빼시고 각각의 메뉴에 맞는 텍스트를 넣으신 다음 평소에는 position을 준 아이콘이 들어있는 박스에 의해 가려지게 한다음 마우스 hover시 이 박스를 opacity를 0으로 설정하면 아래의 텍스트가 보일 것입니다.

 

상자 위에 제목 관련

#body-wrapper #square 선택자에 height가 설정되어 있습니다. 확인해 보세요.

 

상단 영역을 메인과 서브에서 처리 문제

가능합니다. 메인에서는 상단을 출력하지 않고 서브에서만 출력되게 할 수 있습니다. 이 경우에는 PHP코드를 이용해야 하므로 코드 수정이 필요합니다.