kuu♪ さん
-
nice! 811
記事 104
テーマ パソコン・インターネット
プロフィール
ブログを紹介する
現在の閲覧者数:
総閲覧数:
総閲覧数:
目次
【カスタムスキン初心者の方はこちらをどうぞ】
┣カスタムスキンの始め方
┣カスタムスキン作成方法・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）にしよう！
┣コメントにハーボット絵文字
┣ピグミーの絵文字
┗ハーボットのアクセスカウンターとオンラインカウンター
ｱｸｾｽ解析
kuu♪からのお知らせ
長年公開してきたカスタムスキンへの道ですが、
新しいサイト Harbot's field内の「ssブログ（so-netブログ）のカスタマイズ方法」 へ引っ越しをします。
徐々に時間をかけて引っ越す予定で、今よりも見やすいサイトに変更しています。
今後ともよろしくお願いいたします。
新しいサイト Harbot's field内の「ssブログ（so-netブログ）のカスタマイズ方法」 へ引っ越しをします。
徐々に時間をかけて引っ越す予定で、今よりも見やすいサイトに変更しています。
今後ともよろしくお願いいたします。
niceの画像を変えよう [nice/コメント]
【niceの画像を変えよう】
■変える部分を赤 緑で書いています。
/* nice! */
| #nice h4 { background:url("/blog/_skin/system/images/icon-nice.gif") no-repeat left center; padding-left:20px; } |
① background:url(/blog/_skin/system/images/icon-nice.gif) no-repeat left center;
ここに自分の入れたい画像を載せます。
② ①をして一回保存してみます。
画像と文字が重なっていなければする必要はないですが、もし重なっている場合は
padding-left:20px;の20pxを変えましょう。
ありがとうございます♪♪
記事が役に立たれたら、下のバナーの興味があるものをクリックしてもらうとうれしいです。
リンクについて
もしリンクを貼っていただけるのであれば
こちらのバナーをお使いください。
こちらのバナーをお使いください。
はじめまして、優月と申します。
少し分からない所があったので質問させていただきます。
nice!のボタンの変え方はどうすればいいのでしょうか？
普通のボタンは立体的になってるのですが、シンプルなテーブルボタンというか・・
何と言ったらいいのでしょうか；
http://copicopi.com/tablebutton3.html
↑のサイト様のようなボタン？にしたいのですが・・
宜しくお願いします
by 優月 (2009-12-05 02:28)
はじめましてうさキムチです。
kuu♪さんのおかげで自分のカスタムスキンを作ることができました。
ありがとうございました！
by うさキムチ (2009-12-29 13:08)