# كيفية صنع أزرار الملاحة المخصصة مثل SitePoint

**URL:** <https://meta.discourse.org/t/how-to-make-custom-nav-pills-like-sitepoint/81742>\
**Category:** Product Support\
**Created:** [28 فبراير 2018، 4:25ص UTC](https://meta.discourse.org/t/how-to-make-custom-nav-pills-like-sitepoint/81742 "2018-02-28T04:25:08Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![dakotahnorth](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dakotahnorth/32/90519_2.png) [@dakotahnorth](https://meta.discourse.org/u/dakotahnorth)\
**Post date:** [28 فبراير 2018، 5:24ص UTC](https://meta.discourse.org/t/how-to-make-custom-nav-pills-like-sitepoint/81742/5 "2018-02-28T05:24:10Z")

</div>

Brilliant … thanks!

Applied that file and the dependent properties to the CSS custom area and wound up with this:

 ![19%20AM](https://global.discourse-cdn.com/meta/original/3X/f/4/f4faf0d89c83bb38ec9e40ff629661eea7deff1b.png)

Notice the border missing on the right side! Not obvious to me from initial testing why that border is missing!

---

_[View the full topic](https://meta.discourse.org/t/how-to-make-custom-nav-pills-like-sitepoint/81742)._