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

はてなダイアリーのデザインについて質問です。
現在はてなダイアリーで「Dot-pink」をデザインテーマに使用しているのですが、右上部分(ヘルプの下辺り)が若干さびしく感じるため、ここにAmazonのサーチリンク等を配置したいです。(サーチリンクは現在サイドバーに配置)
今のレイアウトを崩さずにそれを実現するためには、スタイルシートにどのような指定を行なえば良いでしょうか?ブラウザの種類に左右されない方法でお願いいたします。
http://d.hatena.ne.jp/akkun_hobby/

●質問者: あっくんパパ
●カテゴリ:はてなの使い方 ウェブ制作
✍キーワード:Amazon はてなダイアリー サイドバー スタイルシート チリ
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Yuichirou
●60ポイント ベストアンサー

ご希望されている配置には、要素の絶対配置が便利です。例えば「詳細デザイン設定」の「ページのヘッダ」と「スタイルシート」にそれぞれ以下のように記述すると、Amazonのサーチリンクをページ右上に表示することができます。

ページのヘッダ

<div class="searchlink">
 <iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=akkunhobby-22&o=9&p=20&l=qs1&f=ifr" width="120" height="90" frameborder="0" scrolling="no"></iframe>
</div>
<div class="main">

スタイルシート

div.searchlink {
 position: absolute; /* 絶対配置(基準はこの場合 div.hatena-body) */
 top: -50px; /* div.hatena-body の上辺から-50px下=50px上 */
 right: 20px; /* div.hatena-body の右辺から20px左 */
}
◎質問者からの返答

Yuichirouさん、いつもお世話になっております。早速適用したとろこ、まさに私の望みどおりに配置することができました。

的確なご回答ありがとうございました。

今後はもう少しスタイルシートについて勉強します。

関連質問


●質問をもっと探す●



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