So-net無料ブログ作成
検索選択
メッセージを送る

kuu♪からのお知らせ

■スキンを作るコツは、とにかくプレビューで確認することです。
 数字を替えた! 色を替えた! 画像を替えた!そのたびにプレビュー! で確認!
 そしてこまめに保存してください。

■コメントをたくさんいただいているのですが返信もままならない状況ですのでしばらくの間コメントの受付を停止させていただきます。ごめんなさい。

また、管理人kuuがしばらくソネブロを離れている間に随分仕様の変更等あったみたいですので、当ブログの記述では対応できないものも出ているかもしれません。

ソネブロ:カスタムスキンへの道【目次】 [目次]

★☆ソネット(so-net)ブログでカスタムスキンを作るための目次☆★



■サイドバーの【ソネブロ:カスタムスキンを作るための注意事項】 をよく読んでください。

【カスタムスキン初心者の方はこちらをどうぞ】
 ┣カスタムスキンの始め方
 ┣カスタムスキン作成方法・1 [バナー編]new_58.gif
 ┣カスタムスキン作成方法・2 [背景編]new_58.gif
 ┣カスタムスキン作成方法・3 [文字色編]new_58.gif
 ┣カスタムスキン作成方法・4 [Links編]new_58.gif
 ┣カスタムスキン作成方法・5 [Articles編.1]new_58.gif 
 ┣カスタムスキン作成方法・6 [Articles編.2]new_58.gif
 ┣カスタムスキン作成方法・7 [nice・コメント編]new_58.gif


【カスタムスキンのQ&A】
 ┣カスタムスキンの質問箱
 ┣カスタムスキンの質問箱2


【カスタムスキンを作るための基礎知識】
 ┣cssの内容
 ┣文字色の変え方 
 ┣文字リンク色の変え方
 ┣文字のサイズの変え方
 ┣文字の右寄せ・左寄せ・真ん中寄せ
 ┣字体の変え方
 ┣線の種類と記述方法
 ┣背景色の指定と画像の挿入方法
 ┣画像が小さくなるときの対処法
 ┣”margin” と ”padding”の違い


【背景】
 ┣背景色を変えよう
 ┣背景に画像をのせてみよう
 ┣背景画像を固定してみよう
 ┣背景を半透明にしよう
 ┣記事上下の矢印画像を変えよう
 ┗スクロールバーの色を変えよう

【文字色】
 ┣ブログ全体の文字色を変えよう
 ┣ブログ全体の文字のリンク色を変えよう
 ┣文字リンクの下線を変えよう


【ヘッダー・フッダー】
 ┣ヘッダーに画像を入れよう(OOさん部分)
 ┣ヘッダーに画像を入れよう(ブログトップ部分)
 ┗ヘッダーを透過させよう


【バナー】
 ┣オリジナルバナーを作ろう
 ┣バナーの位置を変えよう
 ┣バナーをリンクボタンにしてみよう
 ┣ブログタイトル&サブタイトルの文字色を変えよう
 ┣ブログタイトル&サブタイトルの文字の位置を変えよう

【タブ】
 ┣タブをつけてみよう    
 ┣プルダウンタブをつけてみよう


【記事】
 ┣記事の外線の色と太さと種類を変えよう
 ┣記事の外枠を画像で作ろう
 ┣記事部分全体に背景色や背景画像をつけよう

 ┣記事タイトルの文字色を変えよう
 ┣記事タイトルの文字リンク色を変えよう
 ┣記事タイトルの幅を変えよう
 ┣記事タイトルの背景色を変えよう
 ┣記事タイトルの下の線を変えよう
 ┣記事タイトルに小さな画像を入れてみよう

 ┣記事本文の文字色を変えよう
 ┣記事本文の文字リンク色を変えよう
 ┣記事本文の文字の位置を変えよう
 ┣記事中の広告を透過しよう

 ┣記事の一番下の線の色を変えよう
 ┣記事の一番下の日付の文字色を変えよう
 ┣記事の一番下の日付の位置を変えよう

 ┣nice コメント コメントを書く の下の線の色を変えよう
 ┣nice コメントを書くの文字の位置を変えよう
 ┣niceの画像を変えよう
 ┣【コメント】の前に画像を入れよう
 ┣【コメントを書く】の前に画像を入れよう
 ┣コメント記入欄の文字色を変えよう
 ┣コメント記入欄に画像を入れよう
 ┣コメント記入欄の縦・横の幅を広げよう
 ┣コメント記入欄の外枠の線の色と太さを変えよう


【サイドバー】
 ┣サイドバーに外枠をつけよう
 ┣サイドバーの外枠を画像で作ろう
 ┣サイドバーに背景色をつけよう

 ┣サイドバータイトルとバナーの間に空白を作ろう
 ┣サイドバータイトルに小さな画像を入れてみよう
 ┣サイドバータイトルに背景色をつけよう
 ┣サイドバータイトルの文字色を変えよう
 ┣サイドバータイトルの文字リンク色を変えよう

 ┣サイドバー本文の文字色を変えよう
 ┣サイドバー本文の文字リンク色を変えよう
 ┣サイドバー本文の文字の位置を変えよう

 ┣カスタムペイン内の文字に左右の余白を作ろう

 ┣NEWの文字色を変えよう

 ┣3ペインのサイドバーの位置を変えよう

 ┣プロフィールの中の矢印画像を変えよう
 ┣プロフィールの中の矢印画像を消そう
 ┣プロフィールに画像を入れる方法
 ┣プロフィール内の「nice!」の文字色と外線の色と背景色を変えよう

 ┣カレンダーの更新した日付部分の画像を変えよう
 ┣カレンダーを装飾してみよう

 ┣「読者になる」の画像を変えよう
 ┣「読者になる」の背景色を変えよう
 ┣「読者になる」の文字リンク色を変えよう

 ┣「POWERED BY so-neblog」 と「RSS」 の左右の位置を変えよう
 

【ブログの小技】
 ┣記事TOPにお知らせをつけよう
 ┣ブログにひとこと話せる「Twitter」をつけよう!

 ┣月別表示を変えよう〔ドロップダウンにする〕
 ┣カテゴリーを変えよう〔ドロップダウンにする〕
 ┣サイドバーのドロップダウンの枠の幅と文字を小さくする
 ┣サイドバーのコメント欄をツリー表示にしよう
 ┣「メッセージを送る」の画像を変えよう
 ┗「RSSプレイヤーとRSS2.0(RSSフィード)

 ┣画像タグの謎を解く
 ┣リッチテキストエディタでテーブルを組む【基本】
 ┣リッチテキストエディタでテーブルを組む【テーブルのプロパティ】
 ┗リッチテキストエディタでテーブルを組む【セルのプロパティ】


【おまけ】
 ┣カスタムスキンのためのミニミニ素材
 ┣kuuの作ったカスタムスキンのパーツ倉庫new_58.gif

 ┣マウスカーソルをハーボット(harbot)にしよう!
 ┣コメントにハーボット絵文字
 ┣ピグミーの絵文字
 ┗ハーボットのアクセスカウンターとオンラインカウンター

 ★kuuのカスタムスキンの軌跡


nice!(89)  コメント(94) 
共通テーマ:blog

ありがとうございます♪♪

記事が役に立たれたら、下のバナーの興味があるものをクリックしてもらうとうれしいです。

  

         

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。

×

この広告は1年以上新しい記事の更新がないブログに表示されております。