溫老師網頁設計練習

網頁

2018年8月3日 星期五

Blogger 下拉式選單(加入指令)

Blogger 下拉式選單 編輯 (加入指令)

https://app.box.com/s/q9kyc4n5gokq4s5d8dpzxhpw4do2z5dv

line number between  # 582~ 714  add in
在 581 以後加入 132 行



.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  border-$startSide: 1px solid $(tabs.border.color);
}

( 加入以下  132 行 Blogger 下拉試選單)
---------------------------------------------------------------------------------
/* ----- NAV MENU ----- */
#navMenu {
  width: 910px;
  height: 35px;
/* background:#deb8b8 repeat-x top; */
  color: #b56666;
  margin: 0 auto 0;
  padding: 0;
  font: bold 11px Century Gothic, Arial, Tahoma, Verdana;
  border-top: 1px solid #debeb8;
  border-bottom: 1px solid #FFFFFF;
}

#navMenuleft {
  width: 900px;
  float: left;
  margin: 0;
  padding: 0;
}

#nav {
  margin: 0;
  padding: 0;
}

#nav ul {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

#nav li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#nav li a, #nav li a:link, #nav li a:visited {
  color: #b56666;
  display: block;
  text-transform: capitalize;
  margin: 0;
  padding: 7px 8px;
  font: normal 15px Century Gothic, Times New Roman;
}

#nav li a:hover, #nav li a:active {
  background:#deb8b8;
  color: #b56666;
  margin: 0;
  padding: 7px 8px;
  text-decoration: none;
}

#nav li li a, #nav li li a:link, #nav li li a:visited {
  background:#deb8b8;
  width: 200px;
  color: #000;
  text-transform: lowercase;
  float: none;
  margin: 0;
  padding: 7px 8px;
  border-bottom: 1px solid #deb8b8;
  border-left: 1px solid #deb8b8;
  border-right: 1px solid #deb8b8;
  font: normal 15px Century Gothic, Times New Roman;
}

#nav li li a:hover, #nav li li a:active {
  background: #deb8b8;
  color: #b56666;
  padding: 7px 8px;
}

#nav li {
  float: left;
  padding: 0;
}

#nav li ul {
  z-index: 9999;
  position: absolute;
  left: -999em;
  height: auto;
  width: 170px;
  margin: 0;
  padding: 0;
}

#nav li ul a {
  width: 140px;
}

#nav li ul ul {
  margin: -32px 0 0 171px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
  left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
  left: auto;
}

#nav li:hover, #nav li.sfhover {
  position: static;
}

/* 箭頭向下 */
.arrow-bottom {
    display: inline-block;
    margin-left: 5px;
    border-top: 4px solid #FFF;
    border-right: 4px solid transparent;   
    border-left: 4px solid transparent;       
    width: 1px;
    height: 1px;
}

/* 箭頭向右 */
.arrow-right {
    display: inline-block;
    margin-left: 12px;   
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #666;       
    width: 1px;
    height: 1px;
}

/* ----- NAV MENU ----- */

--------------------------------------------------------------------

( 加入以上  132 行 Blogger 下拉試選單)

]]></b:skin>




沒有留言:

張貼留言