人気ブログランキング | 話題のタグを見る
Studio TA Subsite の案内とお知らせ

エキサイトヘッダーの「メニュー表示」ボタン / エキサイトブログ

2017年 09月 03日
エキサイトブログの「エキサイトヘッダー」は「投稿」「設定」「レポート」等の重要な機能スイッチを表示する場所ですが、右端に宣伝が入ってしまうとこれらの機能スイッチが隠れてしまう事があります。 特に狭いモニターで操作している場合には、これは大変困った状態になります。

この問題を回避するには、「メニュー表示」スイッチを適当な場所に設置する方法があります。 これは時々困っている人にはお勧めの「ささやかなスキンアレンジ」です。



私は「メニュー表示」を「□」(読み:しかく)の1文字のスイッチにしてブログのヘッダー部に設置していましたが、「FontAwesome」がブログ画面上で使える様になったので「」に換えてみました。

ブログスキンの「CSS」の最初の行で、以下のフォント呼び込みコードを指定する必要があります。
@import
url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

ブログスキンの「HTML全体」で、「メニュー表示」のリンクを指定している部分です。(私のは「#HEADER_R」という部分に置いていますので下の様になっていて、これは一例です)
<div id="HEADER_R">
<a href="#toollink">□</a>
<a href="/i0/">Recent Posts</a>
<$adminmenu type=2$>
~~~ なんやかや ~~~
</div>

これを以下に書き換え。
<div id="HEADER_R">
<a href="#toollink"><i class="fa fa-th-large"></i></a>
<a href="/i0/">Recent Posts</a>
<$adminmenu type=2$>
~~~ なんやかや ~~~
</div>




この「メニュー表示」スイッチは、「#toollink」というリンクを指定しているのがミソです。
下の様に「検索窓」等がメニューを隠しているとします。

エキサイトヘッダーの「メニュー表示」ボタン / エキサイトブログ_a0349576_13001315.png

ここで、「メニュー表示」スイッチを押すと、ブラウザはこの要素を表示しようとするので、その邪魔をしていた「宣伝」や「検索窓」等を押し退けて、メニューが表示されます。

エキサイトヘッダーの「メニュー表示」ボタン / エキサイトブログ_a0349576_13010005.png

時々使い手があり、このスイッチは重宝しています。




この記事はカテゴリ「スキン編集」にトラックバックしています。



by Ataron | 2017-09-03 13:14 | ブログスキンのアレンジ | Trackback | Comments(0)
名前
URL
削除用パスワード

※このブログはコメント承認制を適用しています。ブログの持ち主が承認するまでコメントは表示されません。