(続)グローバルナビのカスタマイズについて

PR 2016/10/3

このトピックには1件の返信、2人の参加者があり、最後にわいひらにより9年、 10ヶ月前に更新されました。

1件の返信スレッドを表示中

投稿者

投稿
- 2016年10月3日 4:02 PM #45825
  hidekichi
  ゲスト
  前トピックで作っていたサンプルに一部おかしなところがあったので修正しました。
  
  サンプル: 修正したもの(前トピックとアドレスは同じ) | codepen
  
  ついでに高さ任意対応と、メニューアイテムの縦センタリング、またマウスオーバーの背景を帯にバッチリ合わせると言う所までしておきました。
  
  高さは、
```
#navi .menu {
  height: 任意の高さ;
}
```
  で、帯の高さを指定して、三角を作る部分で高さの半分ぐらいのボーダーを引けばおおよその帯になります(要微調整)。ただし大きくなると三角形部分がちょっと不格好です。また折り返しがあるような場合には、対応していません。
  1段に収まっているメニューに対し、ちょっと高さを出してみたいとか余裕をもたせたいと言う場合に有効です。サンプルでは帯の高さを2emにしてあります。
- 2016年10月4日 3:57 PM #45848
  
  わいひら
  キーマスター
  
  前トピックに、このトピックへの案内を書いておきました。
投稿者

投稿

1件の返信スレッドを表示中

このトピックに返信するにはログインが必要です。