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

はてなグループウェアに関して質問です。
ちょっとすみません。下記↓は私の作ったグループなのですが、
http://uranai.g.hatena.ne.jp/
スレッド一覧のところのスタイルがおかしいんです。
「占い師」や「注目エントリー」の見出しのようなスタイルにしたいのですが、
どうやって設定したら良いでしょうか。

●質問者: tisei
●カテゴリ:はてなの使い方
✍キーワード:すみません はてなグループ グループ スタイル スレッド
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● a-kuma3
●12ポイント

スレッド一覧を <h2> で囲めば良いんじゃない?

◎質問者からの返答

確かに見た目は統一されるのですが、問題の中身のスレッド一覧が消えてしまいました;;。


2 ● a-kuma3
●12ポイント

</h2> で閉じてます?

該当部分が、↓のような HTML で展開されているんだけど、

 <div class="hatena-module hatena-module-bbs">
 <div class="hatena-moduletitle"><a href="/bbs">スレッド一覧</a></div>
 <div class="hatena-modulebody">
 <ul class="hatena-bbs">

 <li>2011年03月14日 <a href="/bbs/3?mode=tree">占い宣伝スレッド (1)</a></li>

スレッド一覧のところを、

 <div class="hatena-moduletitle"><h2><a href="/bbs">スレッド一覧</a></h2></div>

となるようにしたら良いと思うのだけれど。


# 回答のレベルに達して無くて、済みません。

◎質問者からの返答

<hatena name="bbs" listlimit="5" moduletitle="スレッド一覧" dateformat="%Y年%m月%d日" template="diary">

実際はこういうコードなんです。はてな独自のスタイルシートのようで、H2で閉じるとおかしいんです。

これは、はてなスタッフさんに聞いた方がよいのでしょうか。


3 ● taroe
●21ポイント

<STYLE>

.hatena-moduletitle {

padiing-left:50px;

  background:url(h2.gif) left top no-repeat;

}

</STILE>

はてなさんはサポート外だと思いますけど、聞いてみるのもよいでしょう。

スタイルで設定してあげると可能です。

試してないですがこんな感じです。

class="hatena-moduletitle”にh2と同じ属性を与えます。

1行目が、左の空白設定です。これで位置を調整してください

2行目が、タイトルの後ろに背景画像を置く設定です。

◎質問者からの返答

moduletitleが他ので上手くいっているので、スレッド一覧だけバグのような気がしてきました。


4 ● グラ娘。
●45ポイント ベストアンサー

中途半端な状態での回答なのですが、

div.hatena-module-bbs div.hatena-moduletitle {
 font-weight: bold;
 margin-left:15px;
 line-height: 1.2em;
 font-size:90%;
 background:url('./theme/foto-purple/h2-main.gif') left top no-repeat;
 padding:7px;
 color:#fff;
 position:relative;
}

div.hatena-module-bbs div.hatena-moduletitle a,div.hatena-module-bbs div.hatena-moduletitle a:visited{
 color:#fff;
 text-decoration:none;
}
div.hatena-module-bbs div.hatena-moduletitle a.edit{
 position:absolute;
 top:6px;
 right:6px;
 font-weight:normal;
}

ぐらい(ぐらいというのは、各属性の意味とか十分把握せずにh2のスタイルからコピペしただけなのでおそらく過不足がある)をスタイルシートに書いてやれば、それなりの見た目が実現できると思います。ローカルではそれなりに見えました。


私もスタイルシートにはそれほど詳しく無く、はてなグループも利用したことが無いのですが、ざっと見たところbbsモジュールは、

お使いのスタイルでは、サイドバー以外の箇所でのhatena-moduletitleでのスタイルが定義されてないようでした。

サイドバー以外で使った場合、hatena-moduletitleクラスに特別な修飾をしませんよということのようです。おそらくバグでは無いですね。


別の可能性として(なんら根拠はないですが)

<hatena name="bbs" listlimit="5" moduletitle="スレッド一覧" dateformat="%Y年%m月%d日" template="diary">

を記載しているときの、「moduletitle」って省略できないんでしょうか?省略可能で何も表示されなくなるなら、そこに

はてなモジュールの埋め込みタグとは別にHタグで「スレッド一覧」と書いておけば、わざわざスタイルを設定する必要も無くなると思うのですが、甘いですかね?


面倒なら、やはり、サイドバーに持っていくのがよいかとも思いました。

私も以前自分のブログでスタイルシートを編集しようとして、深みにはまって後悔したことがありました。

(リンクテキストの色の設定を忘れたり、それが訪問済みになった時の色もまた設定が必要だったり、いろいろ面倒で)

◎質問者からの返答

大変ご丁寧にありがとうございます。コピペさせていただきました。綺麗にいきました。本当にありがとうございます^^。

関連質問


●質問をもっと探す●



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