現在、はてなダイアリーを3カラムにして使っておりますが、
"ヘッダー"と ""メイン記事部分+サイドバー部分"" との間に空欄行を作成し、
この空欄行には必要に応じて、
はてな記法やhtmlタグを使用した文章やリンク(URL)を表示したいと思います。
ダイアリー管理ページ内デザインの、どの部分にどのようなタグやCSSを記入すれば実現できますでしょうか?
(はてなダイアリー上部部分、現在のものと実現したいものの画像を添付致します)
ご指導宜しくお願い申し上げます。
◆ ダイアリーURL: http://d.hatena.ne.jp/SumireS+PUB/
◆自動回答拒否を設定しておりますが、
回答をしようと思われていらっしゃるかたで、回答ができない状態の場合は、
設定を解除致しますのでコメント欄を通じてご連絡下さい。
(自動回答拒否機能使用の場合、設定者側では 実際に拒否されているIDが把握できません)
ページのヘッダ、スタイルシートを以下のようにしてください。
<div class="Test"> この部分を「空欄行」にします。 </div>
.Test{ height: 50px; padding: 5px; background-color: #ffff00; }
使っているテーマにもよると思うのですけれど、「ページのヘッダ」辺りをいじる感じになると思います。
「管理」→「デザイン」→「デザイン編集」→「詳細」の「ページのヘッダ」の部分です。
ぼくが使ってるのは、極シンプルなテーマで、見た目はこんな感じ。
で、ページのヘッダはこう。
<div class="main">
それに、こんな感じの行を加えると、
<div style="border: 3px solid red;">ここに、なんぞやの文字を入れれば良かろう...</div> <div class="main">
見た目が、こうなります。
はてな記法は使えないみたいですが、HTML のタグは有効だと思います。
SumireS さんが使ってるテーマだと、ページのヘッダは、こんな感じで始まっていますか?
<div id="outline"> <div id="sidebar_left"> ...
id="outline" の前に <div>~</div> を入れると、イメージ通りに行が挿入されると思います。
<div> ここに、なんぞやの文字を入れれば良かろう... </div> <div id="outline"> <div id="sidebar_left"> ...
bgcolor="#ecf5ff" style="border:dotted #666666 thin;"
を表示できましたなら・・・と思いまして、
<div>ここに、なんぞやの文字を入れれば良かろう...</div>
とあるところを、
<div class="short_message">ここに、なんぞやの文字を入れれば良かろう...</div>
として(Test というのも何なので)、CSS のところに以下のような感じ?
.short_message { background-color: #ecf5ff; border: dotted #666666 thin; padding: 0.5em 2em; }
エリアの内側の余白は、適当に入れてみました。
a-kuma3様
ご丁寧なご指導ありがとうございます。
バッチリ 成功 できました!
\(^O^)/ わ~い わ~い!
念願のダイアリー構成に到達できて非常にうれしいですぅぅぅ。
誠に誠に、ありがとうございました。
<(_ _)>
Hiroto様
2013/03/26 00:15:10わかりやすいご指導ありがとうございます。
書いて下さったタグ類で、希望の空欄を実現できました。
回答ありがとうございました。
<(_ _)>