カテゴリ「 未分類パーツ」の一覧を表示しています。

告白バナーこくリアン

ちゃいリアン[紹介記事]から新たに登場のブログパーツ「告白バナーこくリアン」。
好きな人に伝えられない気持ち、ありませんか?
照れくさくて、はずかしくて、素直に言えないあなたのかわりに、ちゃいリアンが告白のお手伝いをします。
それが「告白バナー こくリアン」です!
そんな熱い気持ちを告白する「告白バナー こくリアン」をあなたのホームページに!

■「ちゃいリアン.コム」の「告白バナー こくリアン」専用の投稿フォームから投稿された、いろいろな人のラブレターが表示されます。
■あなたの気持ちも専用の投稿フォームから投稿することができます。

あら、なかなかせつない告白が配信されてますね。結構おもしろいかも。

告白バナー こくリアン
ユーザー登録 不要
難易度 超簡単
タグの種類 iframe
設置方法 置いてあるコードをブログに貼り付けるだけ
未対応 ・Machintosh用 Internet Explorer
・Machintosh用 Mozilla/Firefox1.0.7以下
サイト おみやげ | ちゃいリアン.com

かこんで楽しいスクロールバーの設定

とうとうスクロールバーの設定についてはカテゴリをひとつ作ってみましたよ。

このスクロールバーなんですが、ひとつ自分好みに作っておけば、あとはスクロールバーで囲みたいものを囲むだけで簡単に他のパーツにも応用できます。

ほんでもって、こんな風にただの文字をかこんでもよいわけです。
縦長になりがちなサイドバーもこれでスッキリ。 なが~い記事もこれでスッキリ。

一度囲むとクセになるスクロールバー。

あなたも囲って囲んでみませんか

上と同じスクロールバーをつけるには下をコピーして貼り付け。(壁紙なし)サイドバーに貼り付けて表示が崩れる場合はwidth:170px;を思いきって外してしまうと、うまくいくもよう。

テンプレ変更したのにそのままの色にしてたのを修正しました。ごめんなさい![2005/10/01]

  • overflow: auto; 簡単にいうと、これがスクロールバーにする指定。
  • (overflowは、決めたサイズの範囲より内容が大きい場合に、領域を越えた部分の表示方法を指定するプロパティ)
  • font-size:10px; フォントのサイズ
  • width:170px; 掲示板など囲むエリアの横サイズ(100%など)
  • height:130px; 掲示板など囲むエリアの縦サイズ
  • border: 1px; #67CB66 dotted; 囲み線の太さ、色、
  • スタイルはdottedの他にも、なしnone、実線solid、二重線doubleなど指定可能
  • scrollbar-・・・; ここからはスクロールバーの色指定

その他にも
  • background-image:url(http://www・・・画像のURL); 背景に壁紙
  • background-color: #ff99cc; 背景に色
    などの指定があります。

スクロールバーの色についてはこちらが便利。

実際に色を確認しながらスクロールバーを自動生成してくれます。ライト版と、色数の多い通常版があるのでお好みでどうぞ。(新しいページが開きます)

Scrollbar Color Changer スクロールバーチェンジャー ライト版
Scrollbar Color Changer スクロールバーチェンジャー

[JavaScriptはもういらない!?さん]
※好きな色が出来上がったら、scrollbar-・・・のとこだけコピーして貼り付けよう。
【配色の参考に】
背景と文字色の組み合わせ
WEB COLOR 216
背景と文字色の組み合わせ
Webパレット・カラーピッカー(216色)Java版
背景とボックスと文字色の組み合わせ
色見本のページ(配色のページもあります)
テーマカラーがひとつだけ決まっているときに(おすすめ)
Ohanasiya Color-Maker v3.1
[動作環境:FlashPlayer6.4以降]


【2005/08/23補足】

サイドバーのスクロールバーについては、だいたい同じ色で設定すると思うので、一括設定の説明です。続きをどぞー。

詳しく見る