「AZ+」PluginTemplate跡地

FC2Blogプラグイン対応共有テンプレート製作・配布跡地(製作・配布は終了しました。今までのご愛顧に感謝いたします。歪リン)

Entry  ⇒  テンプレートのご利用について  スクロールバー付きのBOXについて

テンプレートのご利用について

2006.07.31 Mon 03:40
id:hizumiixpluginでFC2blogプラグイン対応共有テンプレートを製作・登録しておりましたが2006.07.31をもちまして全テンプレートは登録抹消としました。
Fc2Blogにて継続利用をご希望されるユーザーさまは以下の利用規約も引き続き厳守の上ご利用ください。

※継続が利用なテンプレートは、id:hizumiixpluginで登録していたプラグイン対応テンプレートのみです。
テンプレート名の先頭に「az_」と付いていたものがこれに該当します。

※プラグイン未対応テンプレートを登録していたid:hizumiiのテンプレートはご利用いただけません。詳細はこちら*へどうぞ。

利用規約
  • テンプレートの再配布(二次配布)・共有化・模倣・流用は禁止です
  • アダルト・アフィリエイト・小遣い・商用・法に触れるブログでの利用は禁止です
  • Fc2Blogの利用規約に反しているブログでの利用は禁止です
  • Fc2Blogの広告及び「AZ+」PluginTemplateの著作表示&著作リンクの削除・改竄・変更は禁止です
    (同部分に関して。必要以上に文字サイズを縮小したり背景色と同化させることは禁止です。
    また折りたたみ化(各クレジットやFc2の広告を折りたたむ行為)は禁止です。)
  • カスタマイズ後に自作だと著作を偽る行為は禁止です
    (如何なる程度のカスタマイズであっても「AZ+」PluginTemplateの著作表示&リンクの削除・改竄・変更は禁止です。)
  • テンプレートの一部として同梱されている歪作の全素材の再配布(二次配布)・模倣・流用・DL(ダウンロード)は禁止です
  • Fc2Blog以外の他社ブログサービスでのテンプレートの利用は禁止です
listRule listWritten by Hizumii Rinn listEdit listTop

スクロールバー付きのBOXについて

2006.07.04 Tue 21:57
共有プラグイン *スクロール付きのBOX(Div=ブロック要素)*
登録日:2006.07.05

width:300px; height:150px;のサンプルです
スクロールバー付きのBOXのサンプルです
スクロールバー付きのBOXのサンプルです
スクロールバー付きのBOXのサンプルです
スクロールバー付きのBOXのサンプルです
スクロールバー付きのBOXのサンプルです
スクロールバー付きのBOXのサンプルです
スクロールバー付きのBOXのサンプルです
スクロールバー付きのBOXのサンプルです
スクロールバー付きのBOXのサンプルです


FC2Blog共有テンプレートの製作・配布は終了しましたが、共有プラグインに登録した*スクロールバー付きのBOX*は現在も配布中です。
このエントリーでは*スクロールバー付きのBOX*の補足説明を少しUPしています。参考にしていただけたら幸いです。

※スクロールバーはBOX内容領域がBOX(div=ブロック要素)の高さ(初期値150px)を超えないと表示されません。
※コメントフォームにあるテキストエリアとは別の物です。HTMLタグが使えます。もちろん画像も貼ることもできます。使い方は色々です。
※カスタマイズはご自由にどうぞ。ブログ以外でのご利用もご自由にどうぞ。スクロール付きのBOXを共有テンプレートに同梱することももちろんOKですが
当エントリーの文章や説明を丸ごと転載・複製することはお止めください。ご自身の言葉にしてください。スクロール付きのBOXに著作云々はありません。



(1)*スクロールバー付きのBOX* 共有プラグイン登録

<div style="height:150px; overflow:auto; border:1px solid #000000; background-color:#FFFFFF; color:#000000; padding:3px; scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#000000; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#000000; scrollbar-shadow-color:#000000; scrollbar-track-color:#FFFFFF;">*ここにテキストや画像を入れて下さい。BOXの高さを超えないとスクロールバーは表示されません。またお洒落スクロースバーはIEのみです。*</div>


 
(2)*簡易基本ver.* 共有プラグイン未登録

<div style="height:150px;overflow:auto;">*ここにテキストや画像を入れて下さい。BOXの高さを超えないとスクロールバーは表示されません。*</div>


 
(3)*スクロール付きのBOX*の解説

height:150px; ⇒ BOXの高さ初期値150pxです
overflow:auto; ⇒ このプロパティは削除しないでください。削除するとスクロールバーが表示されません
border:1px solid #000000; ⇒ BOXを囲む外側の枠線です
background-color:#FFFFFF; ⇒ BOX内容領域の背景色です このプロパティを削除するか、background-color:transparent;にすると背景色は透過されます
color:#000000; ⇒ BOX内容領域ののテキストの色です 尚テキストリンクの色はご利用のテンプレートが反映されます
padding:3px; ⇒ BOXを囲む外側の枠線と、BOXの内容領域のテキストや画像間の余白です
scrollbar-3dlight-color:#FFFFFF;〜scrollbar-track-color:#FFFFFF; ⇒ お洒落スクロールバー/IEのみ
width:●●px; ⇒ 配布ソースには含んでおりませんがwidthプロパティを追加することで横幅領域の範囲指定ができます

※その他にも様々なプロパティを追加することができます。
※用途別にIDやClassを付けて使い分けるのも便利だとおもいます。

listPlugin listWritten by Hizumii Rinn listEdit listTop