自分のはてなダイアリーをコレと同じデザインに作りたいのです(写真は違う写真を使います)コピーしてすぐ使えるソースを教えてくれた方は優遇いたします。

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

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2004/05/05 15:02:24
  • 終了:--

回答(5件)

id:nyama No.1

のり回答回数86ベストアンサー獲得回数62004/05/05 15:15:40

ポイント16pt

URLはダミーです。

件の真似したいはてなダイアリーのソースを表示させれば、もろやり方が書いてあります。

おそらく、背景画像の固定がなさりたいのではないかと思いますが、以下の部分がそれにあたります。

BODY {

background-image: url(”

”);

background-repeat:no-repeat;

background-position:right bottom;

background-attachment: fixed;

}

使いたい写真を、

の部分に入れてください。

id:snitch No.2

snitch回答回数516ベストアンサー獲得回数92004/05/05 15:28:23

ポイント16pt

設定のスタイルシートで以下のように設定すればよいと思います。

BODY {

font-family: ’MS UI Gothic’;

background-image: url(”写真のURL”);

background-repeat:no-repeat;

background-position:right bottom;

background-attachment: fixed;

}

id:kuippa No.3

くいっぱ回答回数1030ベストアンサー獲得回数132004/05/05 15:51:32

ポイント16pt

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>

こんな感じかな。””が全角文字に置換されているので注意。

id:sakichin No.4

sakichin回答回数152ベストアンサー獲得回数02004/05/05 15:58:47

ポイント16pt

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;

}

id:abi-abi

img.photo {

float: right;

margin: 10px;

border: 0;

}

a.keyword {

text-decoration: none;

border-bottom: 1px solid gray;

}

スタイルシートに最初から有る上記の記述は削除していいのですか?

テーマは「はてな」しかダメですか?

urlのカッコマークも記述に加えるのですか?

すいませんが上記4名の回答すべて失敗しました。

再度回答をもとめます

2004/05/05 18:42:10
id:sakichin No.5

sakichin回答回数152ベストアンサー獲得回数02004/05/05 19:01:52

ポイント16pt

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

はてなダイアリー - 無料で簡単。広告のないシンプルなブログをはじめよう!

どんな風に失敗したか書いてくれないと答えようがないですよ。

同じデザインといっても絶対譲れないのはどの部分ですか?

自分は訂正と回答欄の質問に答えようとしたら締め切れてしまいダメでした。

とりあえず、同じデザインにするならはてなテーマを使用してください。

最初からあるスタイルシートは削除してください。

(けど残しておいて見栄えを見てから消してもOKです。img.photoは画像の見栄えに、a.keywordはキーワードリンクの見栄えに影響します)

カッコマークは必要です。

画像はほかのサーバにアップしてそのアドレスを指定してください

1回目の回答の訂正

ヘッダの<hatena name=”menu”>は不要

フッタの</div>は1つでいい

スタイルシートの<!-- は不要

それから”はすべて半角になおしてください

id:abi-abi

sakichinさんへ

絶対譲れないのは背景の写真設置です。

sakichinさんは2回回答したから、もうこれ以上回答を書き込めないですよね。。。

もう一度質問を立てますので、コピペ出来るソースを教えて下さい。ヘッダ、フッダは除外してもいいです。

なお使いたい写真のURLは

http://www.h6.dion.ne.jp/~objet/yama.html

写真の名前はyukiです

2004/05/05 19:39:22

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

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

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

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

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