16 コメント コメント日が 古い順 | 新しい順 お礼 (monta) 2006-01-19 12:56:52 はじめまして。スタッフさんからのリンクなどでたまに覗いてました。まさか前々からずっとやりたかったことがこんな近くにあったなんて( ´-`)おかげでカウンタ設置できました!ありがとうございます!! 返信する どういたしまして (かつを) 2006-01-20 01:42:36 >おかげでカウンタ設置できました!>ありがとうございます!!どういたしまして。参考になったみたいで、良かったです。 返信する タイトルの画像治りましたありがとうございます (024) 2006-02-13 23:39:42 わざわざ教えていただいてありがとうございます画像は治せましたがカウンターがどうしてもうまくいきませんカウンターは忍者ツールズをつかってますが、使うカウンターが悪いのでしょうか?すいませんがおしえていただけないでしょうか?よろしくおねがいします 返信する ベースノートから移動しました (かつを) 2006-02-13 23:41:56 上のコメントは、ベースノートにあったのですが、こっちの方がいいかなと思って、移動しちゃいました。で、回答ですが、「カウンタ画像URL(http://your_counter.jp/counter_url)の例」のリンク先ににあるように、指定されたタグが<img src="http://ct#.shinobi.jp/xx/カウンタのID" border="0" alt="文字列" />なら、"http://ct#.shinobi.jp/xx/カウンタのID"の部分です。 返信する 参照させていただきました (柏(≡ω≡)) 2006-02-23 01:27:54 はじめまして、柏と申します。この記事を参考に、ずっとつけたかったカウンタを設置する事ができました。左ギリギリに表示されますが、何とか設置できてます。ありがとうございました。 返信する background-positionを指定してみては? (かつを) 2006-02-23 02:15:44 >左ギリギリに表示されますが、ちょっとCSSを覗かせてもらいましたが、background-positionを指定していないので、background-position: left top;が指定された状態と同じことになっているんだと思います。左側にちょっと隙間をあけて、上下を中央寄せするなら、background-position: 10px center; /* 左から10px、上下中央寄せ */とかbackground-position: 5% center; /* 左から5%、上下中央寄せ */とかを指定してみてはいかがでしょうか? 返信する 直りました! (柏(≡ω≡)) 2006-02-24 02:59:14 ご指摘のとおり、background-positionを指定しなおしたら直りました。 ご指南ありがとうございます! 返信する 良かったですね (かつを) 2006-02-24 19:10:24 直ったみたいで、良かったですね。これからも、色々いじってみてくださいね。 返信する 突然で申し訳ありません。 (Gil) 2006-04-11 22:14:40 初めまして。css編集が全く分からない初心者ながら、どうしてもカウンターを設置したくて検索した所、こちらのブログにたどりつきました。忍者ツールでID取得し、こちらのサイトを参考にしながら設置しようとしたのですが、どうしても上手くいきません。突然で大変失礼なのですが、テンプレートがカスタムブルーの場合はどのようにcss編集すれば良いのか教えて頂けますか。(ちなみにカウンターはタイトル部分の右はじに設置したいと思っています)もし知っておられたらで結構です。カウンタ用HTMLソースをCSS編集画面のどこにコピーしてよいやらも分からないど素人ですが教えて頂けましたら幸いです。 返信する カスタムブルーは使ったことないんですが (かつを) 2006-04-11 23:14:53 「3. ブログ概要の右にカウンタ画像を追加する場合」の例の .bDesc というセレクタを .headerDark に置き換えて考えていただければ、取り敢えず表示はされると思います。 返信する ありがとうございます。 (Gil) 2006-04-12 20:15:51 突然な質問にも関わらずご回答ありがとうございます。 返信する 何度もすみません、そしてありがとうございます (Gil) 2006-04-13 20:07:30 かつをさん、わざわざ私のブログをチェック頂いてありがとうございます!実はカスタムブルーは出来上がりイメージがいまいちだった事もあり、クリアブルーに途中変更したのです、失礼しました。早速ご指摘頂いたURLを修正させて頂きました。丁寧なご回答とご指摘、本当にありがとうございました。お陰様でカウンター設置ができました。 返信する 設置できました (杏) 2006-08-02 16:32:49 ほとんど知識のない私ですが、先日よりカスタムメタルを基にいろいろ触りはじめたのですが、どうしてもアクセスカウンタがとりつけえられず、いろいろ調べていてこちらにたどりつきました。よりによって何となく選んでいたカスタムメタルが悪かったようですね(笑)おかげさまで無事取り付けられました。欲を言えばブログタイトルバーの右下につけたいのですが、無理ですよね?(笑)ありがとうございました!! 返信する ん~希望に一番近いのは… (かつを) 2006-08-02 22:51:12 >欲を言えばブログタイトルバーの右下に>つけたいのですが、無理ですよね?(笑)ブログのタイトル文字の右下にカウンタを表示する、つまりブログのタイトル 12345678みたいにしたいってことですか?それなら、1. ブログのタイトル(.bTitle)に右下余白を設けて、カウンタ画像を右下寄せで設定2. タイトル下の二重破線(.tbg6)にタイトルとの余白を設けるこの2点で何とかなると思います。# 記事の中にある「4.タイトルの左に余白を設けてカウンタ画像を追加する場合」が一番近いかな修正例は、以下の通りです。【修正前】/* ブログのタイトルの文字 */.bTitle { (中略)} (中略)/* ブログのタイトルの下の二重破線 */.tbg6 { (中略) background-position: left center;} ↓【修正後】/* ブログのタイトルの文字 */.bTitle { (中略) /* 背景(カウンタ)画像表示用の右下余白を設ける */ padding-right: 150px; /* 右余白:150ピクセル */ padding-bottom: 30px; /* 下余白:30ピクセル */ /* あなたのカウンタ画像のURL */ background-image: url("http://your_counter.jp/counter_url"); /* 繰り返しなし */ background-repeat: no-repeat; /* 右下寄せ */ background-position: right bottom;} (中略)/* ブログのタイトルの下の二重破線 */.tbg6 { (中略) /* 背景位置を左下寄せに変更 */ background-position: left bottom; /* タイトルとの間に余白を設ける */ padding-top: 30px; /* 上余白:30ピクセル */}ということで、試してみてください。なお、余白のピクセル数はあくまでサンプルなので、適当に試してご自分のブログにあった数値を探す必要があります。 返信する Unknown (杏) 2006-08-02 23:29:59 早速ブログを見に来ていただいて、本当にわかりやすく教えていただいて、恐縮です。ちょっと私の言い方が悪かったのですが、カウンターが浮いたような位置だったので、背景画像の極力右下に置きたかったのですが・・・。かつをさんのコメントからヒントいただきました!background-position: right bottomに変更後随分改善されて満足です!!ありがとうございました!! 返信する カスタムブルーにつけた人もいました (かつを) 2008-07-30 23:49:01 うちの記事は「カスタムメタル」向けでしたが、「テンプレートがカスタムブルーなら、CSSを編集して~ .headerDark にカウンタ画像を、背景として設定」というヒントだけから、きちんとカウンタを設置された方が居ました。● カウンタ設置キター - 俺の部屋http://blog.goo.ne.jp/s-tsukui1114/e/33d52dc2f0308d70bf5fd151533d2b48ちょっと素晴らしいですね。 返信する コメントをもっと見る 規約違反等の連絡 コメントを投稿 goo blogにログインしてコメントを投稿すると、コメントに対する返信があった場合に通知が届きます。 ※コメント投稿者のブログIDはブログ作成者のみに通知されます 名前 タイトル URL ※名前とURLを記憶する コメント ※絵文字はJavaScriptが有効な環境でのみご利用いただけます。 ▼ 絵文字を表示 携帯絵文字 リスト1 リスト2 リスト3 リスト4 リスト5 ユーザー作品 ▲ 閉じる コメント利用規約に同意の上コメント投稿を行ってください。 コメント利用規約に同意する 数字4桁を入力し、投稿ボタンを押してください。 コメントを投稿する
スタッフさんからのリンクなどでたまに覗いてました。
まさか前々からずっとやりたかったことが
こんな近くにあったなんて( ´-`)
おかげでカウンタ設置できました!
ありがとうございます!!
>ありがとうございます!!
どういたしまして。
参考になったみたいで、良かったです。
ありがとうございます
画像は治せましたがカウンターがどうしてもうまくいきませんカウンターは忍者ツールズをつかってますが、使うカウンターが悪いのでしょうか?
すいませんがおしえていただけないでしょうか?よろしくおねがいします
で、回答ですが、「カウンタ画像URL(http://your_counter.jp/counter_url)の例」のリンク先ににあるように、指定されたタグが
<img src="http://ct#.shinobi.jp/xx/カウンタのID" border="0" alt="文字列" />
なら、
"http://ct#.shinobi.jp/xx/カウンタのID"
の部分です。
この記事を参考に、ずっとつけたかったカウンタを設置する事ができました。左ギリギリに表示されますが、何とか設置できてます。
ありがとうございました。
ちょっとCSSを覗かせてもらいましたが、background-positionを指定していないので、
background-position: left top;
が指定された状態と同じことになっているんだと思います。
左側にちょっと隙間をあけて、上下を中央寄せするなら、
background-position: 10px center; /* 左から10px、上下中央寄せ */
とか
background-position: 5% center; /* 左から5%、上下中央寄せ */
とかを指定してみてはいかがでしょうか?
ご指南ありがとうございます!
これからも、色々いじってみてくださいね。