解決済
BBSを設置したのですが。
サイドバーにBBSを設置したのですが、本来は↓
★☆海賊BBS☆★
こうなのですが、文字をクリックしてBBSに
行くのではなく、サイドバーに画像を添付して
そこをクリックするとBBSへ・・・。
と言うようにしたいのですがやり方が
分かりません(>_<)
ちなみに、BBSのURLはプラグインの
「リンク」を利用して貼り付けています。
2006-07-05 14:49の質問
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。
Ads By Google
回答(1)
1.
2006-07-05 15:52:40

過去の質問とかを確認していると、お蔵入りなどが多いですね。一週間前の質問もそのままになっています。質問者として何をするべきかを覚えていかないと、回答者がスルーしていくようになります。お気をつけ下さいね。
このプラグインのリンクは、いらなくなりますので外して下さい。
( 貼っている BBS のリンクアドレスは控えておいて下さいね )
■ では、サイドバーに画像を貼付してそれをクリックすると BBS に行く方法を回答します。
管理画面に入り、『 カスタマイズ/管理 』 > 左サイドバーの『 プラグインの新規追加 』 > 『 上級者向けプラグイン 』 > 『 フリーエリア 』 をクリックすると、フリーエリアの設定画面がでてきます。
その中の空白欄に画像を表示させるタグを書き入れ、それに BBS へのリンクを貼ります。書き入れたら保存しますが、必ず 『 改行しない 』 にチェックを入れて保存して下さい。
リンク画像を表示させるタグとしては ・・・
<a target="_blank" href="リンク先 ( BBS ) のアドレス"><img border="0" src="画像が置いてあるアドレス" width="画像の幅" height="画像の高さ" alt="リンク先 ( BBS ) のタイトルなど"></a>
target="_blank" は、別窓で表示させる記述です。
同じページのまま、開かせるのなら削除してもかまいません。
ここに配置した画像をちょうど真中に表示させたいのであれば上下を <div> で囲みます。こんな具合です↓
<div align="center">
<a target="_blank" href="リンク先 ( BBS ) のアドレス"><img border="0" src="画像が置いてあるアドレス" width="画像の幅" height="画像の高さ" alt="リンク先 ( BBS ) のタイトルなど"></a></div>
フリーエリアに、これらの書入れが終われば保存。プラグインの再構築をおこない、閲覧しているブラウザーを再読み込みすれば表示反映されています。
文字数制限の為、コメント欄 >>#1 に続く↓
ちなみに、BBSのURLはプラグインの 「リンク」を利用して貼り付けています。
このプラグインのリンクは、いらなくなりますので外して下さい。
( 貼っている BBS のリンクアドレスは控えておいて下さいね )
■ では、サイドバーに画像を貼付してそれをクリックすると BBS に行く方法を回答します。
管理画面に入り、『 カスタマイズ/管理 』 > 左サイドバーの『 プラグインの新規追加 』 > 『 上級者向けプラグイン 』 > 『 フリーエリア 』 をクリックすると、フリーエリアの設定画面がでてきます。
その中の空白欄に画像を表示させるタグを書き入れ、それに BBS へのリンクを貼ります。書き入れたら保存しますが、必ず 『 改行しない 』 にチェックを入れて保存して下さい。
リンク画像を表示させるタグとしては ・・・
<a target="_blank" href="リンク先 ( BBS ) のアドレス"><img border="0" src="画像が置いてあるアドレス" width="画像の幅" height="画像の高さ" alt="リンク先 ( BBS ) のタイトルなど"></a>
target="_blank" は、別窓で表示させる記述です。
同じページのまま、開かせるのなら削除してもかまいません。
ここに配置した画像をちょうど真中に表示させたいのであれば上下を <div> で囲みます。こんな具合です↓
<div align="center">
<a target="_blank" href="リンク先 ( BBS ) のアドレス"><img border="0" src="画像が置いてあるアドレス" width="画像の幅" height="画像の高さ" alt="リンク先 ( BBS ) のタイトルなど"></a></div>
フリーエリアに、これらの書入れが終われば保存。プラグインの再構築をおこない、閲覧しているブラウザーを再読み込みすれば表示反映されています。
文字数制限の為、コメント欄 >>#1 に続く↓
回答レベル : 回答
ありがとうございました!!
とても分かりやすく無事に設置できましたヽ(^o^)丿
Ads By Google
コメント(3)
#1. AQ♪
2006-07-05 15:53:25
>>1 回答の続きです。
注意するべきところは、画像のサイズです。サイドバーの幅を超える画像は絶対に使用してはいけません。ブログデザインが崩れます。サイドバーのサイズ幅は、CSS の中の、2カラムでしたら、#links、3カラムでしたら #left もしくは #right の中に、width:○○px; と書かれています。
この ○○px の中の数字がサイドバーの幅です。この幅を絶対に超えないような画像を使用してください。
#2. AQ♪
2006-07-07 16:36:06
>ミィママ さん
無事に解決して良かったです。
ベストありがとうございました (^^)
#3. プーニン
2006-11-09 08:46:20
