2012-06-03 9 views
0

this nav menu스타일링 탐색 메뉴

에서 봐 주시기 바랍니다 현재이 보인다)

enter image description here

은 CSS3이 결과를 얻을 가능성이 있습니까? 그렇다면 나를 도와주세요. 알아낼 수 없지만이 결과를 얻는 방법

+0

5와 10이 텍스트로 표시되는 문자인가? 나는 당신이 배경 이미지를 만들어야 할 것 같아요 삼각형 있도록 – Hidde

+0

@Hid 그들이 텍스트 일 ​​것입니다. – heron

+1

왜':: before' 및/또는':: a fter' 의사 요소를 사용하면 이미 텍스트를 사용하고 있기 때문에 텍스트를 표시 할 수 있습니까? –

답변

2

이 바이올린에서보세요 매우 현명한 선택.

둘째 난 당신이 동적으로 자바 스크립트의 아주 최소한의 양의 수를 변경할 수 있습니다, 수의 값을 표시하는 데이터 속성을 사용하고 그 자동

:-) 상자에 표시된 번호를 변경합니다 ... 희망이 도움이

내가 알아 당신의 호버 효과 :-(에 실패

죄송합니다

0

호버 이벤트에서 테두리를 지정하는 위치를 찾을 수는 없지만 div의 녹색 선을 만든 다음 삼각형을 이미지로 사용합니다. div 안에.

우리는 당신이 원하는 경우에 당신이 정상적인 요소를 대체 할 수있는 그들을 표시 할 CSS 의사 요소를 사용하고 있지만 실 거예요 될

http://jsfiddle.net/DBzSD/11/

이동 여기 http://jsfiddle.net/Neograph734/DBzSD/8/

+0

빠른 응답이지만 Thx. 알아낼 수없는 부분은 삼각형을 사용하여이 작업을하는 방법입니다.) – heron

+0

CSS로 도형을 그릴 수 있지만 다소 까다 롭습니다. 나의 예에서는 정사각형 이미지를 사용했다. 이 링크를 삼각형 이미지로 바꾸십시오.) – Neograph734

+0

정사각형 이미지는 어디에 있습니까?)) – heron