はてなダイアリーの、ページの見栄えを良くしたいです。

そのやり方を教えて下さい。
ほかにも、「はてな記法」の事や、「HTMLタグ」の事などもよく分かりません。
だれか詳しく簡単に教えて下さい。こんな初心者がすみません。

回答の条件
  • 1人50回まで
  • 登録:
  • 終了:2011/12/26 18:55:04

回答2件)

id:akira-tago0704 No.1

回答回数953ベストアンサー獲得回数138

はてな記法は、はてな独自の記法で、例えば表をつけるとき、

|*名前|*説明|
|あいうえお|さいしょのひらがな|
|かきくけこ|つぎのひらがな|


のようなものを、半角で入力すると、

名前説明
あいうえおさいしょのひらがな
かきくけこつぎのひらがな

となるわけです。詳しいその種類は、やはりダイアリーのヘルプから見ることをお勧めします。


HTMLは、簡単に言ってしまえばインターネットのプログラミングです。ここは、かなりの知識が必要なので、HTMLは今すぐやらなくて大丈夫です。HTMLの一部は、はてなからでも紹介している(スターのアイコンを変えるなど)ので、興味があれば教えますよ!


HTMLは、その記述法を詳しく載せたサイトも存在するので、ぜひ上をいったダイアリーを作りたいのであれば、お勧めのサイトのURLを載せますね!載せてほしいと言って頂ければ、載せますよ!


分かり難かったらすみません!

他1件のコメントを見る
id:akira-tago0704

http://www.htmq.com/htmlkihon/001.shtml


これを是非参照に!

2011/12/20 20:06:32
id:junpei126

ありがとうございます!

2011/12/20 20:12:20
id:flandlescarlet No.2

回答回数83ベストアンサー獲得回数53

HTMLに関しては人力検索の回答や返信に使えるので是非身につけるのが良いと思いますよ

まずある程度初心者が参考にするサイトを集めてみました

まずHTMLを実際に入力したり(将来的に使うかもしれないCSSやJavaScriptの反映を確認できるサイトです)

http://jsfiddle.net/

Sample
http://jsfiddle.net/4N2mA/3/

※HTMLと書いている所にタグを入力して上タブにあるSAVEを押せば反映されます
次からはSAVEでなくUPDATEで更新して確認となります




HTMLの基本的なタグの説明が書かれているサイト





色を変える

カラーコード集です

http://www.colordic.org/w/

主なカラーコードの使い方として色を使う場面で多用されます

<div style="color: #007766">色を変える</div>

⇓after⇓

色を変える

#007766

がカラーコードとなります
このあたりはダイアリーHTMLタグ支援機能にありますので
それを何度もうちながら勉強すると良いですよ
後都合上色を変える時
<font color="#007766"></font>

これは使わないほうがいいです、WEBの都合というものです
しかし初めに使う分にはいいかもしれません




P.S
見栄えをよくする以前にややダイアリーの構図が崩れているようですね
もしかしてフッタやヘッダにスタイルシートを編集したのでは無いでしょうか!?
よければヘッダとフッタとスタイルシートの内容を提示してくれると整えられるかもしれません

この3つがある編集ページは

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

こちらになります

他2件のコメントを見る
id:flandlescarlet

htmlタグの方が消えたので付け足しで

<div class="main">

これをヘッダの一番上に追加してみてください

後スタイルシートですが

a:hover{
background-color: #DDD;
}
a:hover{
color: #000;
}

このように同じ物をたてつづけに書いてはいけないという法則があるので
気を付けてください

2011/12/23 18:39:52
id:flandlescarlet

残り時間が無いので構成だけ戻すようにしてください
(予めフッタやヘッダに置いてあるパーツ等は避難させておく)

<!-- ページヘッダ -->
<div class="main">



<!-- ページフッタ -->
</div>
<div class="sidebar">
	<hatena name="profile" template="hatena-module">
	<hatena name="calendar2photo" template="hatena-module">
	<hatena name="section" template="hatena-module">
	<hatena name="comment" template="hatena-module">
	<hatena name="trackback" template="hatena-module">
	<hatena name="hoturl" template="hatena-module">
	<hatena name="sectioncategory" template="hatena-module">
	<hatena name="keywordcloud" template="hatena-module">
	<hatena name="mycomment" template="hatena-module">
	<hatena name="rss" url="http://b.hatena.ne.jp/junpei126/rss" 
template="hatena-module" listlimit="5">
	<hatena name="rss" url="http://f.hatena.ne.jp/junpei126/rss" 
template="hatena-photo" listlimit="5">
	<hatena name="antenna" template="hatena-module">
	<hatena name="haiku" template="hatena-module">
	<hatena name="hotkeyword" template="hatena-module">
	<hatena name="clock" type="analog-metal" color="">
</div>

ソースの確認で分かるところまで入れたつもりですが
欠けている分は補充してください

ダイアリーを編集するコツとしては
デザインした後すぐに変更するのではなく
プレビューで状態を確認して最終的に変更ボタンを押すのがいい方法です
プレビュー無しで変更すると失敗した時に戻すのが困難になります

2011/12/26 13:42:14
  • id:junpei126
    追記なんですが、今のテーマを変更すると、右のメニューみたいなのが下へ行ってしまいます…
    どうしたらいいか教えてくださいm( _ _;)
    いろいろスミマセン
  • id:flandlescarlet
    とりあえずまた、ヘッダやフッタ等を表示してください
    タグが抜けている可能性があります
  • id:kesuak
    これって解決したの!?
    やっぱり募集期間7日間で回答が終わらないケースもあるんですね...

    HTMLタグは
    検索で

    とほほのHTMLって検索すると出ますよ

    後はてなダイアリーではJavaScriptは使えません

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

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

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

回答リクエストを送信したユーザーはいません