kuu♪からのお知らせ
長年公開してきたカスタムスキンへの道ですが、
新しいサイト Harbot's field内の「ssブログ(so-netブログ)のカスタマイズ方法」 へ引っ越しをします。
徐々に時間をかけて引っ越す予定で、今よりも見やすいサイトに変更しています。
今後ともよろしくお願いいたします。
新しいサイト Harbot's field内の「ssブログ(so-netブログ)のカスタマイズ方法」 へ引っ越しをします。
徐々に時間をかけて引っ越す予定で、今よりも見やすいサイトに変更しています。
今後ともよろしくお願いいたします。
カスタムスキンの質問箱 [Q&A]
コメントがたくさんになりましたので、質問は
「カスタムスキンの質問箱2」にお願いします。
直接、このページかな?
っていうところに書いてもらうとうれしいのですが、
どこに書いたらいいかわからないって時にはこちらに書いてくださいね。
私のわかる範囲で答えていきたいと思います。
質問は、できるだけ丁寧に、わかりやすく書いてもらうと、答えやすいです。
どこの部分を、どういう風にしたい!と。
よろしくお願いします。
はじめまして~^^
スキンをカスタマイズしたくて、こちらへ辿り着きました。
どうぞ宜しくお願いいたします☆
by gyaro (2009-04-05 12:20)
初めまして遠坂といいます~
カスタムスキンについてはまったくの無知なんですが
できると思いますか???
by November (2009-04-12 14:35)
★gyaroさん
はじめまして[ニコッ]
ぜひ、ステキなスキンを作ってくださいね。
ブログ内でわかりにくいところがあれば教えてください[ヨロシク]
by kuu (2009-04-15 13:19)
★Novemberさん
はじめまして[ニコッ]
私も2年くらい前までは、カスタムスキンのやり方も、cssも何も知らないし、わからない世界でした。
でも、興味を持っていろいろ調べてたら少しずつできることがわかって今に至ってます。
なので、きっとNovemberさんもできますよ[オー]
by kuu (2009-04-15 13:22)
どうも遠坂です!
質問いいですかぁ?
ブログタイトルの文字色は変えられたのですが
書体の変え方はわかりません[グスッ]
ぜひ教えて欲しいのです[ヨロシク]
by 遠坂 (2009-04-17 16:16)
はじめまして。いつも参考にさせていただいています。[アリガトウ]
バナー(ヘッダー?)の幅を変えたのですが、記事自体の幅はそれに合わせて変えられないのでしょうか?
サイドバーと記事の間が広く開いてしまうので、調節して埋めたいのですが・・・[ウーン]
どうすればいいのでしょうか?[ウッ]
by マイくん (2009-04-21 23:05)
★遠坂さん
お返事遅くなってしまってごめんなさい。
字体の変え方はここをご覧ください。
http://simu.blog.so-net.ne.jp/2008-11-23
by kuu♪ (2009-04-23 09:56)
★マイくんさん
この場合は、記事幅又はサイドバー幅又はその両方を広げるしかないです。
マイくんさんが元にしたスキンによって違うのですが、
記事部分は
/* Articles */の中にある
#main { の中の width: 530px;(数字は違うと思います)の数字を変えてみてください。
同様に/* Articles */の中にある項目の中に width: の記述があればそれも変えてください。
サイドバー部分は
/*-----Side-----*/の中にある
.sidebar{ の中の width: 199px;(数字は違うと思います)の数字を変えてみてください。
同様に/*-----Side-----*/の中にある項目の中に width: の記述があればそれも変えてください。
ちょっとわかりにくいですけど、width: の記述を見落とさないようにしてくださいね。
by kuu♪ (2009-04-23 10:08)
またまた質問すいません[♪]
他のブログで見たんですが・・・
画像にカーソルを合わせると違う画像に変わると・・・
説明不足ですいません!!!![ドウ]
良かったら教えてください!!!!![オネガイ]
by 遠坂 (2009-04-26 17:56)
★遠坂さん
たぶんそれはロールオーバーというものですね。
私もやったことがないので、詳しくはわかりませんが、このページが参考になるかもしれません。
http://hac-design.com/css/rollover.html
ちょっと難しいかもしれません。
これをソネブロで対応できるようにタグのチェックをすればいいのですが、今は時間がないのでごめんなさいね。
もし、時間があってやり方がわかれば記事にしますね。
by kuu♪ (2009-04-28 10:28)
ありがとうございますぅ[♪]
ゆっくりでいいので・・・・・
by 遠坂 (2009-04-29 09:47)
本当にすいません!![クスン]
質問しすぎだとはわかっているのですが・・・
サイトのバナーをブログに載せたいのですが・・
画像をクリックするとサイトにジャンプできる感じに
so-netでのやり方がわかりません・・他もわからないのですが・・・[グスッ]
いろいろと回答していただいているのですが
私がバカなせいでわからないので・・・
猿でもわかるくらいにおねがいします[オネガイ]
by 遠坂 (2009-04-30 18:46)
こんにちは、はじめまして。
まかのです。
わたしのブログで画像が縮小される という件で困っていたものです。
このたびはお礼をしたくて訪問させていただきました。
しかし、質問でもなく記事がわからなかったのでこちらの記事にさせていただきます。
画像については本当に有難うございました!
おかげさまで無事にタイトルバナーが表示できました。
kuu♪さんのおかげです;;
本当に有難うございました。
機会がありましたらこれからもよろしくおねがいします。
by まかの (2009-05-02 13:30)
★遠坂さん
日記を書く時の画像のアップロードの仕方はわかりますよね?
サイドバーのカスタムペインを開き、バナー画像をアップロードします。
そして、画像を載せ、上のほうにあるリンクボタンをクリックして画像をリンクさせれば大丈夫です。
わかるかな?
by kuu (2009-05-07 10:32)
★まかのさん
おせっかいかな? と思いつつ書き込みさせていただきました。
これからもカスタムスキン作り頑張ってくださいね。
by kuu (2009-05-07 10:33)
ありがとうございましたぁ[アリガトウ]
おかげでできたのですが・・・・
リンクの画像が記事に隠れていてなんの画像か
わからない状況なんで・・・・あ・・・・・
リンクが載せたいブログは「チャレンジDK」ではなく
http://apolo11moon.blog.so-net.ne.jp/
新しく作ったブログなんでよろしくです。~
by 遠坂 (2009-05-09 11:07)
すいません!!リンクの事はわかりましたぁ~[アハハ]
ありがとうございましたぁ
by 遠坂 (2009-05-12 13:43)
★遠坂さん
よかったですね[ニコッ]
by kuu (2009-05-13 14:05)
こんにちは[ハート]
kuu♪さんのおかげでコメント欄を装飾する事が出来ました[ワーイ]
何故かプレビューすると表示されず、一度保存するとしっかり変更が確認出来ます[アレ]
いつも丁寧に教えて頂き、本当に感謝しております[アリガトウ]
すごく詳しくて、尊敬しちゃいます[ハート]
有難うございました[ニコッ]
by La_vbl_kok (2009-05-13 16:57)
初めまして!!
ブログのタイトルにある画像を自分が作ったものに
変更したいのですが、どうやったら変更できますか?
教えて下さい、お願いします><;
差し込む場所はわかったのですが、タグの貼り方がよくわかりませんでした;
<img src="/_images/blog/_145/shiera/20090518-205857-97440500.gif" width="640" height="224" border="0" align="" alt="20090518-205857-97440500.gif" />
↑これをどういう風に変えて、差込すれば
いいんでしょうか?;;
by 時音 (2009-05-19 18:05)
★La_vbl_kokさん
できてよかったです^^
なんでプレビューで表示されなかったんでしょうね。
困りますね^^;
by kuu♪ (2009-05-20 12:13)
★時音さん
バナー画像のことですよね。
#banner { に入れるのですが
自動で
background:url("/_images/blog/_55e/:::::/1234.JPG") no-repeat;
}
みたいに変換されますよ。
やってみてくださいね。
by kuu♪ (2009-05-20 12:16)
こんにちは、コメントでは初めまして
いつも利用させていただいております*
質問なんですが、同窓リンクの仕方って分かりますかね?
同じ窓で開くようにリンクしたいのですが・・・
分かるようでしたら返答くださいませ^v^*
by 夢月みらる (2009-05-21 18:33)
[コンニチハ]回答ありがとうございます
また質問です><;今、
#banner {
height:105px;
background:url("/_common/skins/10/images/main.jpg") no-repeat center top;
clear:both;
}
↑こうなってるんですよ
そして、「center top;
clear:both;」を消すと右側に縦になって表示されてしまうんですが、どうすればいいでしょうか?;
それと、「自動」ってどうやったら出来るんですか?
機械オンチでもわかるように説明お願いします;;
どこかのページにファイルを開いて画像をクリックして・・・
と書いてあった気がするんですが、よくわかりませんでしたorz
by 時音 (2009-05-21 20:54)
はじめまして┏○
教えていただきたいのですが
一番上の画像は
どうやったらかえれるのですか?
好きな画像にしたいのですが・・・
よろしければ教えてください。
by こうやん1 (2009-05-22 13:22)
[オハヨ]このカスタムスキンへの道の
ブログも数年、愛用させていただき、
感謝しています。ホームページが
作れない僕にとっての唯一の趣味
でもあります。まだまだ、色々とカスタマイズ
が出来そうです。これからも[ヨロシク][オネガイ]
します。[アリガトウ]
by Natsumi (2009-05-23 10:05)
こんにちは! はじめまして。蜜です。
質問なのですが、
サイドバーの「読んでいるブログ(RSS)」のNEWの文字は
画像に変更はできないのでしょうか;;
少しいじってみたのですが、どうしても画像の上に
NEWという文字がかぶってしまうんです。
よろしかったら教えてください( _ _)
by 蜜 (2009-05-24 16:32)
★夢月みらるさん
シンプルエディタ(旧シンプルな入力)を使っているなら
http://blog-help.blog.so-net.ne.jp/simple
リッチテキストエディタ(旧表示を見ながら入力)を使っているなら
http://blog-help.blog.so-net.ne.jp/rich
リンクを設定するときに”同窓”か”新窓”かを選べますよ。
by kuu♪ (2009-05-27 10:55)
★時音さん
画像の挿入方法はここを見てください。
http://simu.blog.so-net.ne.jp/2008-12-07
center top; は真ん中寄せの上詰めという意味
clear:both; は回り込みをクリアという意味
なんです。
なので、center top; は消しても違うものに変えてもOK
だけど、clear:both; を消すとバランスが崩れます。
by kuu♪ (2009-05-27 11:01)
★こうやんさん
バナーのことですか?
http://simu.blog.so-net.ne.jp/2008-12-13
ここを見てくださいね。
by kuu♪ (2009-05-27 11:03)
★Natsumiさん
今回もかわいいスキンですね^^
by kuu♪ (2009-05-27 11:04)
★蜜さん
基本的に”new”は変えられないみたいです。
タブンですが。
ただ、変則的な方法で画像に差し替えることはできます。
http://simu.blog.so-net.ne.jp/2008-09-26
ここのコメント欄に書いてあるので参考になればいいですけど。
by kuu♪ (2009-05-27 11:07)
回答有難う御座いました!
早速やってみたんですが”同窓”か”新窓”という表示がなくて
未だに分かりません・・・orz
私の使っているのは「シンプルエディタ」です。
詳しく分かるようでしたらお願い致します><
by 夢月みらる (2009-05-30 08:48)
回答ありがとうございます!
早速試してみたら、できました^^*
良かったです!
ありがとうございました!!
by 蜜 (2009-05-30 19:27)
回答ありがとうございます
伝えるの忘れてました;
出来ました!!ありがとうございます*^ω^*
by 時音 (2009-05-31 13:34)
こんにちは、はじめてコメントさせていただきます!現代美術家の境と申します。いつもこちらのサイトを活用させていただいております!
質問があり、コメントを書かせていただきました。
ブログの上下に表示されている「前の1件 | 次の1件」、サイドバーに表示されている「RSS1.0 | RSS2.0」、一番下に表示されている「使い方 - Q&A」「So-netトップ - ブログ - フォト - クチコミ地図 - SNS - プロフィール」の表示を消したいのですが、可能でしょうか?
こちらのサイトを参考に、文字リンク色の変えて、文字だけは消えるのですが、その間にある「 | 」や「-」や「RSSの記号」は消せません。
「前の1件 | 次の1件」や「RSS1.0 | RSS2.0」や「使い方 - Q&A」自体の表示をまるまる消す方法はありますでしょうか?
下記がカスタマイズしたいサイトのURLです。宜しくお願い致します!!!
http://takaosakai-works.blog.so-net.ne.jp/
by 境貴雄 (2009-06-04 12:55)
★夢月みらるさん
説明がいい加減でごめんなさいね。
シンプルエディタの場合、
①文字を打つ
②文字を選択して、リンクマークを押す
③”スクリプトプロンプト”っていうところに、リンクしたいURLを入れ、OKを押す
④記事部分に下のようなものが出ます。
<a href="http://simu.blog.so-net.ne.jp/2009-03-25" target="_blank">ブログ</a>
このままだと新窓で開きます。
同窓で開くには、 target="_blank" を消します。
by kuu (2009-06-05 11:21)
★蜜さん
★時音さん
よかったですね^^
これからもがんばってくださいね。
by kuu (2009-06-05 11:23)
★境貴雄さん
表示をブログ自体から消し去る方法はあると思います。
ただ、私は、色の変更で人には見えなくすることはしますが、消し去ることはしないことにしています。
なので、お教えすることはできません、ごめんなさい。
でも、実際、されている方もいますから、ネットで探せばやり方を書いているかもしれません。
「前の1件 | 次の1件」のリンクしてない部分の変更は
/* Links */ の
.archive-title{ (上部の表示)
.archive-bottom{ (下部の表示)
この中に
color:#FFFFFF;
で、色を指定します。
「RSS1.0 | RSS2.0」のリンクしてない部分の変更は
#rssfeed{
color:#FFFFFF;
}
これを適当な場所に入れてください。
「使い方 - Q&A」「So-netトップ - ブログ - フォト - クチコミ地図 - SNS - プロフィール」のリンクしてない部分の変更は
#footer{ の中の
color:#FFFFFF;
を変更してください。
by kuu (2009-06-05 11:48)
kuu♪ さま
ご指導ありがとうございました!!!
早速、この方法で解決できました!!!
・・・が、再び2つ質問させてください。
実はもう一つブログをもっているのですが、同じ方法で消したのに、どうしても右下の「 - 」が消えません・・・。対処方法を教えて頂けるとありがたいです。下記のURLです。
http://takaosakai-portrait.blog.so-net.ne.jp/
また、RSSの横にある「オレンジ色のマーク」の表示も見せたくないのですが、矢印画像のように消す方法はありますでしょうか?
たびたび質問して申し訳ありません・・・。
お手数おかけしますが、ご指導を宜しくお願い致します!!!
by 境貴雄 (2009-06-05 13:47)
★境貴雄さん
もうひとつの方は黒背景なので、色の指定が
color:#000000;
ですね、きっと。
オレンジ色のマークは・・・
私的には消せないもののひとつなので^^;
もしかしたら、HTMLの方をいじると消せるかもしれませんね。
by kuu (2009-06-05 14:33)
kuu♪ さま
そうなんですが・・・ちゃんとcolor:#000000;にはしているのですが、左下は黒くなっているのに、右下だけが黒くならないんです・・・。なぜでしょうねぇ?
by 境貴雄 (2009-06-05 22:44)
kuu♪ さま
たびたびコメント失礼致します!
自力で試行錯誤した結果、無事にすべての問題が解決しました!
度重なるご指導ありがとうございました!!!
by 境貴雄 (2009-06-06 02:40)
[コンニチハ]
質問なのですが
このページの右にある目次…
どのようにして作っているのですか><
教えてくださいm(_ _)m
by こっこ (2009-06-19 20:04)
[コバワ]
質問なのですが…
目次ってありますよね
どうやって作っているのですか?
あ、右にあるやつです
by こっこ (2009-06-19 23:27)
★境貴雄さん
コメント遅くなってごめんなさい。
ぶじ解決よかったです^^
by kuu (2009-06-23 11:21)
★こっこさん
目次は”カスタムペイン”の中に自分で文字を打って、リンクを貼ってるだけですよ^^
by kuu (2009-06-23 11:23)
久しぶりです^^*
ぇっと、質問(?)で、
記事下に出てくる広告部分ってあるじゃないですか・・
それって消したり半透明にすることってできますか?
できたら教えて欲しいんですけど・・・
いきなりすみません。
by カレン (2009-06-27 13:58)
[コンニチハ]ソネブロのスキンのカスタマイズも成熟して
きましたが、http://ameblo.jp/poilot/こういう
スキンをソネブロでも作れないのかな?と思い提案しました。
また、スキンのカスタマイズを更新してください。[ヨロシク][オネガイ]
します。
by nic308 (2009-06-29 16:04)
初めまして♪
いつも参考にさせていただいてます!!
あの、サイドバーの幅を広くすることは可能でしょうか??
可能でしたら方法を教えてくださいorz
よろしくお願いします。
by CHIP (2009-07-12 16:29)
★カレンさん
広告を透過するには
http://simu.blog.so-net.ne.jp/2008-02-13-2
消すのは
管理ページ → 設定 → 広告設定 でできますよ。
by kuu (2009-07-22 13:34)
★nic308さん
色んな技を駆使すればできそうですね。
更新したいのですが・・・
時間がないんです。
あと、ソネブロ重くて・・・
もちょっと軽ければなぁ。
by kuu (2009-07-22 13:36)
★CHIPさん
サイドバーの幅はもちろん広くできます。
CHIPさんの場合はテンプレート一覧でワイド幅で指定して作り直す方が早いかもしれませんね。
詳しくはちょっと待ってください。
by kuu (2009-07-22 14:02)
こんばんわ
分からないことがありまして
単純なことなのかはわかりませんが
nice!のことで
ここのブログは「nice!ありがとう」
になってますがどうやって変えるのでしょうか?
もしよければ教えてください
お願いします
では失礼します
by クムリウタ (2009-07-25 19:10)
お久しぶりです^^
また教えていただきたいのですが、記事部分の幅を広げた所、記事の上部だけ小さくなってしまうのですがどうすれば直りますか??
公開設定にしてあるのでアイコンから見ていただけるかと思うのですが・・・。
よろしくお願いしますm(_ _)m
by マイくん (2009-07-27 23:03)
★クムリウタさん
これはHTMLをいじってます。
レイアウト → 記事 → コンテンツHTML編集
を開いて、 ちょうど真ん中あたりに"nice”の記述があります。
そこを自分の好きな言葉に書き換えられます。
失敗しても、元に戻せるから大丈夫ですよ。
by kuu♪ (2009-07-29 11:09)
★マイくんさん
この記事の枠は画像なので、自分でぴったりの幅の画像を作り直して、アップロードして使わないといけません。
それがめんどくさいのなら、角が丸くなってる画像をはずして、直線のタグを入れないといけません。
by kuu♪ (2009-07-29 11:12)
おかげさまで直りました!!
ありがとうございましたm(_ _)m
色々勉強になります^^
by マイくん (2009-07-31 22:12)
はじめまして。
お聞きしたい事があったので質問させていただきます[ヨロシク]
「記事TOPにお知らせ欄をつける」という記事で、〔その1〕の方法でやってみたのですが、本文に書いた文字がサイドバーの長さのところで改行されてしまいます><
できれば自分で好きなように改行したいのですが[ウーン]
よろしくお願いします[オネガイ]
by 和音 (2009-08-03 16:08)
こんにちは[コンニチハ]
はじめまして♪[ニコッ]
友達に教えてもらいここまできました[アハハ]
質問なんですが、ブログ上でアイコンをかえるにはどうすればいいでしょうか?
おすすめサイトなどおしえていただけるとうれしいです。
あとコメント欄のところに絵を入れるのはむりでしょうか??
もし知っていたらおしえてください;;
by ☆シウミ☆ (2009-08-28 11:09)
こんにちは、いつも参考にさせていただいています[ハート]
質問なのですが、TOPの時に記事を指定数表示することはできないのでしょうか?
私は一番新しい記事だけをTOPに表示したいのですが。。。
よろしければ返答お願いします><
by 太月 (2009-08-30 16:03)
↑わかりました!
ありがとうございました><
by 太月 (2009-08-31 15:48)
初めまして。^^
こちらの記事を参考にオリジナルスキンを作ってみました。
お礼の意味をこめて、記事にリンクを張りましたが
ご迷惑なら外しますので ご連絡下さい。
by にったん (2009-08-31 19:51)
初めまして、こんにちは。
記事タイトルに小さな画像を入れてみようと言うので、やってみるんですが、画像が入りません。
あっているかわからないのですが、このようにしています。
.articles-title {
margin:0 0 15px 0;
padding:19px 21px;
background:url("/_images/blog/_77a/necogamimiku/m_v01.gif") no-repeat left center;
background-color:#BBC6FE;
border-bottom:1px dotted #9a9a9a;
background:#ffeeff;
font-size:small;
color:#1c1c1c;
}
違う所など、教えてもらえると嬉しいです。[オネガイ]
by 猫神未来 (2009-09-02 21:39)
タイトルバーをつけたいのですが、
全部自分でわかりやすいテキストにしないと
気が済まない人間でくっしゃくしゃしてしまいます;
初期に戻した状態で上に
http://simu.blog.so-net.ne.jp/2008-12-13
これのタグを全部張り込めばよいのですか?
HTMLタグはいけるのですがcssはまったく分からずで、
今のところcss?は全て邪魔なので白紙です。
寧ろ全てHTMLタグで解決したいのですが、
不可能なのですかね・・・
運営に問い合わせても恒例のコピペ文が帰ってきそうなので、
質問するのです;
by フィルコ (2009-09-03 23:46)
すみません[ゴメン]、出来るようになりました。
なので、コメ返しはいいです。ありがとうございました。
by 猫神未来 (2009-09-05 17:09)
こんにちは。
ゲストさんがコメントを書く時、画像の部分が「GUEST」となるのを、画像を選択できるようにすることは出来ないのでしょうか?
あと、リンクなどをクリックした時、新しいページ?(タブ?)が開かれないのですが…今開いてるページとは別に開かれるようにするにはどこで設定すればよいのでしょうか(>Д<;)
是非教えてください。。
by あーちゃん (2009-09-07 07:20)
はじめまして
ヘッダー画像をオリジナルにしたくて、いろいろ検索してこちらにたどり着きました。
とっても参考になり、いろいろな技法もソネブロ用に詳しく記述されていて、これなら私もできそうです(^^)
ありがとうございます。
小さい画像を作るのは大好きなので、これでいろいろとお遊びの幅が広がりそうです♪
無事変更できたら、ご報告にまいります。また、わからなくなったら図々しくご質問させてくださいませ。
今後ともよろしくお願いいたしますm(__)m
by 兎猫 (2009-09-20 17:41)
★和音さん
できましたか?
書いてあるとおりにしたら、記事幅までは文字が打てると思います。
by kuu♪ (2009-09-25 15:01)
★☆シウミ☆さん
アイコンを変えるには、アイコンを作り、自分のサーバーにアップする必要があります。
もしくは配布している素材やさんもあるのでお気に入りを探してみてくださいね。
コメント欄に絵を入れるには、ここをご覧ください。
http://simu.blog.so-net.ne.jp/2007-12-23-6
by kuu♪ (2009-09-25 15:04)
★太月さん
できてよかったです。
by kuu♪ (2009-09-25 15:05)
★にったんさん
リンクありがとうございます。
素敵なスキンを作ってくださいね。
by kuu♪ (2009-09-25 15:06)
★猫神未来さん
できてよかったです~♪
by kuu♪ (2009-09-25 15:07)
★フィルコさん
ブログ上の画像や細かい指定はCSSでやってあるので、CSS抜きではスキンは作れません。
CSSとHTMLをうまくかみ合わせてオリジナルスキンを作ってみてくださいね。
by kuu♪ (2009-09-25 15:11)
★あーちゃんさん
ゲスト画像を自分の好きなものに変える方法はあります。
ただ・・・ 私は書いてないですね。ごめんなさい。
どなたかが書いてあるのを見たことがあるので、検索すると出てくるかもしれません。
リンクは、自分でその画像や文字にリンクを貼ったときに、同じウインドウか別ウインドウか選べることができます。
by kuu♪ (2009-09-25 15:16)
★兎猫さん
お役に立ててよかったです。
スキン作り楽しんでくださいね。
by kuu♪ (2009-09-25 15:17)