カテゴリー

月別過去記事

みるくぜりー内 検索
Loading

メニューアイコンをふやすには?

ぷちおれんじの既存のメニューではBlogPeopleやMyBlogListなどを追加する枠がありません。
そこで、自分でメニューを追加する方法を紹介します♪

まず、追加するアイコンの画像を準備してください。
既存のメニューでしたら16×16ピクセルのアイコンを作成するとサイズがぴったりそろいます。

次にメニューのidを決めます。必ずアルファベットにしてください。
また、既に割り振られている「cal」「ama」「ent」「com」「tra」「cat」「arc」「lnk」「log」は使えません。
ここではidに「smp」と振ることにします。

続きに実際のタグを紹介します。
各自変更してもらいたいところは太字で書いています。
メニューアイコンが並んでいるタグのところに以下のタグを改行無しで貼り付けます。
#改行するとブラウザによっては空白が出来てしまいます。
<a href="javascript:menuSwich('smp');" title="メニューのタイトル"><img src="用意したアイコン画像へのurl" alt="メニューのタイトル" width="16" height="16" border="0" class="menuimg" /></a>

次に実際に表示するリスト部分の追加を行ないます。
<div class="list" id="log">
    <div class="list_title">
        LOGIN<a href="javascript:hideAll()" title="メニューを閉じる"><img src="../template/puti/img/close.gif" alt="メニューを閉じる" width="16" height="16" border="0" class="menuimg" /></a>
    </div>
    <div class="list_text">
        <form action="./admin/?mode=login" method="post" target="_blank">
            userid:<br />
            <input type="text" name="account_name" /><br />
            password:<br />
            <input type="password" name="password" /><br />
            <input type="submit" name="" value="login" /><br />
        </form>
    </div>
</div>

上記部分のすぐ後ろに以下のタグを追加してください。

<div class="list" id="smp">
    <div class="list_title">
        タイトル<a href="javascript:hideAll()" title="メニューを閉じる"><img src="../template/puti/img/close.gif" alt="メニューを閉じる" width="16" height="16" border="0" class="menuimg" /></a>
    </div>
    <div class="list_text">
        表示したいリストのタグを貼る。
    </div>
</div>


コメント
このたびはありがとうございました。
よくわかりました〜。

これからもたぶんおせわになりまくります。
よろしくお願いします(笑)
ぷちオレンジのテンプレート、お借りしています♪
そして早速BlogPeopleも設置しました★
もちろんこちらのブログも登録させていただきました。
って相互リンクに私のブログが!
もしかして自動的にそうなってしまう仕組みなのですか?
はわわ…嬉しいですが…恐縮です…。
これからもよろしくお願いいたします♪
ぷちオレンジの利用ありがとうございます♪

To りょは〜ゆさん
無事にメニューが増やせたようで一安心。
楽しくぷちオレンジを使っていってください(^-^)

To 橙子さん
BlogPeopleの被リンクリストに乗っている人をひっそりと
手動で相互ということで登録してます。
自動で勝手に登録してるわけではないのでご安心を。
茅乃 さん、初めまして!
この度はぷちオレンジのテンプレートを使わせていただきました!
こちらの記事も見させていただきながら、アイコンも増やす事が出来て感激です!
記事の引用も取り入れました♪
まだ正式オープンしていないのですが、今後ともよろしくお願いいたします!
  • fuw
  • 2004/08/21 9:43 PM
コメントありがとうございます。

早速覗いてみたのですが、なかなかかわいいアイコンですね♪
ページの配色もすっきりしていていい感じです(^-^)
秋のオープンに向けてがんばってください♪
茅乃さん、こんにちは。
今日Blogpeopleを設置したので、こちらのサイトをとうろくさせていただきました。
とりあえずご報告まで^^

アイコン、自作じゃないんです(>_<)
Blogを始めてから、素材作りに興味をもっている今日この頃。
でも絵の才能がないので、悩んでいます(笑)
  • fuw
  • 2004/08/22 5:38 PM
ぶろぴー登録ありがとうございます。
後ほどこちらからも相互ということで追加しておきますね♪
#今は暫定テンプレートのため表示してませんが、
#新テンプレができたら再度表示予定です。

アイコンは難しいことを考えずに作ることができますよ♪
ドット絵講座などを調べてみてぜひぜひ挑戦してみてください。
私も今本を買って基礎の勉強してます♪
はじめまして。
JUGEMではないのですが、ロリポブログでぷちオレンジを利用しています。
こちらの記事のおかげで、無事にブログピープルとブログペットを設置することが出来ました。
これからもちょこちょこカスタマしたくなったときにお邪魔すると思いますが、どうぞよろしくお願いします。
コメントする








   
この記事のトラックバックURL
トラックバック
:: みるくぜりー | メニューアイコンをふやすには? ::メニューアイコンをふやすには? BlogPeopleを私も利用しようと思ったもののどうしたものかと思い、とりあえず「ぷちおれんじ」テンプレートの作者さんのブログに行ってみました。 なんてこったい!悩んでいた
  • ”ぶつx2”と”パシャx2”
  • 2004/09/06 12:38 PM
JUGEMテンプレート集の「ぷちおれんじ」が基本です。 作者は「みるくゼリー」の茅乃さん。 茅乃さんがご自身のサイトで「メニューアイコンをふやすには?」にてアイコンの増やし方のサポートをしてくださっているので、いくつか増やしみました。 そして素材は、
  • Fancy Box
  • 2004/08/22 11:25 PM