はてなブログ ～メニューバーの追加～

はてなブログのヘッダー部分に<ul>要素を記述してCSSで調整しました。

位置決めが乱雑になっているので、今後修正して行きます。

SVGデータを使用してオリジナルな要素を増やしたり、ページ毎の移動を上手く促せる仕様にもして行きます。

<ul>
<li><a href="略">ホーム</a></li>
<li><a href="略">About</a></li>
<li><a href="略">プライバシーポリシー</a></li>
<li><a href="略">お問い合わせ</a></li>
</ul>

#top-editarea {
    margin-bottom: 1em;
    text-align: center;
}

#top-editarea ul {
  list-style-type:none;
  width: auto;
  overflow: hidden;
  background-color: #333;
  padding-inline-start: 0px;
}

#top-editarea li {
  float: left;
  padding-top: 5px;
  padding-bottom: 3px;
}

#top-editarea li a{
  color: white;
  text-decoration: none;
  width: 270px;
  margin: auto;
  overflow: hidden;
  float: left;
}

#top-editarea li a:hover{
  text-decoration:  underline;
}