Наклонное меню

Вот тут такие интересные решения встречаются.

Когда-то тоже голову ломал, но получилось, тут даже посложнее меню (зеленое, собаки-кошки). Может поймете принцип.

а в чем проблема? эллллементарно жеж: у кнопок спрайты с прозрачными скосами по углам и каждая "залезает" под соседнюю(ии) на ширину этих скосов, но из за прозрачности уголков перекрытий заливки не заметно. задачка из букваря....

DiAksID, ну если так сделать, тогда двойная рамка будет слева ...

Так, как здесь сделано - не пойдёт? :)

Используйте css3 http://pcvector.net/scripts/layout_and_interface/242-skoshennye-elementy-na-css3.html

а можно мне исходник меню?

навскидку вроде всё просто и где-то подобное у меня лежит. самому рисовать как-то лень. :)

не-не-не! только хардкор! 🙅

Это меню нужно будет потом на вп натянуть, поэтому лучше если разметка будет стандартная в виде списка: <ul><li><a href="#">пункт</a></li></ul>DiAksID, попрубую завтра как вы сказали.

а мозг включить ;) ? на примере у спрайтов "рамка" (с подсвеченным углом) только в левом срезе, в правом просто наклонный срез фона с прозрачность - что бы вдавленность кнопок реализовать. если вдавленность не нужна вообще достаточно один левый угол обрезать. примитивнейший "фокус" даже для нуба.

простой бутстраповский навбар, но с вдавленностью и без удвоения границ (fcck.ru) на порядок сложнее реализовать в CSS. зато без дурацких картинок....

Вот так на css - http://jsfiddle.net/eu2uq/1/embedded/result/

А вот этот блик который внизу, его наверное уже спрайтом или можно добавить span сделать block+absolite + добавить тень