URLはダミーです。
件の真似したいはてなダイアリーのソースを表示させれば、もろやり方が書いてあります。
おそらく、背景画像の固定がなさりたいのではないかと思いますが、以下の部分がそれにあたります。
BODY {
background-image: url(”
”);
background-repeat:no-repeat;
background-position:right bottom;
background-attachment: fixed;
}
使いたい写真を、
の部分に入れてください。
設定のスタイルシートで以下のように設定すればよいと思います。
BODY {
font-family: ’MS UI Gothic’;
background-image: url(”写真のURL”);
background-repeat:no-repeat;
background-position:right bottom;
background-attachment: fixed;
}
http://www.htmq.com/style/background-attachment.shtml
background-attachment−スタイルシートリファレンス
背景画像を固定して、表示するスタイルシートを使います。
<STYLE TYPE=”text/css”>
<!--//
body {
background-image: url(ここをだぶるくぉーてーしょんでくくって画像ファイル名);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom
}
//-->
</STYLE>
こんな感じかな。””が全角文字に置換されているので注意。
http://www.hatena.ne.jp/1083736944#
自分のはてなダイアリーをコレと同じデザインに作りたいのです(写真は違う写真を使います)コピーしてすぐ使えるソースを教えてくれた方は優遇いたします。 http://d.hate.. - 人力検索はてな
こんな感じだと思います。
テーマはhatenaを指定してください
ページのヘッダ
<hatena name=”menu”>
<div class=”main”>
ページのフッタ
</div>
<div class=”sidebar”>
<p class=”recentitem”>Calendar</p>
<hatena name=”calendar2”>
<p class=”recentitem”>Archives</p>
<hatena name=”calendar”>
<p class=”recentitem”>Friends</p>
<a href=””>友達リンク</a>
<a href=””>友達リンク</a>
<a href=””>友達リンク</a>
<a href=””>友達リンク</a>
<a href=””>友達リンク</a>
<a href=””>友達リンク</a>
<hatena name=”section” listlimit=”11” moduletitle=”The Lastest News”>
<p class=”recentitem”>Pageview</p>
<hatena name=”counter”>
</div>
</div>
スタイルシート
<!-- div.sidebar {
position: absolute;
top: 120px;
left: 0px;
width: 15%;
margin-left: 3%;
}
BODY {
font-family: ’MS UI Gothic’;
background-image: url(”
”);
background-repeat:no-repeat;
background-position:right bottom;
background-attachment: fixed;
}
div.body {
line-height: 1.2;
}
はてなダイアリー - 無料で簡単。広告のないシンプルなブログをはじめよう!
どんな風に失敗したか書いてくれないと答えようがないですよ。
同じデザインといっても絶対譲れないのはどの部分ですか?
自分は訂正と回答欄の質問に答えようとしたら締め切れてしまいダメでした。
とりあえず、同じデザインにするならはてなテーマを使用してください。
最初からあるスタイルシートは削除してください。
(けど残しておいて見栄えを見てから消してもOKです。img.photoは画像の見栄えに、a.keywordはキーワードリンクの見栄えに影響します)
カッコマークは必要です。
画像はほかのサーバにアップしてそのアドレスを指定してください
1回目の回答の訂正
ヘッダの<hatena name=”menu”>は不要
フッタの</div>は1つでいい
スタイルシートの<!-- は不要
それから”はすべて半角になおしてください
sakichinさんへ
絶対譲れないのは背景の写真設置です。
sakichinさんは2回回答したから、もうこれ以上回答を書き込めないですよね。。。
もう一度質問を立てますので、コピペ出来るソースを教えて下さい。ヘッダ、フッダは除外してもいいです。
なお使いたい写真のURLは
http://www.h6.dion.ne.jp/~objet/yama.html
写真の名前はyukiです
img.photo {
float: right;
margin: 10px;
border: 0;
}
a.keyword {
text-decoration: none;
border-bottom: 1px solid gray;
}
スタイルシートに最初から有る上記の記述は削除していいのですか?
テーマは「はてな」しかダメですか?
urlのカッコマークも記述に加えるのですか?
すいませんが上記4名の回答すべて失敗しました。
再度回答をもとめます