Jump to content

jalaladdin

Members
 View Profile  See their activity

  • Posts

    80

  • Joined

  • Last visited

 Content Type 

Posts posted by jalaladdin

    drop down menu

    in CSS

    Posted · Edited by jalal

    i want to open sub menu right to left.

    how to change position drop down menu?

     

    https://www.dropbox.com/sc/t3k9tknlswkuxc8/OjIMrXxCVp

    /* drop-down styles */#navigation .menu ul { border-top: none; background: #363636; border: 1px solid #222; min-width:200px}#navigation .menu li:hover ul { margin-top:0;float:left; }#navigation .menu ul ul.sub-menu { margin-top: -1px; margin-left: 1px; }#navigation .menu ul li { border-bottom: 1px solid #222 ;}#navigation .menu ul li:first-child { }#navigation .menu ul li:last-child { border: 0 }#navigation .menu ul li > a:hover { color: #58C0E6}#navigation .menu ul a { display: block; height: auto; margin: 0px; padding:  8px 15px; text-transform: none; border: 0px; line-height: 15px; }#navigation .selector { display: none }#navigation ul.sub-menu .icon-angle-down:before {content:"f105"!important;}#navigation ul.sub-menu a { font-size:12px;}#navigation i { text-align:right}#menu-icon {display: none;}#slide-wrap a:hover{ color:#fff}

    fit this mebu bar

    in CSS

    Posted 

    #nav {}#navl {position:fixed;width:980px;}#navr {height:40px; width: 980px; background:url(../images/mainmenu.png) 0 0 repeat-x; border-bottom: 2px solid #D1F82E; font-family: 'Lusitana', serif; border-left: 1px solid #BAB9B9; border-right: 1px solid #BAB9B9;}#nav {z-index:10; position:relative;}#nav-left { float:left; width:80%;}#nav-right { float:right; width:20%;}#nav ul {margin-left: 3px; padding:0; float:right;}#nav ul li {list-style:none;float:right;height:100%;position:relative; padding-right:1px; margin:0;}#nav ul li a { display:block;padding:0 15px 0 15px; margin:0; line-height:40px; color:#fff; text-decoration:none;font-size:14px;font-weight:normal; -moz-transition: color 0.3s ease 0s, background 0.3s ease 0s; -webkit-transition: 0.3s ease 0s; -o-transition: 0.3s ease 0s;}#nav ul li.active {}#nav ul li.active a {color:#fff; background: #0c6a87; height: 40px; line-height: 40px;}#nav ul li:hover {}#nav ul li a:hover{ background: #0c6a87; text-decoration:none; font-weight:normal; color:#fff; text-shadow: none; }#nav ul li ul {position:absolute;width:100%;left:-999em;border-top:0; margin:0; padding:0;}#nav ul li:hover ul, #menu ul li.sfHover ul {left:0;}#nav ul li ul li {padding:0;height:auto;width:180px; margin:0 auto; border:none; text-align: right; }#nav ul li ul li:hover ul {right:180px; top:0}#nav ul li:hover ul li a {text-shadow:none;}#nav ul li:hover ul li { background:none;}#nav ul li:hover ul li a, #nav ul li ul li a, #nav ul li.active ul li a{margin:0; padding:0 0 0 10px;height:24px;line-height:24px; background:#555;border-bottom:1px solid #3a3a3a;color:#d1d1d1; font-size:12px;font-weight:normal;text-shadow:none; -moz-border-radius: 0px; border-radius: 0px;}#nav ul li ul li a:hover, #nav ul li ul li.active a, #nav ul li.active ul li a:hover, #nav ul li.active ul li.active a {text-align: right; padding:0 0 0 10px;height:24px;line-height:24px;background:#343434;color:#fff; font-size:12px;text-shadow:none;}#nav ul li ul ul, #nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul, #nav ul li.sfHover ul ul, #nav ul li.sfHover ul ul ul, #nav ul li.sfHover ul ul ul ul {left:-999em;}#nav ul li ul li ul li{padding:0;height:auto;width:180px; margin:0 auto; border:none; text-align:right;}

    how can i change this code

×
×
  • Create New...