スポンサーサイト

一定期間更新がないため広告を表示しています

  • 2014.08.15 Friday
  • -
  • -
  • -
  • -
  • -
  • by スポンサードリンク

サイドバーその他をいくつか変更

日曜日のせいか…またちょっと重いですねJUGEM。BlogPeopleも調子が悪いと思ったら、

BlogPeopleリンクリスト更新情報不達に関して(Modern Syntax)

会員数の増加によるリスト作成の負荷が原因だそうで。
トラックバックピープルの利用者数増加は関係ないんでしょうか。


今日はHTMLとCSSに手を入れてサイドを中心にちょっといじってみました。



・PENTAX PEOPLEのリスト表示
最初にリストを貼った時は固定幅のせいで中央カラムが落っこちてしまったため、
サイドバーの幅を広げて表示できるようにしました。コードはこちらから拝借。


・アイ・ビーリンクを追加
カメラ関係でよく見るサイトをBlogPeople I・Bで登録。カテゴリ別にしてみました。
アイ・ビーはブログ以外のサイトも定期的に更新チェックしてくれるんで便利ですよ〜。


・バナー変更、サイズ修正
サイドバーを広げたので、ついでに中央カラムも20pxほどワイドにしてしまいました。
これで500pxまでの写真が掲載可能!(最初は350pxくらいだったか…どんどん広がるw)
バナーも幅を広げ入替えたんですが…ブログタイトルがわかり難くなってしまった(-_-;)


・ページ別表示を手書き式プルダウン表示に
今まではscriptを使ってページ別表示をしていたんですが、間隔が空いてしまうので、
こないだlivedoorBlogでやったこの方法を用い、手書きでプルダウン表示にしてみました。

<form name="pulldown_all">
<select onchange="if (this.value) window.open(this.value,'_blank')">
<option value="">▼過去記事ページ表示</option>
<option value="http://mike-mk2.jugem.jp/?page=1">2ページ</option>
<option value="http://mike-mk2.jugem.jp/?page=2">3ページ</option>
<option value="http://mike-mk2.jugem.jp/?page=3">4ページ</option>
<option value="http://mike-mk2.jugem.jp/?page=4">5ページ</option>
  ・
  ・
  ・
<option value="http://mike-mk2.jugem.jp/?page=20">21ページ</option>
<option value="http://mike-mk2.jugem.jp/?page=21">22ページ</option>
</select>
</form>

↑こんな記述をRECENT ENTRIESのHTMLの最後に入れ込んであります。
scriptを使ってないぶん若干軽くなる…はず。

livedoorBlogに書いた方法はそのままJUGEMでも使えるので、プルダウン表示に
したい項目がある人はよかったら試してみてくださいまし。

スポンサーサイト

  • 2014.08.15 Friday
  • -
  • 23:09
  • -
  • -
  • -
  • -
  • by スポンサードリンク

コメント
コメントする








   
この記事のトラックバックURL
トラックバック

calendar

S M T W T F S
      1
2345678
9101112131415
16171819202122
23242526272829
30      
<< April 2017 >>

selected entries

categories

archives

recent comment

recent trackback

profile

書いた記事数:227 最後に更新した日:2014/08/15

search this site.

sponsored links

others

mobile

qrcode

powered

無料ブログ作成サービス JUGEM