کد منوی دیواری + با آیکون (جدید رزبلاگ)

#wrp .main_menu_new{ height:40px; } #wrp .main_menu_new .cnt{} #wrp .main_menu_new .cnt ul{ top:35px; left:0; width:32px; position:fixed; list-style:none; margin:0px; padding:0px; display:inline-block; } #wrp .main_menu_new .cnt li{ float: ; cursor: default; margin-right: 6px; padding: 4px 0px 4px 5px; position: relative; width: 200px; left: -170px; /*از این قسمت رنگ منو را تغییر دهید */; background-color: #7D776F; /*از این قسمت رنگ منو را تغییر دهید */; height: 35px; border-radius: 0 50px 30px 0; -webkit-border-radius: 0 50px 30px 0; transition: left .375s; -webkit-transition: left .375s; font-family: "B Yekan"; color: #FFFFFF;} #wrp .main_menu_new .cnt li.selected{ background-color:#FFA300; } #wrp .main_menu_new .cnt li:hover{ left:-15px; } #wrp .main_menu_new .cnt a{ top: 6px; width: 144px; display: block; font-family: "B Yekan"; font-weight: bold; font-size: 15px; float: right; margin-top: 6px; color: #444; padding: 2px 10px 2px 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} #wrp .main_menu_new .cnt a:hover{ color:#fff; background: url(); } #wrp .main_menu_new .cnt a.selected{ color:#fff; background: url(); }</style>

<div id="wrp"><div class="main_menu"><div class="cnt"><div class="main_menu_new"><div class="cnt"><ul><li class=""><img height="32px" src="http://8pic.ir/images/5g3k6u602dkshinbrhbb.png" style="float:right;" width="32px"><a class="" href="">تماس با ما</a></li><li class=""><img height="32px" src="http://8pic.ir/images/jr616kh6ek1j5oawbrxj.png" style="float:right;" width="32px"><a class="" href="http://nesbo.r98.ir">طراح / نیسبو</a></li></ul></div></div></ul></div></div>