人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

はてなリングのロゴの貼り付け方について。
ヘルプによると、次のように書かれています。==以下引用==
?ロゴはリングのトップページから このリングのロゴを取得する をクリック
?ロゴ貼り付けタグが表示されるので、コピーする(ロゴ貼り付ける対象が はてなダイアリーの場合は「はてな用リングモジュール」をコピーしてください)
?自分のブログのテンプレートに貼り付ける (はてなダイアリーの場合はヘッダかフッタに貼り付けます)
==引用ここまで==
で、?まではわかりますが、?ではてなダイアリーのヘッダかフッタに貼り付ける、とありますがどうやってヘッダやフッタに貼り付けるのですか?

●質問者: naoday
●カテゴリ:はてなの使い方 コンピュータ
✍キーワード:はてな はてなダイアリー はてなリング クリック コピー
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● Yuny
●20ポイント

http://hatenadiary.g.hatena.ne.jp/keyword/%e3%81%af%e3%81%a6%e3%...

はてなダイアリーのヘルプ - はてなリングのバナーを貼り付ける(ringモジュール)

ご自分のはてなダイアリーの右上「管理」をクリックします。

左のメニューから「デザイン」をクリックします。

画面右端の「詳細デザイン設定」をクリックします。

画面下の方に「ページのヘッダ」「ページのフッタ」という書き込み欄があるので、お好きな方にロゴ貼付け用のタグをコピー&ペースとして書き込みます。

画面最下部で「プレビュー」ボタンを押し、デザインを確かめてから最下部の「この無いように変更する」をクリックすればokです。


ヘッダに書いた事は、主にダイアリーのタイトルの下、本文の上に。


フッタに書くと、主に本文の下やサイドバー(<div class=”sidebar”>の後に書く)に表示できます。


また、ここで書き込んだ事は「かんたんデザイン設定」を使うと消えてしまうので、「かんたんデザイン設定」を使ってデザインテーマを変える前にはヘッダ、フッタに書き込んだ事はwindows のメモ帳とかでコピー&ペーストして変更した事項を保存しておいた方がいいでしょう。

デザインを変えた後、また書き込めばいいのですし。

◎質問者からの返答

ありがとうございました。貼り付けることはできたのですが、複数のロゴを貼り付けたところ、サイズがバラバラになってしまいましたが、これらをそろえることはできますか?


2 ● アイデアテスター
●10ポイント

http://d.hatena.ne.jp/Tiger/20051108/1131467280

あそびや in はてな - ヘッダ内で、画像サイズを固定し、(無理矢理)横に並べた

>複数のロゴを貼り付けたところ、サイズがバラバラになってしまいましたが、これらをそろえることはできますか?


詳細デザイン設定でスタイルシートを記述することによりサイズをそろえることが可能です.

http://i.hatena.ne.jp/idea/7120

はてなアイデア - リングのロゴを「最新リング一覧」で表示される60px四方のスタイルで強制表示するモジュールオプション。もしくは表示手段。

はてなアイデアにもサイズをそろえたいという要望が寄せられています.ベットされてはいかがでしょう.

◎質問者からの返答

ありがとうございました。スタイルシートを記述する、というのは具体的にどこに何を書けばよいのですか?そういうことに詳しくないので、さっぱり何のことやら理解できません。シロウト向けの解説はありませんか?


3 ● Yuny
●30ポイント

http://ring.hatena.ne.jp/

はてなリング

先ほど書き込んだ者ですが、ロゴサイズの調整方法がわかりました。以下実験してみてください。


先ほどの方法ではてなダイアリーの「詳細デザイン設定」を開きます。


それで、ヘッダやフッタに書き込んだタグから、はてなリングのID番号を見つけます。それは、はてなリングを設置したとき、

<hatena name="ring" rid="リング名" sid="個別のID" template="hatena-module">

というタグを書き込んだと思うのですが、その「SID」で指定した4桁くらいの数字のことです。

はてなリングの一つ一つに番号があるのでそれをすべて紙にメモしておきます。


さらに画面下の部分に行くと「スタイルシート」という記入欄があるでしょう。

そちらに、以下のようなタグを書き込みます。

たとえば、ID番号が1111、1112のはてなリングに参加していて、ロゴをすべて40px(ピクセル)の幅に統一するのであれば、


/*はてなリングロゴサイズ*/

div#hatena-ring-1111 img{width:40px;}

div#hatena-ring-1112 img{width:40px;}


こう書きます。

つまり、

div#hatena-ring-ID番号 img{width:幅の大きさpx;}

と、すべてのはてなリングについて指定します。


あとは、先ほどヘッダやフッタに書いたのと同じように、画面下部のボタンで「プレビュー」し、よければ「この内容に変更する」してください。

◎質問者からの返答

ありがとうございます。実際にやってみましたが、うまくいきませんでした。疑問としては、

?sidはリングごとに違う番号になるのですか?私の場合は、4つのリングに参加してもすべて同じ番号(6桁)が表示されています。

?スタイルシートにはもともと書かれていたものの末尾から改行し、直後から書き加えてよいのですか?

?スタイルシートに書くのは、貴方の例によると

/*はてなリングロゴサイズ*/

div#hatena-ring-1111 img{width:40px;}

div#hatena-ring-1112 img{width:40px;}

とありますが、この1行目の、/*はてなリングロゴサイズ*/と言う文字もそのまま日本語で入力するのですか?

以上、長くなってしまいましたが、教えていただければ幸いです。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ