はてなダイアリー＆アンテナコミュのデザイン／テーマ／tDiary

レイアウトや表示に関する話題はこのトピックでお願いします。

コメント(53)

最初
全て
最新の40件

>>はるてぃんばんこさん
試してみました。
div.sidebar {
position: absolute;
}
上記を消すと、見た目は崩れますがサイドバーは復活するようです(画像1)。特にHTMLとか書き足してなければ、スタイルシートの部分は全て削除しても問題ないような感じです(画像2)。

CSSの基本的な部分に関しては、以下が参考になるかも知れません。
・http://www.tohoho-web.com/css/basic.htm
・http://itpro.nikkeibp.co.jp/article/COLUMN/20060227/230886/

[19] mixiユーザー 10月06日 03:39

>>11: いせるな＠とわさん
table だか div だか body だか、とにかく日記内の所に
line-height:1;
とのスタイルを打てばいいんじゃないでしょうか。

[20] mixiユーザー 10月06日 06:42

>>18
ヘッダに3モジュール記入、スタイルシートに以下を。
div.hatena-module {
width:20%
float: left;
}
div.main { clear: left; }
div.sidebar div.hatena-module {
width: auto;
float: none;
}
多分こんな感じでいけると思いますがテストしてないのでレイアウト崩れるかもしれません。

[23] mixiユーザー 07月04日 08:34

自分の日記にリンク付きのバナーをはりたいんですが
やり方が分かりません。
だれかわかる人いますか？

[24] mixiユーザー 07月04日 09:44

単に<a href="ここにリンク先URL"><img src="ここに画像URL"></a>と書くだけです。
サイドバーに貼りたいなら管理画面から「デザイン」設定の「詳細」タブを選択して、ヘッダまたはフッタに上記タグを貼り付ければOK。

[26] mixiユーザー 07月04日 10:22

実行したらリンクははってるようなんですが肝心のバナーが表示されないです。

[27] mixiユーザー 07月04日 10:30

それは
1)画像のURLが間違っている
2)実は画像じゃない
とかそんな感じなのでは。
これ以上詳しいことは見てみないことには判りません。
最低限、貼ったタグと実際に表示されている例を。

[29] mixiユーザー 07月04日 10:36

ここが僕のブログです。
http://d.hatena.ne.jp/naijel/designdetail

そしてヘッダに
<div class="main">
<A Href="http://horror.g.hatena.ne.jp/COCO/"><Img Src="http://f.hatena.ne.jp/naijel/20070704081016></a>
<hatena name="adsense">
<hatena name="counter" cid="11">
<hatena name="bcounter">

<hatena name="breadcrumbs">
<hatena name="calendar">

こんな感じにしてみました

[31] mixiユーザー 07月04日 10:40

ここに載せるときになぜか</a>がべつの文字に化けちゃいますけど

[32] mixiユーザー 07月04日 10:44

ああ、そりゃ駄目ですよ。
http://f.hatena.ne.jp/naijel/20070704081016は画像が貼ってあるページのURLであって画像そのものじゃないから。
画像の上で右クリックすると「画像のURLをコピー」とか、そんな感じの選択肢が出ると思いますので、それを使ってURLをコピーして下さい。

ていうかこれ、オリジナルがCOCOさんのところにアップロードされている筈では?わざわざご自分のフォトライフにアップロードし直さなくても、それを直接呼び出せば済む話だと思いますよ。
その場合、画像のURLは
http://f.hatena.ne.jp/images/fotolife/C/COCO/20070628/20070628153330.gif
です。

[33] mixiユーザー 07月04日 10:52

画像のURLを教えてもらったとおりにやったんですが
出ません(泣)
何がおかしいんだろう、、、

[34] mixiユーザー 07月04日 10:54

</div>
<div class="sidebar">
<A Href="http://horror.g.hatena.ne.jp/COCO/"><Img Src="http://f.hatena.ne.jp/images/fotolife/C/COCO/20070628/20070628153330.gif></a>
<hatena name="profile">
<hatena name="rss" url="http://b.hatena.ne.jp/naijel/rss" template="hatena-module" listlimit="5">
<hatena name="antenna" template="hatena-module">
<hatena name="section" template="hatena-module">
<hatena name="sectioncategory" template="hatena-module">

</div>
フッタにやってみています。

[35] mixiユーザー 07月04日 10:58

あ！できました！

ど素人に丁寧なアドバイスをいただき本当にありがとうございました。

[36] mixiユーザー 07月04日 10:59

.gifの後に何か色々付いてますね。これを削除してみましょう。
.gif">という形で終わるようにしてください。

[37] mixiユーザー 07月04日 11:02

………?
一瞬表示されてすぐ消えました。何かJavaScriptが干渉してURLを上書きしているような感じ。
Safariで確認したら正常に表示されているんですが。

[44] mixiユーザー 10月05日 23:06

#main-content の margin にある 216px というのを少し大きめにしてみてはどうでしょうか。

実際に試してないので、うまくいかなかったらすみません。

[46] mixiユーザー 04月01日 06:11

はてなアンテナの、リンクの強調を戻す方法ってありますでしょうか？

スタイルシートで文字を強調する方法はわかるんですけれども
何も設定していないのに強調されてしまう文字を普通に直す方法がわかりません

ご存知の方がいらっしゃいましたら、どなたかよろしくお願いします

[47] mixiユーザー 04月01日 07:14

>46
お使いのテーマで強調表示が指定されてるんじゃないかと思いますので、それを調べて打ち消すためのスタイル指定を追加する形になります。
text-decorationでunderlineが指定されていればnoneにするとか、border-bottomをnoneにするとか。

[48] mixiユーザー 04月01日 07:40

＞芹沢さま
お答えありがとうございます

使っているテーマは一番シンプルな「hatena」なんですけれども
リンク部分の文字が太字になってしまうのを直したいと思っています

「デザイン編集」の「スタイルシート」では
A:link { text-decoration: none;}
というふうにしてあるんですけれどもリンク部分は太字のままなんです

この「hatena」で指定されている強調表示はどうやって調べれれば良いのでしょうか？

[49] mixiユーザー 04月01日 09:14

スタイルごとのcssは、d.hatena.ne.jp/theme/テーマ名/テーマ名.cssです。
太字であればfont-weightですね。normalを指定することで普通の太さになると思います。
ただ、hatena及びhatena2のソースを確認した限りでは、aに対しfont-weightを指定しているらしい箇所は見当たりませんでした。

[50] mixiユーザー 04月01日 09:42

＞芹沢さま

font-weightをnormalに指定してみた処、文字が普通の太さにもどりました
まずA:linkだけ修正しましたら、過去に訪問したリンク先だけが太字になるという状況でした

hatenaのソースにはそれらしい箇所がないとのことで
どうして太字になっていたのか不思議です

なにはともあれ、とても助かりました
迅速なご回答、ありがとうございました！！

[51] mixiユーザー 03月20日 15:35

昨日、始めてみましたが・・・

トップの画像が変更できません(>_<)
写真を削除して新しいものをいれているのですが、ずっと前のままなんです。
反映に時間がかかるのかと思って、寝て起きてから見てみたのですが、変わらず。

アイコンも、最初に入れたものが出てるんですけど、編集のところでは新たに入れたものが映っています。

一度入れたら変更できないのでしょうか。
まさかそんなことはないですよね？

どなたか教えていただけたらと思います。

[52] mixiユーザー 03月20日 17:11

＞マユ☆さん
キャッシュが残っている可能性がありますので、ブラウザで強制リロードしてみてください。

公式FAQより
http://www.hatena.ne.jp/faq/qa?c=9#24287
Q:タイトル画像、今日の1枚、プロフィール画像を変更したのですが、変更が反映されません。

A:画像の変更が反映されない場合、はてなで保存しているキャッシュが表示されている可能性がございます。
お手数ですが、強制再読込をお試し下さい。
・Windows：Crtl＋F5 キー
・Mac：Cmd+Shift+R キー

[53] mixiユーザー 03月20日 22:55

＞るりるりさん

できましたぁぁぁぁ!!!

ありがとうございましたっ☆

調べればわかったのにすみませんでした。

ログインすると、残り29件のコメントが見れるよ