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ブログ）のカスタマイズ方法」 へ引っ越しをします。
徐々に時間をかけて引っ越す予定で、今よりも見やすいサイトに変更しています。
今後ともよろしくお願いいたします。
カレンダーの更新した日付部分の画像を変えよう [カレンダー]
【カレンダーの更新した日付部分の画像を変えよう】
カレンダーの画像サイズは、24×24くらいまでがいいと思います。
変える部分を赤 緑で書いています。
/*--Calendar--*/ とあります。その中の
| #calendar td.link { background:#d0ceb7; font-weight:bold; } |
を変えます。
変えたタグ〔見本〕
| #calendar td.link { background:url(/blog/_images/blog/_▲▲▲/*****/0123456.gif) no-repeat center center; background-color:#C8DDFF; font-weight:bold; } |
①画像を入れます
background:url(/blog/_images/blog/_▲▲▲/*****/0123456.gif) no-repeat center center;
②背景の色を変えます
background-color:#C8DDFF; の #C8DDFF をお好きな色に変えてください。
用意した画像が透過してない写真とかであれば②は必要ありません。
色の載せ方は、 【基本の背景色を変えよう】に記述してあります。
③背景色を消し、枠をつける場合は
background-color:#C8DDFF;を消し、
border:1px solid #9a9a9a; を付け加えます。
ありがとうございます♪♪
記事が役に立たれたら、下のバナーの興味があるものをクリックしてもらうとうれしいです。
リンクについて
もしリンクを貼っていただけるのであれば
こちらのバナーをお使いください。
こちらのバナーをお使いください。
コメント 0
コメントの受付は締め切りました