FC2ブログ
--.--.-- スポンサーサイト 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
2007.03.01 プロフィール(スクロール) 
先日から続いているプロフィールの設定ですが・・・

1.プロフィールに画像をいくつも入れたい!
2.プロフィール画像にリンクを張りたい!
3.プロフィールが長くなると、サイドメニューが下に下がりすぎて困る

本日は3を説明したいと思います。

プロフィールに数枚の画像を入れたり、説明書きが長くなると、ほとんどのブログはプロフィール欄が伸びてしまいますよね
そうすると、サイドメニューが下に長くなってしまいます。

プロフィールだけだとそんなに気にならないかもしれませんが・・・
リンクが長くなるとチョット見づらいかも。

そんなときスクロールするようにすれば、良いのではないでしょうか?

説明は続きを見てね♪
画像の貼り付け方はコチラ
画像や言葉にリンクをつける方法はコチラ

今回もタグの説明だけです。
尚、この方法は基本プラグインで使用しています。
DLした共有プラグインが、カスタムOK以外なものでは使用しないでください。

もし何かあっても私は責任取れませ~んf(^^;


今回はプロフィール欄を使って説明します。
←サイドメニューのプロフィールを確認してね♪

まずプロフィールの設定をクリックして、カスタム前のものをコピペでメモ帳などにバックップしましょう!!


プロフィール欄をカスタムする前のタグが↓こんな感じになっているはずです。

<!--myimage-->
<p class="plugin-myimage" &align>
<img src="<%image>" alt="<%author_name>">
</p>
<!--/myimage-->
<p &align>
Author:<%author_name<br>
<%introduction2>
</p>



そこに↓タグを貼り付けるだけでOKなのです。

<div style="height:100px;overflow:auto;"> と </div>

『と』はムシしてくださいねf(^^;
height:100px=枠の長さ(数字が小さいほど短く、大きいほど長くなります)
overflow:auto=指定した長さを超えた場合勝手にスクロールバーが登場します。
スクロールバーの色は使っているテンプレートで指定されている色になります。
テンプレートとは別の色が良いと言う人は・・・コメントで依頼して♪
お使いのネットソフトがInternet Explorer以外では色指定しても反映されません。


何処に貼り付けるの?って思われた方は↓を参考に!

<div style="height:100px;overflow:auto;">
<!--myimage-->
<p class="plugin-myimage" &align>
<img src="<%image>" alt="<%author_name>">
</p>
<!--/myimage-->
<p &align>
Author:<%author_name<br>
<%introduction2>
</p></div>

赤字で書かれた部分が追加するところ。
一番先頭と、一番最後に貼り付けます。

以上でプロフィール欄カスタムが終わりです。

次回は・・・・
1記事ごとに使えるタグなんてどうかな?(まぁ未定ですが)
スポンサーサイト
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。