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

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

●質問者: abi-abi
●カテゴリ:コンピュータ 趣味・スポーツ
✍キーワード:はてなダイアリー コピー ソース デザイン
○ 状態 :終了
└ 回答数 : 5/5件

▽最新の回答へ

1 ● のり
●16ポイント

http://www.hatena.ne.jp/

はてな

URLはダミーです。

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

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

BODY {

background-image: url(”

http://hogehoge.com/hogehoge.jpg

”);

background-repeat:no-repeat;

background-position:right bottom;

background-attachment: fixed;

}

使いたい写真を、

http://hogehoge.com/hogehoge.jpg

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


2 ● snitch
●16ポイント

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

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

BODY {

font-family: ’MS UI Gothic’;

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

background-repeat:no-repeat;

background-position:right bottom;

background-attachment: fixed;

}


3 ● くいっぱ
●16ポイント

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>

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


4 ● sakichin
●16ポイント

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

http://indweb.ttu.edu.tw/u8906148/gomatto.JPG

”);

background-repeat:no-repeat;

background-position:right bottom;

background-attachment: fixed;

}

div.body {

line-height: 1.2;

}

◎質問者からの返答

img.photo {

float: right;

margin: 10px;

border: 0;

}

a.keyword {

text-decoration: none;

border-bottom: 1px solid gray;

}

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

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

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

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

再度回答をもとめます


5 ● sakichin
●16ポイント

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

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

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

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

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

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

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

(けど残しておいて見栄えを見てから消しても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です

関連質問


●質問をもっと探す●



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