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

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

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2004/03/09 13:53:45
  • 終了:--

回答(8件)

id:hatene No.1

hatene回答回数168ベストアンサー獲得回数02004/03/09 14:17:05

ポイント15pt

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

フッタに

<div class=”sidebar”>

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

</div>

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

id:Marvy

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

2004/03/09 14:21:53
id:AMark No.2

AMark回答回数115ベストアンサー獲得回数02004/03/09 14:18:13

ポイント15pt

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

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

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

</div>

<div class=”sidebar”>

<hatena name=”calendar2”>

<a href=”

”>

<img src=”

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

<form method=GET action=”

”>

<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=”

”>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=”

”>毎日新聞</li>

</ul>

<hatena name=”question”>

</div>

としました。

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

id:Marvy

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

2004/03/09 14:33:15
id:samejima No.3

samejima回答回数92ベストアンサー獲得回数82004/03/09 14:27:35

ポイント15pt

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

class=””sidebar””

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

”を消せば動くのでは。

id:Marvy

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

2004/03/09 14:37:30
id:DocSeri No.4

芹沢文書回答回数127ベストアンサー獲得回数22004/03/09 14:48:51

ポイント15pt

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

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

div.main {

margin-left: 21%;

}

div.sidebar {

width: 20%;

float: left;

}

などと書いて下さい。

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

id:Marvy

ども、ご丁寧に。

2004/03/09 20:17:40
id:sasada No.5

sasada回答回数1482ベストアンサー獲得回数1332004/03/09 14:52:34

ポイント15pt

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モジュールとは - はてなキーワード

id:Marvy

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

2004/03/09 20:18:58
id:alpinix No.6

あるぴにっくす回答回数615ベストアンサー獲得回数972004/03/09 14:56:12

ポイント15pt

僕がやっているやり方です。

参考URLは僕が参考にさせてもらったところです。

ちなみに下のをそのままコピペすると、検索窓から最近のブログから、アンテナから全部はいるはずです。

ただし使っているテーマがサイドバーに対応していない場合はスタイルシートにさらに追加して書き込みしないといけません。下記は私の場合のを書いておきます。

数値をいじれば、トップからの位置とか左右のバランスを調整できます。

________ここから下をフッターに入れる_______________

</div>

<div class=”sidebar”>

<BLOCKQUOTE><B>

このへんにサイドバーに表示させたい内容を書く。フォントタグとか有効です。

</BLOCKQUOTE>

</FONT>

<hatena name=”calendar”>

<center>

<hatena name=”calendar2”></center><FONT size=”2”>

<hatena name=”section” listlimit=”50” titlelength=”40” moduletitle=”過去の記事” showcategory=”false” template=”list”></FONT>

<center><hatena name=”searchform”></center>

<hatena name=”antenna”>

</div>

_________ここまで___________

___テーマの種類により、スタイルシートの一番下にコピペ__

div.main {

margin-left:37%;

}

div.sidebar {

position:absolute;

top:200px;

left:1px;

width:34%;

}

id:Marvy

ありがとうございます、順番に試して見ます。

2004/03/09 20:19:57
id:pons No.7

pons回答回数366ベストアンサー獲得回数82004/03/09 16:09:26

ポイント15pt

http://d.hatena.ne.jp/keyword/sidebar?kid=28904

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

サイドバーの出し方を見て自分のところにつけてみましたらできました。

■1.CSSに追加必要かどうか見極める

  追加が必要なテーマは記載通り追加する

 

http://d.hatena.ne.jp/keyword/sidebar?kid=28904#p3

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

  

■(2.)CSSの記述欄にサイドバーの記述を追加

http://d.hatena.ne.jp/keyword/sidebar?kid=28904#p2

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

 例)そのままこんな風に

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

div.sidebar{left: 75%;}

■3.サイドバーを記述する HTMLを記載する

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

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

例)

ヘッダに

<div class=”main”>

フッタに

</div>

<div class=”sidebar”>

<hatena name=”antenna”>

</div>

など。

■4.表示位置をCSSなどで調整する

一旦「この内容に変更する」ボタンを押してその後

 CSSの 表示位置指定 ピクセル指定やパーセント指定を変えて自分のページにあわせてみる

という感じかなあと思いました。

 

  

  

id:Marvy

CSSっすか、大苦戦中。

2004/03/10 03:37:06
id:smoking186 No.8

186回答回数74ベストアンサー獲得回数62004/03/09 23:42:34

ポイント30pt

ポイントは要りません。

6で紹介された日記を書いているものです。

6の回答ですと、b,font,centerと物理要素が並び、引用部でも無いのにblockquoteとなっているので適宜b,font,center等を抜いて使った方が良いと思います。

右側にsidebarを配置する方法を参考URLに書きましたのでご参照下さい。

id:Marvy

ありがとうございます。皆々様の厚いご支援のおかげで、なんとか右部にフレーム風にモジュールを配置できるようになりました、深く御礼申し上げます!!

2004/03/10 06:22:58

コメントはまだありません

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

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

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

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません