kuu♪ さん
- nice! 747
記事 104
テーマ パソコン・インターネット
プロフィール
現在の閲覧者数:
総閲覧数:
総閲覧数:
リンクについて
もしリンクを貼っていただけるのであれば
こちらのバナーをお使いください。
こちらのバナーをお使いください。
ｱｸｾｽ解析
kuu♪からのお知らせ
■スキンを作るコツは、とにかくプレビューで確認することです。
数字を替えた！ 色を替えた！ 画像を替えた！そのたびにプレビュー！ で確認！
そしてこまめに保存してください。
■コメントをたくさんいただいているのですが返信もままならない状況ですのでしばらくの間コメントの受付を停止させていただきます。ごめんなさい。
また、管理人kuuがしばらくソネブロを離れている間に随分仕様の変更等あったみたいですので、当ブログの記述では対応できないものも出ているかもしれません。
数字を替えた！ 色を替えた！ 画像を替えた！そのたびにプレビュー！ で確認！
そしてこまめに保存してください。
■コメントをたくさんいただいているのですが返信もままならない状況ですのでしばらくの間コメントの受付を停止させていただきます。ごめんなさい。
また、管理人kuuがしばらくソネブロを離れている間に随分仕様の変更等あったみたいですので、当ブログの記述では対応できないものも出ているかもしれません。
サイドバーのドロップダウンの文字を小さくする [サイドバー]
サイドバーの「月別アーカイブ」や「カテゴリー」をドロップダウンに変えたときサイドバーにうまく幅が合えばいいですけど、あわないときはこれをするといいでしょう。
枠の幅と字の大きさを変更します。
「月別アーカイブ」と「カテゴリー」両方同時に反応します。
個別に設定したいときは・・・ 考えてみてください。
/*-----Side-----*/の一番下に下記タグを挿入します。（cssの編集画面）
| select { width: 150px; color: #000000; background: #ffffff; padding: 1px; margin: 5px; font-size: 100%; line-height: 180%; } |
width: 150px; を変えると横幅が変わります。
background: #ffffff; を変えると背景色が変わります。
font-size: 100%; 字の大きさの設定です。
ソネットブログ(so-netblog)：カスタムスキンへの道【目次】へ
2008-05-27 09:37
nice!(7)
コメント(6)
ありがとうございます♪♪
記事が役に立たれたら、下のバナーの興味があるものをクリックしてもらうとうれしいです。
目次
【カスタムスキン初心者の方はこちらをどうぞ】
┣カスタムスキンの始め方
┣カスタムスキン作成方法・1 [バナー編]
┣カスタムスキン作成方法・2 [背景編]
┣カスタムスキン作成方法・3 [文字色編]
┣カスタムスキン作成方法・4 [Links編]
┣カスタムスキン作成方法・5 [Articles編.1]
┣カスタムスキン作成方法・6 [Articles編.2]
┣カスタムスキン作成方法・7 [nice・コメント編]
【カスタムスキンのＱ＆Ａ】
┣カスタムスキンの質問箱
┣カスタムスキンの質問箱2
┣カスタムスキンの始め方
┣カスタムスキン作成方法・1 [バナー編]
┣カスタムスキン作成方法・2 [背景編]
┣カスタムスキン作成方法・3 [文字色編]
┣カスタムスキン作成方法・4 [Links編]
┣カスタムスキン作成方法・5 [Articles編.1]
┣カスタムスキン作成方法・6 [Articles編.2]
┣カスタムスキン作成方法・7 [nice・コメント編]
【カスタムスキンのＱ＆Ａ】
┣カスタムスキンの質問箱
┣カスタムスキンの質問箱2
【カスタムスキンを作るための基礎知識】
┣cssの内容
┣文字色の変え方
┣文字リンク色の変え方
┣文字のサイズの変え方
┣文字の右寄せ・左寄せ・真ん中寄せ
┣字体の変え方
┣線の種類と記述方法
┣背景色の指定と画像の挿入方法
┣画像が小さくなるときの対処法
┣”margin” と ”padding”の違い
【背景】
┣背景色を変えよう
┣背景に画像をのせてみよう
┣背景画像を固定してみよう
┣背景を半透明にしよう
┣記事上下の矢印画像を変えよう
┗スクロールバーの色を変えよう
【文字色】
┣ブログ全体の文字色を変えよう
┣ブログ全体の文字のリンク色を変えよう
┣文字リンクの下線を変えよう
【ヘッダー・フッダー】
┣ヘッダーに画像を入れよう（ＯＯさん部分）
┣ヘッダーに画像を入れよう（ブログトップ部分）
┗ヘッダーを透過させよう
【バナー】
┣オリジナルバナーを作ろう
┣バナーの位置を変えよう
┣バナーをリンクボタンにしてみよう
┣ブログタイトル＆サブタイトルの文字色を変えよう
┣ブログタイトル＆サブタイトルの文字の位置を変えよう
【タブ】
┣タブをつけてみよう
┣プルダウンタブをつけてみよう
【記事】
┣記事の外線の色と太さと種類を変えよう
┣記事の外枠を画像で作ろう
┣記事部分全体に背景色や背景画像をつけよう
┣記事タイトルの文字色を変えよう
┣記事タイトルの文字リンク色を変えよう
┣記事タイトルの幅を変えよう
┣記事タイトルの背景色を変えよう
┣記事タイトルの下の線を変えよう
┣記事タイトルに小さな画像を入れてみよう
┣記事本文の文字色を変えよう
┣記事本文の文字リンク色を変えよう
┣記事本文の文字の位置を変えよう
┣記事中の広告を透過しよう
┣記事の一番下の線の色を変えよう
┣記事の一番下の日付の文字色を変えよう
┣記事の一番下の日付の位置を変えよう
┣nice コメント コメントを書く の下の線の色を変えよう
┣nice コメントを書くの文字の位置を変えよう
┣niceの画像を変えよう
┣【コメント】の前に画像を入れよう
┣【コメントを書く】の前に画像を入れよう
┣コメント記入欄の文字色を変えよう
┣コメント記入欄に画像を入れよう
┣コメント記入欄の縦・横の幅を広げよう
┣コメント記入欄の外枠の線の色と太さを変えよう
【サイドバー】
┣サイドバーに外枠をつけよう
┣サイドバーの外枠を画像で作ろう
┣サイドバーに背景色をつけよう
┣サイドバータイトルとバナーの間に空白を作ろう
┣サイドバータイトルに小さな画像を入れてみよう
┣サイドバータイトルに背景色をつけよう
┣サイドバータイトルの文字色を変えよう
┣サイドバータイトルの文字リンク色を変えよう
┣サイドバー本文の文字色を変えよう
┣サイドバー本文の文字リンク色を変えよう
┣サイドバー本文の文字の位置を変えよう
┣カスタムペイン内の文字に左右の余白を作ろう
┣NEWの文字色を変えよう
┣3ペインのサイドバーの位置を変えよう
┣プロフィールの中の矢印画像を変えよう
┣プロフィールの中の矢印画像を消そう
┣プロフィールに画像を入れる方法
┣プロフィール内の「nice!」の文字色と外線の色と背景色を変えよう
┣カレンダーの更新した日付部分の画像を変えよう
┣カレンダーを装飾してみよう
┣「読者になる」の画像を変えよう
┣「読者になる」の背景色を変えよう
┣「読者になる」の文字リンク色を変えよう
┣「POWERED BY so-neblog」 と「RSS」 の左右の位置を変えよう
【ブログの小技】
┣記事ＴＯＰにお知らせをつけよう
┣ブログにひとこと話せる「Twitter」をつけよう！
┣月別表示を変えよう〔ドロップダウンにする〕
┣カテゴリーを変えよう〔ドロップダウンにする〕
┣サイドバーのドロップダウンの枠の幅と文字を小さくする
┣サイドバーのコメント欄をツリー表示にしよう
┣「メッセージを送る」の画像を変えよう
┗「ＲＳＳプレイヤーとRSS2.0（RSSフィード）
┣画像タグの謎を解く
┣リッチテキストエディタでテーブルを組む【基本】
┣リッチテキストエディタでテーブルを組む【テーブルのプロパティ】
┗リッチテキストエディタでテーブルを組む【セルのプロパティ】
【おまけ】
┣カスタムスキンのためのミニミニ素材
┣kuuの作ったカスタムスキンのパーツ倉庫
┣マウスカーソルをハーボット（harbot）にしよう！
┣コメントにハーボット絵文字
┣ピグミーの絵文字
┗ハーボットのアクセスカウンターとオンラインカウンター
[ｺﾝﾆﾁﾊ]
文字の事に気付かなかったので
私も文字を小さくしてみました [♪]
by mam♪ (2008-08-01 15:38)
★mam♪さん
これができたのもmam♪さんのおかげです[ﾆｺｯ]
元来、めんどくさがりなのでこれからもいろいろ刺激してくださいね～[ｱﾊﾊ]
by kuu (2008-08-05 21:43)
kuuさん、初めまして。
「月別アーカイヴ」の文字色を変えてみました [ｱﾘｶﾞﾄｳ]
枠（border）の色や太さも変更出来ますか [ﾊﾃﾅ]
by sknys (2008-10-05 15:35)
★sknysさん
select要素に対する枠線の指定は、Operaのみ対応しているようです。
なので、ＩＥやFirefoxでは現状の表示みたいですよ[ｳｰﾝ]
by kuu (2008-10-06 13:40)
おはようございます～♪
お久しぶりです(*´∇｀*)
サイドバーが気になってたので、とっても助かりました！
ありがとうございました。
by 明 (2009-01-14 05:53)
★明さん
お久しぶりです。
お役に立ててよかったです♪
by kuu♪ (2009-01-14 10:12)