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

はてなダイアリで、”最近の見出し”をヘッダーやフッターではなく、真横にフレーム風に出す方法を教えていただきたい。(ズバリのタグ記述希望)現在は方法がわかんないのでフッターに間抜けに貼り付けてあります。
http://d.hatena.ne.jp/Marvy/

●質問者: Marvy
●カテゴリ:ウェブ制作
✍キーワード:はてなダイアリ ズバリ タグ フレーム 希望
○ 状態 :終了
└ 回答数 : 8/8件

▽最新の回答へ

1 ● hatene
●15ポイント

サイドバーに出す方法ですか?

フッタに

<div class=”sidebar”>

<hatena name=”section” moduletitle=”最近の見出し”>

</div>

でどうですか。(ちゃんとタグが出るかな)

◎質問者からの返答

いや、まったくなんにもでませんねぇ。(今実際に自分のページに適応してあります)


2 ● AMark
●15ポイント

http://d.hatena.ne.jp/help

はてなダイアリーのヘルプ

私も今月よりはじめたばかりなのですが、そのまま書くとページのフッタで

</div>

<div class=”sidebar”>

<hatena name=”calendar2”>

<a href=”

http://www.google.co.jp/

Google

”>

<img src=”

http://www.google.com/logos/Logo_40wht.gif

border=”0” alt=”Google” align=”absmiddle”></a>

<form method=GET action=”

http://www.google.co.jp/search

Google

”>

<table bgcolor=”#FFFFFF”><tr><td>

<input type=text name=q size=22 maxlength=255 value=””>

<input type=hidden name=hl value=”ja”>

<input type=submit name=btnG value=”Google 検索”>

</td></tr></table>

</form>

<hatena name=”section”>

<hatena name=”antenna” template=”list”>

最近のキーワード

<hatena name=”keyword” listlimit=”5” cname=”web” moduletitle=”ウェブ” template=”list”>

<hatena name=”keyword” listlimit=”5” cname=”elec” moduletitle=”コンピュータ” template=”list”>

<hatena name=”keyword” listlimit=”5” cname=”anime” moduletitle=”アニメ” template=”list”>

<hatena name=”keyword” listlimit=”5” cname=”game” moduletitle=”ゲーム” template=”list”>

<hatena name=”keyword” listlimit=”5” cname=”comic” moduletitle=”コミック” template=”list”>

<hatena name=”keyword” listlimit=”5” cname=”music” moduletitle=”音楽” template=”list”>

俺的巡回リスト

昼の部

<ul>

<li><a target=”_blank” href=”

http://www.itmedia.co.jp/games/

”>ITMediaGames</li><li><a target=”_blank” href=”

http://ascii24.com/

ASCII.jp:ascii24.com一時停止のお知らせ

”>ASCII24</li><li><a target=”_blank” href=”

http://www.asahi.com/

asahi.com:朝日新聞社の速報ニュースサイト

”>アサヒ・コム</li><li><a target=”_blank” href=”

http://www.yomiuri.co.jp/

ニュース 速報 YOMIURI ONLINE(読売新聞)

”>YOMIURI</li><li><a target=”_blank” href=”

http://www.sankei.co.jp/

MSN産経ニュース

”>Sankei</li><li><a target=”_blank” href=”

http://www.nikkei.co.jp/

NIKKEI NET(日経ネット):日経の最新ニュースを速報

”>NIKKEI</li><li><a target=”_blank” href=”

http://www.mainichi.co.jp/

毎日新聞社

”>毎日新聞</li>

</ul>

<hatena name=”question”>

</div>

としました。

たしか、はてなダイアリーのヘルプに載っていたはずですが

◎質問者からの返答

該当ヘルプを読んでみたところ、どうやら選んだテーマによってはそのままでは横には配置できないようです。ちと研究してみます。ありがとう。


3 ● samejima
●15ポイント

ソースを見るとdiv開始タグのclass属性の値が

class=””sidebar””

と全角文字でクオートされています。

”を消せば動くのでは。

◎質問者からの返答

あれ?今の時点ではそうはなっていないようですが、、その点気をつけてみます


4 ● 芹沢文書
●15ポイント

上の方の回答で概ね間違いないのですが、はてなの回答フォームの仕様でダブルクォーテーション(”)が全角になってしまっているようですので、半角に修正してお使いください。

横に持ってくるには、スタイルシートに

div.main {

margin-left: 21%;

}

div.sidebar {

width: 20%;

float: left;

}

などと書いて下さい。

尚、既にフッターにdiv class=”sidebar”があるようですので、hatena name=”section”モジュールもその中に書くと良いと思います。

◎質問者からの返答

ども、ご丁寧に。


5 ● sasada
●15ポイント

http://d.hatena.ne.jp/keyword/sidebar

sidebarとは - はてなキーワード

お使いのテーマは再度バーに対応していないので、若干細工が必要です。

右側に縦長に表示させる場合

ダイアリーの設定のスタイルシート欄に、

div.main{margin-left:5%; margin-right:25%;}

div.sidebar{left: 75%;}

と書きます。

ダイアリーの設定のヘッダ欄の最後に、

<div class=”main”>

ダイアリーの設定のフッタ欄の先頭に、

</div>

<div class=”sidebar”>

<hatena name=”section” template=”list”>

</div>

と書きます。

とりあえず、右側に表示されませんか?

http://d.hatena.ne.jp/keyword/section%a5%e2%a5%b8%a5%e5%a1%bc%a5...

sectionモジュールとは - はてなキーワード

◎質問者からの返答

そうか、なるほど、そうすればあのスタイルシートをあきらめないでもいいわけですね?ありがとうございます。


1-5件表示/8件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



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