Использование символов для разделения меню на панели навигации

Я пытаюсь изменить навигационное меню моего блога (http://reasonandfolly.com/), чтобы воспроизвести то, что здесь: http://chimpchomp.us/

Две части представляют собой вызов: 1. Сепараторы 2. Линия справа / слева от меню.

Я довольно новичок в WP и не могу быть уверен, что для этого требуется изменение CSS или PHP.

Любое руководство будет оценено!

Solutions Collecting From Web of "Использование символов для разделения меню на панели навигации"

Трудно дать вам точный ответ, потому что я не знаю код PHP, который вы используете для печати меню. Вам нужно будет иметь цикл и вставить // между элементами <LI> , за исключением последнего, потому что вы не хотите // в конце меню.

Для части CSS / HTML вы можете следовать примеру chimpchomp и вставлять промежуток между каждыми <li> , например:

 <li>HOME</li> <span>//</span> <li>HOME</li> 

Вам нужно будет изменить границу каждого LI, чтобы // отображалась точно в центре между опциями меню. У вас есть это на данный момент:

 header nav ul li { display: inline; margin: 0 0 0 20px; padding: 0; } 

Вы можете изменить это так, чтобы маржа была одинаковой для левой и правой, что-то вроде:

 margin: 0 10px 0 10px;