Şu alanı katman mantığı ile nasıl düzeltebilirim?

Merhabalar,

Şöyle bir bar hazırladım ancak kodlarken açıdan kaynaklı sıkıntı yaşıyorum, hover verdiğimde arkaplan kutu şeklinde çalıştığı için istediğim alanını dışına taşıyor.

Kodladığım bar:

Taşan alan:

Şu an aktif olan sayfa adresi: (öne çıkarılmış görselin altında)
https://www.bozuktus.com/2017/01/06/...z-oldu-2-18586

Şimdiden teşekkürler.

css'den çok anlamam hocam ama buldum sanırım.

resimdeki görüntü "transform: skew(35deg);" ile oldu.
kalan kısımlarını buna göre düzenleme yapabilirsin.

Aynen hocam da bu sefer yazı da yamuk oluyor, yazıyı da düzeltirsek tam istediğim gibi olur.

yazıyı da tersi yönde 35 derece döndür

Tamamdır yaptım oldu teşekkürler.