スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
web拍手 by FC2

Mr.ポンバシのブログ改造術part11-3

こんばんは!! Mr.ポンバシです

前回のブログ改造術 part11-2ではメッセージボードの改造方法を説明しました(´-ω-`)

では、前前回に予告していた通り、

「トップページでなくてもメッセージボードを表示できる方法」


を紹介しようと思いますかお

この方法には2通りの方法があります

一つはフリースペースを使う方法で二つ目はフリープラグインを使う方法です

フリープラグインには3500字という文字数制限がありますし、外部ファイル化している方もわざわざ外部ファイルを書きかえるのは手間になるので、出来る限りこちらのやり方はやめておいた方が賢明かと思います

なので前者のやり方を説明しようと思います

①メッセージボードの画面を開いてください
Mr.ポンバシのブログ

②画面右下の「HTMLタグを表示」クリックします(②~④はクロームの方は不要)

Mr.ポンバシのブログ

メモ帳などに上の記述を全てコピペします
Mr.ポンバシのブログ

④記述の中の<p></p><br/>を全て削除します

⑤メッセージの内容の前後に

<div id="message"><div class="contents"><div class="subContents">メッセージの内容</div></div></div>

という記述を書きくわえてください

ちなみに「メッセージの内容」ってところにはさきほどのメモ帳の内容が入ります

Mr.ポンバシのブログ


⑥これをサイドバーのフリースペースに貼り付けます(場所はどこでもよい)
Mr.ポンバシのブログ


⑦フリープラグインに

<script language="javascript"><!--
$(function(){
$("#message").prependTo("#sub_main");
$("#sub_main").css("padding-top", "0");
$("#message").css("display", "block");
});
// --></script>


このコードを貼り付ける
Mr.ポンバシのブログ


⑧メッセージボードの内容を全て消す(うまくいかなかったときのために、バックアップはとっておくこと)

⑨CSSの最後に

#message{ display: none; }
#sub_main{ padding-top: 1500px; }


この記述を書き加える



これでトップページに限らず、全てのページでメッセージボードを表示することができるはずです

しかしこのままだとブログ改造術 part11-2で説明したように、背景画像を設定することができませんので、記事の背景とメッセージボードの背景が同じになってしまいます

そのやり方はまた記事でうpしますので、しばしお待ちください

ではまたノシ



スポンサーサイト
web拍手 by FC2

コメントの投稿

非公開コメント

1 ■無題

なるほど・・・

今日試してみようと思いますw

ありがとう^^

2 ■無題

心配おかけしましたm(_ _)m
無事完全復活!!
遅くなりましたが
イラストもUPしました!!
O(≧∇≦)O !!

3 ■無題

便利ですな・・・。
背景は難儀だ。

4 ■ぉお

トップ以外でも表示できるなんてすばらしいー

そろそろ少しずつでも改造しなくてわ( ̄▽ ̄;)

その内、まとめ参考にさせていたたきます(__)

5 ■無題

こんな方法が!?
これはやってみなければ!
まだ忙しくて無理だけどww

がんばってみます!

6 ■無題

ブログ通りにやってみましたが失敗・・・。orz

フリースペースまではプレビューで確認できたのでいいのかと・・・。

フリープラグインなんですがブログにのっているのと、画像に貼ってあるコードが最初と最後が違っているように見えるのですが気のせいですかね・・・。

プロフィール

ポンバシ

はじめまして!Mr.ポンバシです。
呼び名は「ポンバシ」「ポンさん」などなどです ^ ^
2次元をこよなく愛しており、エロゲ、ギャルゲ、アニメ、ラノベなんでも話を振ってください。
コメントしてくれると天に昇る勢いで喜びますww


アクセスランキング
[ジャンルランキング]
ゲーム
4454位
アクセスランキングを見る>>

[サブジャンルランキング]
PCゲーム
621位
アクセスランキングを見る>>

アクセスカウンター

カテゴリ

最新コメント

全記事表示リンク

全ての記事を表示する


月別アーカイブ

OHPバナー
紅い瞳に映るセカイ 応援中!!

「魔女こいにっき」応援中

恋がさくころ桜どき

すたじお緑茶『南十字星恋歌』応援中!

検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QR
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。