Kod na menu bar po boku (po lewej stronie)

<style>ul#menu li.blue{ position: relative; left: -133px; top: 60px;} ul#menu li:nth-child(2){ position: relative; left: -245px; top: 96px;width: 110px;} ul#menu li a.toogle{display:none;} ul#menu li:nth-child(3){ position: relative; left: -357px; top: 132px;width: 110px;} ul#menu li:nth-child(4){ position: relative; left: -469px; top: 168px;width: 110px;} ul#menu li:nth-child(5){ position: relative; left: -581px; top: 204px;width: 110px;} ul#menu li:nth-child(6){ position: relative; left: -693px; top: 240px; width: 110px;} ul#menu li:nth-child(7){ position: relative; left: -805px; top: 276px; width: 110px;} ul#menu li#menu_last_item { position: relative; left: -917px; top: 312px; width: 110px; border: 1px dotted #8400FF; background: transparent;} ul#extras li.logout{ position: relative; left: -1010px; top: 342px; background: transparent; border: 1px dotted #8400FF; box-shadow: inset 1px 1px 10px #8400FF;}ul#menu li.blue, ul#menu li{border: 1px dotted #8400FF; background:transparent; box-shadow: inset 1px 1px 10px #8400FF;}</style>

bierzesz = piszesz