kuu♪ さん
-
nice! 811
記事 104
テーマ パソコン・インターネット
プロフィール
ブログを紹介する
総閲覧数:
目次
┣カスタムスキンの始め方
┣カスタムスキン作成方法・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ブログ）のカスタマイズ方法」 へ引っ越しをします。
徐々に時間をかけて引っ越す予定で、今よりも見やすいサイトに変更しています。
今後ともよろしくお願いいたします。
カスタムペインの左右の余白を作ろう [カスタムペイン]
【カスタムペインの左右の余白を作ろう】
サイドバーに外枠をつけようとすると、カスタムペインの部分の字が横幅いっぱいに入ってしまいます。
これだとちょっと見にくいので変えると良いでしょう。
変える部分を赤で書いています。
| /*--Custom Pane--*/ .custom-body { padding:1px 0; } |
というのがあります。
これに
padding-left:8px;
padding-right:8px;
を付け加えます。
数字は自分で調整してください。
こんな感じです
| /*--Custom Pane--*/ .custom-body { padding:1px 0; padding-left:8px; padding-right:8px; } |
ありがとうございます♪♪
リンクについて
こちらのバナーをお使いください。
