はてなグループについて

タイトルをダイアリーみたいに画像にすることは出来ますか?

回答の条件
  • 1人5回まで
  • 登録:
  • 終了:2011/10/22 00:05:02

ベストアンサー

id:isako4423 No.1

回答回数182ベストアンサー獲得回数49

グループのヘッダの編集の所で

<div class="hatena-body">

の上に

<h1 id="titling"><a href="グループの自分のページ(画像だけでいいならいらない)"><img src="画像のurl"></a></h1>

と記述すればできると思いますよ多分。










試したことないのでわかりませんが

追記

やってみたら、変な感じになりました。

――――――――――――――――――

タイトル

画像

記事

――――――――――――――――――

みたいな感じです。

詳しくはこちらです。

コメントにも書いた通りCSSで本のh1を消すしかありません

消し方は

http://d.hatena.ne.jp/keyword/%A4%CF%A4%C6%A4%CA%A5%C0%A5%A4%A5%A2%A5%EA%A1%BC%A5%AC%A5%A4%A5%C9%A1%D6CSS%A5%BB%A5%EC%A5%AF%A5%BF%A1%D7#sb

に記述されている通り

h1 {
display: none;
}

をCSSに貼り付ければいいのです。

しかしそれだと

h1ではさんだタイトル画像も消えてしまうので

<h1 id="titling">

を消してください

id:tikyuujin2011

やってみたら、変な感じになりました。

――――――――――――――――――

タイトル

画像

記事

――――――――――――――――――

みたいな感じです。

詳しくはこちらです。

2011/10/15 19:00:22
id:tikyuujin2011

返信遅くなってすいません。
なんとかできました。
ありがとうございました。

2012/01/02 15:56:04
  • id:isako4423
    そうなった場合上のタイトルをCSSから消さなきゃいけませんね・・・

    タイトルの消し方は分からんのであとは任せた鴉
    >>id:flandlescarlet

    ごめん鴉




    違和感ない気がするのは私だけでしょうか・・・
  • id:isako4423
    http://d.hatena.ne.jp/keyword/%A4%CF%A4%C6%A4%CA%A5%C0%A5%A4%A5%A2%A5%EA%A1%BC%A5%AC%A5%A4%A5%C9%A1%D6CSS%A5%BB%A5%EC%A5%AF%A5%BF%A1%D7#sbにて記述されている方法では

    >>日記タイトルを非表示にする
    ↓ここ↓

    h1 {
    display: none;
    }

    ↑ここ↑
    CSSの話ではないけれど、これでさらにヘッダの日記のタイトルのすぐ下や日記本文の真上にimgタグで画像を貼ると、(構造的にはdiv.hatenabody内だしh1要素でもないけど)タイトルが画像になったようなかんじになります(位置の微調整などの方法は、テーマや貼る画像によるので省略)。

    と書いてありますのでCSSは上記のを使えばできる筈です多分。


    一応回答にまとめておきます
  • id:flandlescarlet
    第二補足

    もう完全に見栄えも完璧になっているけど

    h1 a{
    display: none;
    }

    これが安全かな

    h1でディスプレイのーんにすると
    もしhtmlでタグを使っていたら

    記事のタイトルに
    <h1>今日活動した事は</h1>
    と打つと消えてしまいます

    一応第二補足のcssを打っても
    タイトルをリンク先にすると

    <h1><a href="どっかのURL"></h1>

    これは消えてしまいます

この質問への反応(ブックマークコメント)

トラックバック

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません