きになるブログ2

スポーツを中心にIT,ヲタク情報を含め、皆様の役に立つ情報を心掛けて更新していきます。

*

左のメニューを開閉出来るようにしました。

      posted by


報告が遅くなりましたが、左のメニューの一部を開閉出来るようにしました。
メニューが長くならないために、いつも開いている必要なないかなというものは開閉式にしました。

やり方なんですが、「前向きなブログ屋さん」の記事をそのままにやったら出来ましたよ。
前向きなブログ屋さん、本当に感謝です。

私が行った変更は少しだけ、

if(aryDiv[i].innerHTML == “過去の記事(分類)”){
aryDiv[i].innerHTML =
‘<label for=”db”>過去の記事(分類)</label><input type=”checkbox” id=”db” onclick=”toggleOpenClose(¥’d¥’);”/>’;
aryDiv[i+1].setAttribute(“id”, “d”);
}

を下のように変更。

if(aryDiv[i].innerHTML == “過去の記事(分類)”){
aryDiv[i].innerHTML =
<input type=”checkbox” id=”db” onclick=”toggleOpenClose(¥’d¥’);”/><label for=”db”>過去の記事(分類)</label>‘;
aryDiv[i+1].setAttribute(“id”, “d”);
}

色のついたところを変更したのですが、<label>のところと、<input>で囲まれているところを逆にしました。
そうすることで、上の記述のままだと、ボックスがメニューの名前の後ろにつくので、ボックスがばらばらになってしまったので、逆にすることで、ボックスを全部メニューの左につけることが出来ました。

前に書いたようにJavaScriptの記述わからないので、「前向きのブログ屋さん」の記事の意味がわからなくても出来るという記述は助かりました。

こちらでは「ブログ入門」というわかりやすい記事を書いていてくれていますので、ブログについてもっと知りたいという方は是非いってみてください。


読んで頂いてありがとうございます!

↓↓このブログ独自の「いいね!」を導入しました。少しでもこの記事が気に入って頂けたら押して頂けるとうれしいです。各著者が無駄に喜びます(・∀・)イイ!!
よろしくお願いしますm(__)m

The following two tabs change content below.

galthie

スポーツ全般がとても好きです。もともと好きだった将棋も1年くらい前から本格的に指しています。別の趣味であるコンピュータを含めてみなさんの役にたつ情報を載せていきたいものです。 好きなチーム:アーセナル 将棋棋力(2016年1月現在) 【将棋ウォーズ】3級 【将棋倶楽部24】13級 最高R310(R300あたりをうろちょろ) 【将棋道場】対局数少なく判定出ていません

 - Blog, livedoor

Comment

  1. 全裸 より:

    お知らせするまでもなく

    サイドメニューを
    開閉式にしました
    メモライズからの移行記事はありがたいのだけれど
    その分 月別の記事(Archives)が
    長くなり過ぎて どうにかならないかなあ
    と 思っていたところ

  2. 365色 より:

    悶え

    さて、今日はバイト休みだ。昨日はここをいじりながら気づいたら床で寝てた・・


    古記事とカテゴリーとか、そのへんの長くなったものをプルダウン形式にして、そして中の色を背景と同じような薄い紫と水色にしたかったけど・・2晩真夜中までずーっと試行錯誤してみた

  3. rrr より:

    はじめまして。今ブログに挑戦している超初心者です。
    このページでタグを説明してくれている部分はどうやって書いてるんですか?
    サイドメニューも開閉式にしたいんですがなかなかうまくいきません、、。

  4. galthie より:

    はじめまして。
    引用文を使って、囲いを作っています。
    詳しくはこの記事の一番下に書いていますので、参考になさってください。

    お知らせ#2 色々カスタマイズしてみました♪
    http://blog.livedoor.jp/galthie/archives/468495.html

    CSSにここにある記述を加えて、囲いたいところを<blockquote>〜</blockquote>で囲むと出来ますよ〜。

    サイドメニューに関しては、スクリプトの記述に抜けがないかをよく確認することをおすすめします。
    【;】や【{】という記号がひとつ抜けているだけでも、うまく動かなくなってしまうようです。

    がんばってみてくださ〜い。

  5. tp☆ryu より:

    こんばんは(^_^)v
    rrrからtp☆ryuに変更しました。
    引用文を囲むに成功しました!!ありがとうございました。
    まだまだ、Blog作り中の私ですがまたわからないことなど質問しちゃうかもしれませんがそのときはよろしくお願いします_(._.)_

  6. galthie より:

    こんばんは。
    記事内で紹介していただいてありがとうございます。
    引用文おめでとうございます。

    いやぁ、素晴らしい紹介文ですね。逆に勉強になりましたぁ。色々カスタマイズがんばられていますねぇ。

    私もCSSやHTMLは、駆け出しでして(; ̄ー ̄A アセアセ・・・
    ほかの素晴らしいサイトさんに比べると答えられることも少ないと思いますが、私がわかる範囲であればどうぞ。

    実はこのサイトも色を白にしようと思っているんですが、おそらく一日がかりになりそうで、なかなかまとまった時間が取れないですねぇ。
    私もまた頑張ってみたいと思います。
    こちらこそ、そちらのカスタマイズを勉強させてください^^

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

機能追加しました

前回予告したように今回は機能追加についてです。今回の機能追加に全面的に参考にさせてもらったのが、今日の覚え書きさ…

ちびたさんの新しいテンプレを導入してみました。

以前紹介したようにこのブログのデザインはちびログのちびたさんの作ってくれたカスケー…

ひさびさカスタマイズ

地獄変00さんのlivedoor Blogのテクニック集を参照にいくつかマイナーチェンジを行ってみました。こちらのリンク集は御自…

色々カスタマイズしてみました♪

Livedoor Blogには、いくつかテーマというものがあって、今までのものはそれを使っていました。テーマのカスタ…

サイドバー.jpから個別記事別アクセス解析をつけました。

■サイドバー.jpから個別記事別アクセス解析をつけました。報告が遅くなりましたが、サイドバーに個別記事のアクセス解析をつけました。どん…

Blog内検索窓を変えました。

■Blog内検索窓を変えました。『パンパでガウチョ』さん内で紹介されていたLivedoorを使った検索を重宝してきたのですが、ついに旧検索は使えな…

サイト内検索を出来るようにしました

いつものように、パンパでガウチョさんの「Blog内検索窓のHTML化」という記事を参考に、Blog内検索が出来…

BlogPeopleをプルダウンメニュー形式で追加しました。

いくつかのサイトさんで、BlogPeopleをプルダウンメニューで表示されているところがあって、…

livedoor Blogの容量が2Gになった。

1/31にYahoo!がついにBlogサービスをベータとして公開しました。その時いいなと思ったのは、テキスト容量が無制限…

マイナーチェンジに挑戦しました

ちびたさんの3カラムのCSSを導入して、中央に記事が来るようにということをメインに最初はカスタマイズして…