北京棒球小僧トップページへ矢印:赤(右3) カープキャップ1Blog technique 矢印:赤(右3)カープユニフォーム1過去ログのプルタウンメニュー化

2006年02月10日

カープユニフォーム1 過去ログのプルタウンメニュー化

BLOG ONE POINTアドバイス第19弾!!
超久々にこのカテゴリをアップします。
今日、ちょうど新しく取り入れたばかりの『過去ログ』のプルタウンメニュー化です。
これは主にサイドーバーの省スぺには重宝されるかと思います。

参考にしたサイトは『□LOVE BEST□』です。

まず、『デザイン』→『コンテンツ』→『過去ログ』→『コンテンツHTML編集』まで行ってください。
その内容を思いっきり下記のモノと入れ替えてください。

<div class="sidetitle"><% content.title %></div>
<div class="side">
<FORM name="pullmenu">
<SELECT onChange="location=this.options[this.selectedIndex].value" style="color: #AA5B44; background-color: #FFFFFF;">
<OPTION SELECTED VALUE="#">
▼読みたい月を選択▼
<% content.header -%>
<% loop:list_archives -%>
<% if:archives.article_count -%>
<OPTION VALUE="
/archives/<% archives.createstamp | date_format("%Y%m") %>.html"><% archives.createstamp | date_format("%Y年%m月") %>
(<% archives.count | __or__ | echo('0') %>)
<% /if -%>
<% /loop -%>
</SELECT>
</FORM>
</div>
<% content.footer -%>

スタイルシートの追加部は以下の通りです。
(個人的には“link-left”の下あたりに追加してます)

/*過去ログのフォーム設定*/
form {
margin:0px 20px 5px 0px;
padding:0px 20px 5px 0px;
}
/*過去ログプルダウンメニューの幅設定*/
select {
width="100%";
}

ここまでやって『再構築』すれば完了でございます。
どうでしょうか?
意外と簡単では無かったですかね?
posted by むさC16 at 18:22 | Comment(4) | TrackBack(0) | カープキャップ1Blog technique 上へジャンプ
この記事へのコメント
。。。うまくいきません。
分かる範囲の調整はしたのですが、完成すると過去ログより下のリンクレフトのコンテツの下地(白色の部分)の幅が大きくなってしまい、コンテツタイトルの幅(むさC16さんのブログでいうと灰色の部分)が縮んでしまいます。

私も、まだまだですね。。。
コメント用アイコン1Posted by ドカベン at 2006年02月10日 20:31
ちょうどさっき程微妙にHTMLソース修正しました。
スタイルシート関係無しでコンテンツだけをそのままパックンチョしても駄目ですかね?
何がハミ出てしまっているか確認すれば調整しないといけない部分が分かると思います。
ドカベンさんの場合はHTMLソースの入れる場所を誤っている可能性が大です。
もしそうでなければ、『▼読みたい月を選択▼』の文字を少なくして横幅を調整する方法があります。
そうでない場合はスタイルシートの修正です。
幅が大きすぎないのであれば恐らく“margin”の調整で何とかなると思うんですが。。。。
すみません、こんな説明しかできなくて。。。
コメント用アイコン1Posted by むさC16 at 2006年02月10日 20:59
あとでもう一度、トライしてみます。
コメント用アイコン1Posted by ドカベン at 2006年02月11日 14:29
ひたすらのろまなぐっさんです。。[ピヨピヨ(ヒヨコ)][ピヨピヨ(ヒヨコ)]
このカスタマイズに挑戦したところ、上記の通りにならなかったのでちょっとご質問です。

まず、上部のコンテンツ過去ログ内編集はそのまま引用して貼り付け。

その後、下部のスタイルシート追加の部分を“link-left”の下あたりに追加したところ、
右サイドの全てが左サイド下に表示されるようになってしまいました。
試しに差し込み場所をいろいろと変えてみましたが、結果は同じ。
それでは、、、と この追加作業をしないで、再構築してみたら普通に成功してしまいました。
ということは私の場合は下部の追加作業をやらずにできてしまったことになります。

こんなこともアリ[odoroki(字)][odoroki(字)]
コメント用アイコン1Posted by ぐっさん at 2006年05月23日 15:05
上へジャンプ
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのTrackBack URL

上へジャンプ
さくらインターネット株式会社 株式会社ぐるなび 株式会社オートウェイ 損保ジャパンの海外保険 オクトパストラベル・ジャパン
中国醸造株式会社 有限会社BBシステム 日本シグマックス株式会社 日本シグマックス株式会社 株式会社コーエイプランニング OTAIRECORD株式会社