2012-11-08 1 views
0

나는 dynamic_sidebar를 사용하여 수직 탐색 메뉴를 만들고, admin 영역에 로그인 한 후 WP와 같은 수직 탐색에 화살표를 추가하고 싶습니다.wordpress의 수직 메뉴에 화살을 추가하십시오

Jquery를 사용하지 않고 CSS와 PHP로 누가 할 수 있습니까?

+0

코드를 게시하는 것은 우리가 귀하의 질문에 대답하는 것이 쉬워집니다. 또한 무엇을 시도 했습니까? – AndyWarren

답변

1

은 클래스 이름 등을 알아야합니다.

하지만이 같은 머리에 자신의 CSS를 추가 할 것입니다 ... 대답에 대한

function admin_arrow_style() { 
    echo '<style type="text/css"> 
      #nav-id li.current-class a { 
       position: relative; 
      } 
      #nav-id li.current-class a:after { 
       content: ""; 
       display: block; 
       width: arrow-width; 
       height: arrow-height; 
       position: absolute; 
       top: 0; 
       right: -arrow-width; 
       background: url(your-arrow-url.png); 
      } 
     </style>'; 
} 
// to add to your admin 
add_action('admin_head', 'admin_arrow_style'); 

// to add to your site 
add_action('wp_head', 'admin_arrow_style'); 
+0

답해 주셔서 감사합니다. 워드 프레스 관리 영역의 화살표는 이미지가 아니라 div입니다. wordpress 수직 탐색을보십시오. – user1524096

+1

": after"및 ": before"속성은 위 예제와 같이 스타일이 지정된 div처럼 작동 할 수 있습니다. 이 메뉴를 살펴보십시오. http://framework.7iqid.com/ 드롭 다운을 나타내는 화살표는 간단히 an : after 속성의 경계입니다. 그 같은 방법을 사용하여, 당신은 그것을 말할 수있다 : 애트리뷰트가 원하는 이미지가된다. –

0

감사합니다. Wordpress 관리 영역의 화살표는 이미지가 아니라 div입니다. wordpress 수직 탐색을보십시오.

이 내 수직 탐색입니다 :

vertical nav