tDiary・はてなダイアリーテーマスタイルシートスレ

tDiary・はてなダイアリーテーマスタイルシートスレ

２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２２

本スレでも質問し、いくつか解決したのですが、まだ分かってないところがあるので質問します。

日記内のコメントを書く部分の枠の色を変えるには、textarea { border: 2px solid #008000 }と指定するのは分かったのですが、
名前の枠であったり、設定、編集画面の枠や、閲覧許可ユーザー、プライベート用メッセージを記入するところではなく、その枠等、すべての枠をひとつの色にするには、どのような指定をしたら良いのでしょうか？

検索等をし、調べてはみたものの、調べ方が悪いのか見つかりませんでした。
本スレで何度も質問し、答えてもらってはいるのですが、いくつか不明な点があったもので。

×閲覧許可ユーザー、プライベート用メッセージを記入するところではなく、その枠等
○閲覧許可ユーザー、プライベート用メッセージを記入するところではなく、その周りの枠等

何度も同じ質問してすみません。

>3
はてなダイアリーの話よね。
右クリックなり表示なりでソース見れば分かるよ。
div class="〜〜〜"
ってあったらCSSで
div.〜〜〜 { }
って指定すりゃいい。
デフォルトだと、通常の日記と編集と設定とで色々クラス被ってるから、
ある程度ヘッダやフッタでhtml側も弄らないと面倒臭いことになるけどね。

はてなダイアリー - はてなダイアリーTips
http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcTips

テーマを選びたい↓
テーマ別によるスタイルシートサンプル id:Jehoshaphat
http://joram.agz.jp/hatena/hatena_theme.html
テーマ別によるスタイルシートサンプル(サムネイル版) id:Jehoshaphat
http://joram.agz.jp/hatena/thumbnail/

人のcssが見たい↓
はてなダイアリー - カススタon はてな(サムネイル版) id:adramine,id:antipop
http://d.hatena.ne.jp/keyword/%a5%ab%a5%b9%a5%b9%a5%bfon%20%a4%cf%a4%c6%a4%ca%28%a5%b5%a5%e0%a5%cd%a5%a4%a5%eb%c8%c7%29
はてなな軌跡-スタイル保管所 id:BlueMoon
http://bluemoon.vis.ne.jp/hatena/css/
Jehoshaphat 2003/07/06
http://d.hatena.ne.jp/Jehoshaphat/20030706#1057476232
暗中 1900/03/31 id:limbo
http://d.hatena.ne.jp/limbo/19000331
186(Now Loading?) 1901/02/01 id:smoking186
http://d.hatena.ne.jp/smoking186/19010201

その他便利な資料↓
はてなダイアリー用CSS作成支援（ヘッダ色サンプルがあるよ） id:alisato
http://yokohama.cool.ne.jp/alisato/hatena/index.shtml
ちるくるのうさっこ日記サンプル id:tirukuru
http://www.megaegg.ne.jp/~tirukuru/diary/hatenadiary/sample/index.html
CSS Tips for はてなダイアリー：構造詳細 id:tirukuru
http://www.megaegg.ne.jp/~tirukuru/diary/hatenadiary/sample/tips.html

MacのSafariではどう見えるんだか知りたい↓
http://www.danvine.com/icapture/

↑せっかくなのではてな板より転載
適当に追加とかしてください

>>3
すべての枠をひとつの色にって事ですけど
コメント欄の名前の枠はinputの枠線で
プライベート用メッセージを記入するところではなく、その周りの枠等ってのが設定の

日記の公開
パブリック (だれでも閲覧ができます)
プライベート (××さんと閲覧許可ユーザーだけが閲覧できます)

の下にある線の事ならblockquoteの枠線なので一括指定は無理です。

>>5
レスありがとうございます。
編集画面でのソースを見ることを忘れてました。
日記画面とは違うソースばかりなんで、色々調べてみたいと思います。

>>8
レスありがとうございます。
名前入力欄を直すことが出来ました。
後は、[　　　ｖ]と、ｖの字をクリックすると、テーマが表示されるようなところだけが変わりませんでした。
いくつかソースから当てはまりそうなとこを記入してるのですが、そこは変えることは可能なのでしょうか？

>9
設定→詳細設定のテーマのところかな、多分。

select {}
select option {}


sidebarとかでselectを使っているのなら

div.body p select {}
div.body p select option {}

と詳細度を上げて指定。

はてなダイアリーでオシャレなデザインのサイトを紹介しないか
CSSの勉強も兼ねて

荒らされるじゃないか

アスキーアートを貼りたいんですけどどういう風にCSSに記述したら
ずれないように表示できますか？

>>13
俺はこういうのを追加してdivとかspanでくくってる
font-familyは素直にMS Pゴシックも指定したほうがいいかも
.aa {
line-height: normal;
letter-spacing: normal;
sepak: none;
font-family: "sans-serif";
}

>13
.aa {
font-family: "ＭＳ Ｐゴシック";
line-height: 1.05;
}

どっかに資料として纏めてあったと思うんだが忘れた。
フォントサイズは100%の方が良いかな。
LinuxとかでMonaフォント入れてる場合はどう指定すんのかね。

あ、半角文字はずれるから注意。
コピペ支援Script ちょこっと改 for はてなダイアリー
http://sagiri.s7.xrea.com/hatena/cppe_kai.html
を使うと良いね。

>>14 >>15
ありがとうございます。出来ました。

初学者を対象とした学術系のblog　を作りたい

いわゆる、学術なんて興味ないやつを引き込むような入門的blog
本でもあるだろ。絵本みたいな入門書の類
ちょこっとユーモアを含ませたデザインで、ガキ共を魅了して引き寄せなあかんわけよ

デザインのイイはてなのページ教えてくれよ

>17
代理かよ（；´Д｀）
向こうの938が言うところのはてなヘッダをサイトデザインと融合させた日記を思い出したぞ。

今はMozilla.orgのパロやってるけど、http://d.hatena.ne.jp/hkn/。
http://d.hatena.ne.jp/hkn/00000300
こっから、桜風といぬ(Mozillaの方)とにょろにょろ見とけ。

後は更新停止中だけどhttp://d.hatena.ne.jp/hkt/とかか？

画像を表示させる際に　<img src="url">　で表示させられるのはわかったのですが
自分がマイドキュメントなどに所有している画像は表示できないのでしょうか？

方法がありましたら教えて下さい。

>>19
どこかにアップロードしないとだめ
プロバイダーに無料スペース付いてるからそれとか使うべし

>>19
日記に画像が1日1個つけられるのは知ってる?
過去日記に画像登録して、そのURIを調べて、<img　使えばO.K.

>>18
> 後は更新停止中だけどhttp://d.hatena.ne.jp/hkt/とかか？

そいつｲﾀｲなー書いてる内容が

デザイン重視のﾔｼってｲﾀﾀなﾔｼが多いyp

＞２０、２１
ご教授ありがとうございます。
ためしてみます。

＞２１
すいません。
画像のURIとはどこでわかるのでしょうか？

>>24
右クリック→プロパティ

ぐぐれよ…

>>18
http://d.hatena.ne.jp/hkt/
は、なかなかイイな。こういうラインの崩し方もあったわけか。

しかし、これだと、どんなウインドウサイズで見ても
centerにくるようには出来そうにないな。
centerにもってくるにしても、影の部分を取り外さないと無理かな。

初歩的なことなのですが、
他の人のスタイルシートをいろいろ見たりしても解らないので質問します。

スタイルシートで日記記事の横幅はどうやって変えたらいいのでしょうか。
今のままだと横幅が画面全体に広がっています。

>>29
日記記事部分はdiv.dayの中にdiv.body、更にその中にdiv.sectionと入れ子になっている。
該当するdivに対し{ width: 100%; }（数値は適宜）とすれば横幅が変わる。
他にも方法はあるが、取り敢えず。

>>30
やってみたらできました。
ありがとうございます。
ずっと方法を探していたので感動しています。

カススタon はてな
参考になるし見てるだけでも楽しいからすごい便利なんだけど
あまり新しく追加されていないようだしもう消えてる日記も残ってたりして、
少し古い情報という印象がしてきてしまった。
やっぱ追加しながら維持するのは大変なんだろうなあ

時代ははてなスタイルなんだってさ。

質問です。
ようこそゲストさん〜のところの色を変えるには
どうすればいいんでしょうか？

>>34
http://www.hatena.ne.jp/
ここで聞けば？

ようこそゲストさん〜のところってのが
ようこそゲストさん 最新の日記 ユーザー登録 ログイン ヘルプ
と並んでいるところの事なら

td td { background-color: #FFFFFF }

で変えられる。
#FFFFFFは好きなのに変えてくれ｡
色がわからないならここを参考に。

http://www.dakiny.com/color/

>>36
ありがとうございました。

>>35
質問者が言うのもなんだがそれじゃこのスレの存在意義が。

>>37
じゃあこういうことだ。

「人に聞く前にヘルプ見ろハゲ」

以上。

はてなにも「教えてはてなダイアリー」というクラブがあるわけだが。
つか、ここはテーマ作る人のスレかと思ってたよ。

tDiaryやはてなダイアリーのスタイルシートとかを、他の
ツールに流用（朴る）したりするのってOKなんですかね？
んで、↓のスレなんかで晒したりすると、著作権の侵害には
ならないっすかね？

http://pc5.2ch.net/test/read.cgi/blog/1095217475/

>>40
GPLライセンスで検索を掛けるように。
tDiary・はてなで公開されているテーマは全部GPLライセンス。

>>41
GPLライセンスってのは、馬に乗馬。
LはライセンスのL。
>>40
GPL製品は、改変したらGPLで他者流用可能にする必要がある。

サイドバーにあるアンテナモジュールのアンテナ名クリックするとアンテナに飛ぶけど、別窓でリンクすることって可能？
_blank使っても出来ないんだけど。

無理です

>|
|<
の中身を強制改行にするにはどうすれば良いでしょうか？

それと、
*[××]○○○○
の○部分を太字にしているんですが、
キーワードリンクにひっかかると
その部分が太字じゃなくなってしまいます。
太字のままにするにはどうすれば良いですか？

>>45

pre{}

a:keyword{}

h3 a:keyword{}

>>47
説明不足ですみません。それだと本文中のキーワードも太字になってしまうんです。

>>48
h3 a.keyword { font-weight: bold; }

このｽﾚのﾚｽが少ないのはｽﾀｲﾙｼｰﾄを編集する人が少ないからか。

そんなことないぞ。多分。
少なくとも俺は自分でCSSを記述してるし。

他の人のCSSを見れば大抵の事は分るからね

何割くらいなんだろうな、テーマ使わないで自分でCSS記述してるのって

>53
http://theme.g.hatena.ne.jp/danjou/

最近更新してないけどな。
大体3300人位。微増傾向。

thx>>54
デフォルトの「hatena」使用者多いんだね。あんまりデザインまでこだわる奴がいないのかな

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

保守上げ

保守しとく

isbnの詳細モードを、引用ブロックもしくは自分で設定した枠の中に表示させたいのですが、タイトルが長いと枠からはみでてしまいます。試行錯誤してみたのですが、びくともしません。
枠の中におさめるためにはどのように指定すればいいでしょうか…。

すみません。自己解決しました。
希望どおりではありませんが悪戦苦闘の末なんとかおさまりました。

Gray2 が最強。他のはダサイ

はてなダイアリーで気に入ったデザインの所のCSSが見たいんだけど
何か方法ありますかね？

>>62
ソース見りゃいいじゃん。

>>63
thx!!
見れました。しかし文字化けしまくりますねー

>>64
メモ帳トラッパーとか使って
EUC（だっけ？）が使えるエディタを指定汁

hosyu

そろそろオチ時?

はてな用のCSS作成補助ツールを作った人は
このスレにも宣伝しておくといいと思った。
そんなの無いか。
(空揚げ)

hoshu

hoshu

向こうの>379
来るかなぁ。

ヘッダ
</div>
<div class="topbar">
<hatena template="">
<hatena template="">
</div>
<div class="hatena-body">
<div class="main">

フッタ
</div>
<div class="sidebar">
</div>

追加用CSS
div.topbar {
width: 100%;
}

div.topbar div.hatena-module {
width: 150px; height: 150px;
margin:10px;
float: left;
}

適当に書いてみた。

できましたぁ・・・・_|￣|○|||

ほんとにありがとうございました！！

すみません。どうしてもわからないので質問します。

日記タイトルの日付のリンクの色を変えたいのですが
span.title a:link ｛｝
span.title a:visited ｛｝
span.title a:hover ｛｝
span.title a:active ｛｝
でやっても色が一向に変わりません。
アドバイスなどございましたらいただけると嬉しいです。
お力をお貸しくださいorz

>>73
.day h2 a:link {} など
でどうよ。

はてなガイド
ttp://guide.g.hatena.ne.jp/sugio/19060109#b
ttp://guide.g.hatena.ne.jp/sugio/19060109#da

おいら専門じゃないから嘘を言ってるかもしれない。
コミューンの人が来てフォローしてくれるといいが。

>>73
http://guide.g.hatena.ne.jp/sugio/19060109#da

これじゃね？

>>75
ごめん74に書いてあった・・・ orz

寂れてるな

ほしゅ

超初心者コメントで申し訳ないですが
ヘッダに画像を入れる方法ってありますか？
タイトルと写真を入れたいんですけど、
ぜんぜんわかりませんです。

よろしくお願いします。

>>79
ヘッダなら<IMG SRC="...">で入らないかい？

すごく初歩的な質問かもしれませんが
ヘッダテーブルをページの端にピッタリくっつける方法ってbody {padding: none;}
の他にありますか？
body {padding: none;}でやっても出来ないのですが・・・
どなたか教えて下さい。。

ブラウザによっては、デフォルトでmarginをとっているのもあった気がする。

body{margin:0;padding:0;}

にしてみるといいのかも
（「none」という値がアリだったかどうかも気になる）

>82
body{margin:0;padding:0;}で出来ました！
教えて下さってありがとうございます！

デザインのhatena leafみたいなやつの両隣の空白を埋めるのってどうすればいいの？

プログの全体タイトルの下にサブコメントみたいなの付けれてる人いるけど、どうやるんですか？
見かけたんですが自分のどうやるのか・・・

有料？

とりあえず>85
無料。

ログインして管理→デザイン→ページのヘッダ
<p>サブコメント</p>とでも入れてみ。
分からなかったら「教えてはてなダイアリー」で訊くとよい。

>84
デザインの整合性を求めるならしない方がいい。
背景画像が幅を制限していて、幅を固定せざるを得ない。

背景との整合性を無視してCSSを修正するなら以下。

body {
background-position: left top;
background-repeat: repeat-x;
}

h1, div.hatena-body {
width: auto;
}

table {
width: 100%;
}

div.hatena-body {
position: relative;
top: 0px;
left: 0px;
}

div.main {
width: auto;
margin-right: 210px;
float: none;
}

div.sidebar {
position: absolute;
top: 0px; right: 10px;
float: none;
}

>>86
感謝。自分でいじれる事をはじめて知った…

>>87
ｻﾝｸｽ！
だがそれやると登録した画像が表示されないっぽいからやめとくわ

あ〜でもやっぱり使いたい。
画像をちゃんと表示できるようにならないかな？
はまぞうでの商品の画像も表示されないのかorz

俺はスレストかｗ

はてなダイアリーpart21スレから誘導されてやって参りました。
今使っているテーマのデザイン自体は気に入っているのですが、
文字の大きさが気に入らなくて。
フォントをいじる事って出来ないのですか？

>92
.section p{font-size:100%:}
基本的にはこんな感じ。数字を変えると文字の大きさが変わるよ。
テーマ内の指定方法によっては、「.section p」の書き方をテーマに
合わせないとダメかも。
うまくいかなかったらテーマの名前を教えて。的確な回答をしやすく
なるかと。

>>93
ありがとうございます。
早速試してみたのですが、うまくいきませんでした。
ちなみにテーマはmemoもしくはpearlを使いたいです。

よくわからんが

BODY
{
FONT-SIZE: 80%;
}

で%変えたらどうよ？
個別に変えたいときは個別に設定しなくちゃいかんけど。

使っているテーマのスタイルシートファイルがどう書かれているのかcssファイルを見れますか？

cssファイルのアドレス。xxxはテーマ名を小文字で。

http://d.hatena.ne.jp/theme/xxx/xxx.css

memoなら

http://d.hatena.ne.jp/theme/memo/memo.css

WALL系のように他ファイルをインクルードしている場合もある。

http://d.hatena.ne.jp/theme/wall1/base.css

しまった、ｺﾋﾟﾍﾟで書いたら直リンなっちゃったよ orz

>>93 >>95
うまくいきました〜
ありがとうございます！

ブログのタイトルの背景に写真使うのってどうやるんでしたっけ・・・

>100
h1{background-image:url("http://…");}
みたいな感じ。
仕様書の邦訳サイトはブックマークしておこうぜ〜！

アッ

>>100
設定画面からできるようになったんじゃない？

>97
TNX

>103
あれは<h1><img src="xxx" alt="xxx"></h1>になる。
背景画像じゃない。

[詳細デザイン設定]-[スタイルシート]って
もしかしたらコメント入れちゃダメ？

>>106
全然そんなことない。俺はコメント入れまくり。
/* ここから追加分 */ とか書いているけど問題ないよ。
どんな風にコメントを書いたのか具体例を挙げてみれ。

>>107
/* ----- ■colorの変更 ----- */
という感じですけど、だいじょうぶでしょうか？

CSSのコメントだと思ってたんですが、
よく見るとHTMLの<head>内に<style type="text/css">で定義されてるし。
もしかしたらダメなのかなぁと。

>108
全く問題無い。

>>101
ありがとうごぜぇます。載せる方法はわかったんですが・・・

どうしても２分割のような状態になってしまいます；
画像を伸ばしても同じですよ・・・

>>107,109
ﾄﾝｸｽ

>110
同じ画像が何回も繰り返されているのなら↓

h1 {background-repeat: no-repeat;}

>>112
ありがとう。沢山質問して申し訳なかった
今は反省している

どうも、はてなスレから誘導されてきました。
素人質問ですみません。

本文書く所をカレンダーやプロフィール欄みたいに個別に区切りたいんですけど
どう言うタグ使えば完全に１固体として区切れるんですか？

線で区切るのは出来るんですけど、
完全に別々（間に背景色が入る）に切り離す時のタグは何使えばいいんでしょうか？

マジ教えてちゃんでｽﾏｿです

http://sinseihikikomori.bblog.jp/entry/188437/
株式会社はてなが競合する1470を潰そうと躍起になって各方面からの圧力を加えている
というのは事情通の間では既に周知の事実であり、その一端として株式会社はてなが
リスクコンサルタントを通じてダイナマイト "THE JASRAC" ビッグバングに
「1470にいちゃもんをつけてくれ」と大金を握らせ頼んだという情報を入手した。

これだけであれば「本当かな？」と疑ってしまう所であるが、
はてなは以前に応用通信電業株式会社が運営していたソーシャルブックマークサービスの
「ブロック！」（http://www.block.jp/）に対しても同様の圧力をかけて閉鎖に追い込んだと
いう話も伝わってきており、今回の件についても非常に信憑性が高いとい。
また、株式会社はてなは某ブログサービスのポータルページからリンクが貼られていた
アイドルのブログに対しても直接的な圧力をかけ、某ブログサービスのポータルから
某アイドルのブログへのリンクを圧力をかけて外させたといったような、
ありとあらゆる悪行三昧を重ねて日本を支配している。それら実例から見ても、
この事件の裏側にはてなが潜んでいる事は紛れもない事実であろう。

>>114
どういう風にしたいのか、例を示してくれ。
よそのダイアリーで「これがそう」っていうのはないの？

サイドバー部分の一部(例えばお気に入りのリンクだけとか)または全てを
日記の下に持ってくる事って出来ますか？

>116
すみません分かり辛くて･･･こんな感じです↓

ttp://d.hatena.ne.jp/geisyu_gutara/20050530


本文書く所が大きく３つに分けられてるじゃないですか？

「私事〜要精進」で１区切り
「アニメ〜作品を見直すんですけどね・・・。」で１区切り
「アニメ〜早く続きが見たいです。」で１区切り

という風に、完全に個別に切り離したいんです。

>114
body{background-color:#ccc;}/*ページ全体の背景色をグレーに*/
div.section{
border:1px solid #000;/*見出しごとに枠線で囲む*/
background-color:#fff;/*枠線内の背景色を白に*/
margin-bottom:1em; margin-top:1em;/*枠線の上下を少し開ける*/
}
とりあえずこんな感じか。
div.sectionの意味はキーワード「はてなダイアリーガイド「CSSセレクタ - 日記１日分」を見れ
ttp://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bc%a5%ac%a5%a4%a5%c9%a1%d6CSS%a5%bb%a5%ec%a5%af%a5%bf%20%2d%20%c6%fc%b5%ad%a3%b1%c6%fc%ca%ac%a1%d7
プロパティ宣言（{ }内）の意味はCSS2邦訳サイトを。

>117
<div class=sidebar>〜</div>のあとにモジュールを書く

>119
有難うございます！結構ややこしいんですね…
なんとか頑張ってみます

>>119
ｻﾝｸｽ。出来ました。

>>118
解決したみたいなんで意味ないかもしれんし、
勘違いかもしれんけどいちおう

wall系は見出しの前に改行を２行入れると、
前の見出しとくっついて表示されてしまう。
改行が１行だと、ちゃんと分かれて表示される。

他のスタイルではどうなるか知らんけど。

>122
br要素が勝手に入ってそうなったような。昔嵌った覚えがある。

モジュールの名前の表示は変える事はできますか？
“プロフィール”→“自己紹介”とか

>124
<hatena moduletitle="自己紹介" template="hatena-module" name="profile">

module属性の値を変えると良いらしい。

>125
できたっ!!嬉しい〜
本当にありがとうございます。
お礼が遅くなってゴメンなさい。

いつのまにかヘッダのシートをイジちゃったみたいで、ブログ全体の文字サイズが「２」になっちゃったんですが……
初期のサイズに戻す方法わからないでしょうか……

できれば何も触っていないシートのタグ（？）を教えてくれないでしょうか

スンマセン、自己解決できました〜

初心者すぎてすみません。
下のブログのように本文の幅を初期状態よりも広くしたいのですが、
スタイルシートのどのプロパティを抜けば良いのでしょうか？
設定方法を教えていただけませんか？

どうぞ、よろしくお願いします。

リンクを書くのを忘れました。
すみません。
http://d.hatena.ne.jp/ykurihara/20050503

>>130
で？　そいつにどんな恨みがあるんだ？

私も、そのブログみたいに幅が広い設定にしたなあ。
見やすくて、上手だと思うけどな。

129=132 (　´,_ゝ｀) ﾌﾟｯ

amazonの画像のborderを消すには、何をどう書けばいいのでしょうか

>134
isbn:0123456789:imageの枠線を消すのなら、
img.asin {
border: 0;
}

isbn:0123456789:detailの画像の枠線を消すのなら
img.hatena-asin-detail-image {
border: 0;
}

isbn:0123456789:detailの枠線を消すのなら
div.hatena-asin-detail {
border: 0;
}

さぁ、どれだ。

>>135
有難うございます。一番上でした。
ちなみに中と下はどの画像でしょう。

日記にISBN:0123456789:detailと書いてみりゃわかる

あと個人的には「border:none」を勧めたい（仕様書的にはどっちでもいいんだっけ?）

のっかりいいですか？
フォトライフからリンクした写真の下線を消すときはどうしたら良いんでしょうか。

>>137
やってみました。説明も書いてありました。
有難うございます。

>137
border: [ <'border-width'> || <'border-style'> || <color> ] | inherit

noneだと<border-style>を指定。0だと<border-width>を指定。
どっちもで良いな。

>138
img.hatena-fotolife {
border: 0;
}

ソースを見るとクラスが指定されているので、調べれ。

>>140
どもありがとございます
しかし、ダイアリー本文の下地に色設定してるせいか写真の下にどうしてもリンクの下線ができてこれが消えないです
下線の色設定を変えて目立たなくするしかないですかね？

>>141
A {
BORDER-BOTTOM: *****
}

で下線が引かれていると、
フォトライフ画像の設定で下線なしにしても
リンク下にボーダーも出てしまうみたい

これを

A
{
BORDER-BOTTOM: medium none
}

にして、本文中のボーダーを別で指定しなおしてやれば直ると思う。

>141
テーマによって消し方が違うんだよね…テーマ内に書かれている
CSSをちゃんと上書きしないといけないから。

テーマはなにを使ってるのかな?

>>142
>>143
お返事ありがとうございます。あまりに初歩的すぎてもう相手にされてないかと思って見に来てませんでした。
テーマは270とかいうのを使ってます。
CSSって全然わからないので他のサイトみたりとか雑誌でみて面白そうなのを試してみたりしてみてますが、いまだに
なんのことやら、という状態でして

急にサイドバーが表示されなくなったんだが、俺だけ？
特に何もしてないんだけどなぁ〜

>>108
■colorの変更ってどうやるの？

あげ

凄い放置具合だな

>>107
コメント入れると、一部ブラウザで正常に表示されないことがある。
これでWebページ開発泣かされたなー。途中で気づいたけど。

すみません
かなり古い59さんの質問と一緒なんですけど
（引用させていただきました）

>isbnの詳細モードを、引用ブロックもしくは自分で設定した枠の中に
>表示させたいのですが、タイトルが長いと枠からはみでてしまいます。試行錯誤してみたのですが、びくともしません。
>枠の中におさめるためにはどのように指定すればいいでしょうか…。

私もこれで試行錯誤しています
やり方を教えてください。　お願いします

>>150、>>59


CSSに
div.hatena-asin-detail {
margin: 10px;
padding-left: 10px;
}

div.hatena-asin-detail p {
text-indent: 0em ! important;
line-height: 150%;
}

div.hatena-asin-detail ul {
list-style-type: none;
margin: 0;
margin-top: 10px;
padding: 0;
}

img.hatena-asin-detail-image {
float: left;
border: 0;
}

div.hatena-asin-detail-info {
margin-left: 10px;
float: left;
word-break: break-all;
}

p.hatena-asin-detail-title {
font-weight: bold;
}

div.hatena-asin-detail-foot {
clear: left;
}

保証はしないよ

>151
ありがとうございます
でもダメでした・・・・
テーマによって出来るものと出来ないものがあるんでしょうね・・きっと

これでどうだ（hatena-body内全部に有効）


div.hatena-body{
word-break:break-all;
word-wrap:break-word;
}

単純に英文が改行されないだけなのか、違う意味なのかがよくわからん

リンクの部分を黒くしたくて

a.keyword:link {
color: black;
}

をスタイルシートに追加したんですが、
中には黒くならず緑色のままの文字があります。
全部黒くしたいんですが方法ありますか？

>>154
擬似クラス指定を外すか:visitedも追加

a.okeywordにもスタイルを追加

Hatena_noteテーマのしなもん邪魔なんでｗ除けたいんですけど出来ますでしょうか？

できます

出来るけどシナモンを除けたら可哀相だから教えてあげない

(´･ω･｀)ｼｮﾝﾅ…

>>155
ありがと。
全くアクセスないなから見にくいも何もないんだけどな

>156-159
http://d.hatena.ne.jp/tikeda/20050906/1126013755

>>161
どうもありがとうございます。早速やってみます

上下にある日記の幅を広げて離したいんだけど
そんな都合のいい方法ある？

二ｃｍぐらいなんだけど

>163
1ページに表示されている2005/09/25の日記と2005/09/26の日記の間を広げたいってことならば、

div.day {
margin-botom: 2cm;
}

cmよりはem辺りで相対指定にしておいた方が無難。

ブログモードでAsterisk-maroonのテーマを使っています。
現在、一日の日記本文に

*p1*[A] 日記１
日記１本文((脚注１))
*p2*[A] 日記２
日記２本文((脚注２))

と入力し、日記に反映させると

日記１
Permalink | コメント(0) | トラックバック(0)
日記２
Permalink | コメント(0) | トラックバック(0)
脚注１
脚注２

の順に表示されてしまいます。

日記１
脚注１
Permalink | コメント(0) | トラックバック(0)
日記２
脚注２
Permalink | コメント(0) | トラックバック(0)

の順に表示したいのですが可能でしょうか？

>165
無理。
仕様変更はアイデアへ。

しかもそのアイデア既出

レスありがとうございます。
現時点では脚注使わないでいるのがいいっぽいですね。

>>164
ご丁寧にども。
でも上下の間隔がそれを貼っても開かないです。
何か間違ってるんでしょうか。自分が。

[コメントを書く]の部分の文字を変える事ってできる？
[]部分をなくす方法も知ってたら教えて下さい。

>170
それもはてなアイデアに既出

>170-171
一応画像を使えば置き換えられなくもない。
div.caption aだけblock要素扱いにして背景画像を代わりに表示しておく方法。


そういえばはてなブックマークの方だとタグのマークアップが

　<span.tag>[<a href="#">tag</a>]</span>

になっていて羨ましい。

>>171 >>172
�d

ヘッダの色って設定画面の指定色以外にする事はできますか？

>174
画像に背景色が設定されているので、辛い。

関連アイデア
http://i.hatena.ne.jp/idea/1359
http://i.hatena.ne.jp/idea/1716

やっぱり辛いですか・・・ありがとうございます。

本スレ?で質問して誘導してもらったので
質問します
emタグを使うと適用した文字の背景の色が変わってしまうんです
strongタグだと大丈夫なんですが・・どうやった変わらないようにできるんでしょうか？
あとこれはテーマのせいなんでしょうか？

>>177
何テーマ使ってるの

Pokke-orangeを使っています
emタグを使うとオレンジ色になってしまうんです

>>179

Pokke-orangeを見てみた
テーマで指定されてるからだね

em,
em a{
　　　　　　　font-weight: bold;
　　　　　　　font-style: normal;
　　　　　　　background-color: #ff9430;
}

日記の詳細設定ページでスタイルシートの追記をして
emとem aの設定を上書きすれば解決すると思う

em,
em a{
　　　　　　　font-weight: bold;
　　　　　　　font-style: normal;
}

を追加してみたらどうなるかな

フォームメールをサイドバーに上手く入れたいのですが、
何故か巨大になり記事に重なります。
cols値などを変えてみてもいつも同じで参っています。
他の方のダイアリやCSSを参考にしてるんですが一向に上手く行かず……
これはテーマにも寄るんでしょうか。
使っているテーマはHatenaサイドバー付きのものです。
どなたか御指示頂けませんでしょうか？よろしくお願いします。

>179-180
上書き出来てないので、
em,
em a {
background-color: transparent;
}
とする。
それだとemとstrongの見分けがつかないので、
em側にfont-style:italicとかで元に戻すのが無難かなぁ。

>>182
この方法でいけました!ありがとうございました
>>180さんもありがとうございました

はてなのＢｌｏｇにて
音楽を再生する方法は
ないのでしょうか？

はてなダイアリーで無料のほうのアフィリエイトを始めたいと思っています。
amazlet itというツールで表示したい画像を見つけて、
表示されている文字列をコピーして、
サイドバーを表示させる部分に書き込んだのですが、
実際に見てみると背景にそのまま貼り付けられてしまいます。
アンテナなどのモジュールを使って貼ったものは、
背景に直接ではなく、違う枠でくくられて表示されるのですが、
アフィリエイトの画像も枠でくくって表示することはできるんですか？
何時間もかかっていろいろ調べたのですがわかりません。
教えて下さい。

>184
(･∀･)ｶｴﾚ!
「はてなダイアリー利用可能タグ」というキーワードを見ると分かるが、
embedもobjectも無い.

自作のmidiとかなら別のところにアップしてリンク張るしか無い.

>185
何時間もかかって調べたのに「教えてはてなダイアリー」には辿り付けなかったか.
自分でhtml書いてください.
IEだったら「表示」→「ソース」でどのようなhtmlが書かれているか分かるので
それを見て真似をするのが一番良いと.
具体的には
管理→デザイン→詳細設定のフッタに
</div>
<div class="sidebar">
<hatena name="antenna" template="hatena-module">
<hatena name="rss"
(略)
</div>
と並んでいる.

div.sidebarの間に
<div class="hatena-module" id="affiliate">
<div class="hatena-moduletitle">アフィリエイト</div>
<div class="hatena-modulebody">
amazlet itやはまぞうで出てきた画像.
</div>
</div>
とでもしておく.
どうせ幅が合わなくて困るだろうが、それは自分でcss書いて調節して.

>>186
他の人のも参考にしながらやってみたらできました！
ありがとうございます！！！

>>6の「テーマ別によるスタイルシートサンプル」の中で
はてなの簡単デザインテーマの中に入っていないテーマを
自分のはてなの日記に適用することは可能でしょうか？
その場合、どれかをコピペでさくっと適用できないものですか？

>>188
設定->デザイン->詳細デザイン設定
からテーマを選択
サイドバーなんかは自分で設定しなきゃならないよ

>>189
ありがとうございます。
サイドバーいろいろ試しながらチャレンジしてみることにします。

サイドバー難し木彡

日記最上部のようこそIDさん、最新の日記、日記を書く等のリンクになってるところにマウスを当てたら色が変わるんだけど
その変わる色を変更ってできる？

>192
ダイアリー内でcenterは使わないだろうから,
centerを使って指定すると良い.

table div center a:link { color: blue;}
table div center a:visited { color: purple;}
table div center a:hover { color: red; border-bottom: 1px dashed red}
table div center a:active { color: red;}

スタイルシートでフォントは、Tahomaに設定しています。
ブラウザで、Fierfoxで見ると、日本語もClearTypeが有効になっているのですが、
IEで見ると、英数字以外は、ClearTypeが有効になっておらず、日本語はきたないままです。
原因はブラウザの設定の問題でしょうか？
IEでもClearTypeが有効になって読めるようにしたいです。

よろしくおねがいします！

はてなブログ有料化　サーバー増設により費用増加
http://news18.2ch.net/test/read.cgi/news7/1132711537/

>>195
まじかよ
実名登録以来の衝撃だなorz

>>195
行ってきた
すごいショックだよ orz

>>197
遅すぎるよハゲ

>>198
一番忙しい時期にキミのように暇ではないのだよホーケイ

これが二人の運命の出会いだった。

後に世界を揺るがすライバルとなる。

>>199
明けましておめでとう。

>>202
今年もよろしく。

asterisk-lightgrayとかのテーマを使わずに、
見出しの四角を「*」にＣＳＳで設定できますか？
h3 a span.sanchor　にどう記述すれば良いのでしょう？

>204
http://d.hatena.ne.jp/theme/asterisk-lightgray/asterisk-lightgray.cssを見れば分かる.
そのまんまコピペすると,

/* 見出しの設定 */
h3 {
font-size:110%;
margin:0.75em 0 0.25em 0;
color:#656769;
}

div.day span.sanchor {
background-image:url(ast05.gif);
background-position:bottom right;
background-repeat:no-repeat;
padding:16px 16px 0 0;
color:#FFFFFF;
background-color:transparent;
font-size:1px;
margin:0 4px 0 0;
}

という感じ. 適切にbackground-imageだけ弄れば大丈夫.

>>205 さん、レスありがとうございました。無事に設定できました。
あの*も画像だったんですね。

既出なら申し訳ないんですが、コメント欄だけ色を変えることってできるのでしょうか？

ちなみにスタイルシートで
textarea{ background-color: ******; }
とかやってみたんですがうまくいかなくて・・・。

div.comment {
background-color : #****** ;}

ではどうだ？

>>209
できました！本当にありがとう！！

http://d.hatena.ne.jp/naoya/20060203/1138933083

しどろもどろの言い訳、ｶｺﾜﾙｲ（ｗ

「mini-g」のテーマで、
*ではじまる見出しの部分（白の部分）の
間隔をなくすにはどうすればよいでしょうか？

div.day {
margin-botom: 2cm;
}

ネタバレ防止のため

.netabare{
color: 背景の色;
}
.netabare a:link
{
color: 背景の色;
text-decoration: none;
}
.netabare a:visited
{
color: 背景の色;
text-decoration: none;
}

と設定してネタバレ部分div class="netabare"で囲っているんですが、
普通の文章の文字色を

div.section p{
color: #000033
}

で設定するとネタバレ部分のリンク/キーワードはキチンと隠れているのに普通の文字は見えてしまいます。
全部隠す事は可能ですか？

行間縮めたいのですが

day{
line-height :70%;
}

ってやってみましたが変わりません。
どうしたらいいですか？

>214
CSSの詳細度の所為で, 後者が有効になっている.
多分
---
.netabare {}
div.section p {}
---
という順番になっていると思うが, それを
---
div.section p {}
div.section div.netabare {}
---
に直せば大丈夫.

>215
それではdayという要素に対する指定になっている.
div.dayか.dayが正解.

ただ元のCSSでより細かい部分にline-heightが指定されている可能性もあるので,
元のCSSを見てline-heightを検索してみて, そのセレクタに対して上書きするように指定する方が良い.
元のCSSで
---
div.section p { line-height : 1.5; }
---
とかなっていたら, こちらもdiv.section p { line-height : 1.3; }とかして行間を縮めると.

出来ました。ありがとうございました。

でも見出しが重なってしまいました（涙）

>215
もし70%にしたのだとしたらやり過ぎ.
1.05〜1.5を薦める.

>>216
ありがとうございます。

順番はあっていたのですが.netabare→div.section .netabareにする事で解決しました。

>>218
120%でも重なるです。

本文は間抜けに行間空いてる・・・orz

>>220
上でしょぼい質問をしてるようなヤツなんで見当違いの事を言っているかもしれませんが
120%としているのを%ではなく実数（1.3あたり)に変えてみてはどうでしょうか？

>220
これを読むことを薦める. その上で%抜いて, 1.2にしておくと無難.
http://d.hatena.ne.jp/mozuyama/20040223#p4

将棋を覚えろと言われてるのかとオモタですｗ
頑張ってみます！

松永英明（id:matsunaga）

カーマ=アニッチャ=パンニャッタ=パンニャーヤ=ムッタ=デーヴァ
こと福井利器（ふくい・としき）
もとい松永英明
現在、アーレフ（オウム真理教より改称）の「師補」の地位。

河上イチローことデーヴァ福井利器さん関係の秘蔵資料をご紹介します。
http://yokohama.cool.ne.jp/sinzinrui/deeva.html
あめぞう残党watchその２
http://ex9.2ch.net/test/read.cgi/net/1130934064/
河上イチロー＝福井利器（オウム信者）＝松永英明＝きっこ？関係検証スレ
http://news18.2ch.net/test/read.cgi/news2/1142093764/
---------
野田敬生 ESPIO
http://espio.air-nifty.com/espio/
某弁護士日記
http://sky.ap.teacup.com/takitaro/
河上イチロー極限資料集
http://www.makani.to/cult/special/kawakami.html
松永英明ブログ
http://d.hatena.ne.jp/matsunaga/
http://kotonoha.main.jp/
nekoneko―これまでの経緯
http://d.hatena.ne.jp/nekoneko/20060309#p1
Artaneのブログ
http://d.hatena.ne.jp/artane/

他社のアクセス解析ってどうしてもつけられないんですか？
Javascriptは駄目なんですかねえ。

>225
scriptを弾くのでダメ.
はてなカウンターまたはブログペットで.

ありがとうございます！
あの動物。か･･･。嫌だ。

はてなリングのロゴに枠線つけるのって、どうすればいいか
分かりますか？

絵文字みたいなのどうやってつけるんですか？
ハートとかハートが踊ってるのとか・・・

もしかして有料なの？

選んだデザインによってちがうとか？

キーワード以外のリンク(http記法で書いたリンク)に
アンダーラインを引きたいのですが、やり方がわかりません。
a:link { text-decoration: underline }
と書くとキーワードにはアンダーラインが引かれるのですが・・・
どなたか教えてくださると助かります。

>231
キーワードはa.keywordなので, 指定し直す.

a:link { text-decoration: underline ;}
a.keyword:link { text-decoration: none ;}

と書くと, 通常リンクは下線で, キーワードは下線無し.
ついでに言っておくと, visitedも指定した方が良い.

伊藤若冲に関連したテーマの公開について
http://d.hatena.ne.jp/hatenadiary/20060525/1148545586

結局どこのブログが一番いいの？その６
http://pc8.2ch.net/test/read.cgi/blog/1142388200/

有効なデータのある１６社のうち、あのライブドアに
つぐ減少幅だった。１６社のうちユーザーの数が減ってる
のはライブドアとはてなだけ。

しかも、はてなは複数アカウントとグループを許してるから
実際のユーザーの数はもっと少ない。
事実上ココログにも負けてる。
住所登録のときがピークで、はてなは完全にもう落ち目入ってる。
住所登録の時に移転した人たちが勝ち組。
今のうちに移転すればかろうじて勝ち組。そのままなら確実に負け組入り。

>>234
登録者数が減ればその分鯖の負担が軽くなるから減ってくれて構わんよ

http://arena.nikkeibp.co.jp/col/20060516/116681/

>古いブラウザー（Quirksモード）で閲覧しても、新しいブラウザー（Standardモード）で閲覧しても
>“同じように見えるWebデザイン”がWebデザイナーに課せられた命題だった。
>そして、Webデザイナーたちは、そのための裏技を次々と考え出していった。
>実は、「はてなダイアリー日記」がIE7ベータ2で正しく表示されなかったのは、この裏技に原因があった。
(中略)
>ここまで見てくると、この問題は、もしかするとIE7ベータ2のバグではないのかもしれないという懸念が沸いてくる。
>IE7ベータ2の表示は、HTMLの規格外の指定を否定しているのにすぎないからだ。

>解決策はある。
>すべてのWebページのデザインを、システム識別子を省略しないでStandardモードに対応させればいい。
>IE7ベータ2もシステム識別子があればStandardモードが選択される。
>IE6までは問題があった「width:auto」もきれいに表示される。

>>236
直ったし

はてなダイアリー
ttp://d.hatena.ne.jp/hatenadiary/20060606/1149560865
hatena 関連テーマでIE7βを使って閲覧すると
表示が崩れるというご報告をいただいておりましたが、
正常に表示されるよう対応を行いました。

div.hatena-asin-detail {
margin: 10px;
padding-left: 10px;
}

div.hatena-asin-detail p {
text-indent: 0em ! important;
line-height: 150%;
}

div.hatena-asin-detail ul {
list-style-type: none;
margin: 0;
margin-top: 10px;
padding: 0;
}

img.hatena-asin-detail-image {
float: left;
border: 0;
}

div.hatena-asin-detail-info {
margin-left: 10px;
float: left;
word-break: break-all;
}

p.hatena-asin-detail-title {
font-weight: bold;
}

div.hatena-asin-detail-foot {
clear: left;
}

っての入れると左端が切れてしまいます。
どうしたら良いですか？

239です。
間違えました。右に空白が出来てしまいます。

株式会社はてな、収集したユーザの個人情報を売り払う
http://d.hatena.ne.jp/frain/20060621/1150857471

backbround-imageで使う画像はどこにうｐするんですか？

>>242
フォトライフでおｋ
画像情報からURLを直接引っ張ってきて使ってね

>>243
なるほど。ありがとうございます。

いえいえ
お役に立てて幸いです

［コメントを書く］っていう文字の色を変えるのってどうやるのですか？
color： blueって入れたら　［］だけ色が変わってしまいました・・・orz
↑のほうにはてなアイデアに載ってるというレスが」ありましたが
古い記事ですでに流されているのか
検索しても出てきませんでした

>>246
div.comment div.caption {
border-bottom: #色コード 1px solid;
}

ではだめですか？

TB表示してる時はそのURLの色も変わっちゃうかな・・・。

>246
div.comment div.caption,
div.comment div.caption a:link,
div.comment div.caption a:visited,
div.comment div.caption a:hover,
div.comment div.caption a:active {
color: blue;
}
リンク要素にも指定すれば良い. なるべく詳細度を上げてみた.

>247
今見たら, トラックバックの方はdiv.refererlistだったので大丈夫.

>>247
>>248
ありがとうございます＞＜
おかげさまでちゃんと設定できました。

記事の下に書かれたコメントを表示しないようにする方法ってあるんですかね。
「コメントを書く」を押さないと見えないようにしたいんですが。

>>250
div.commentshort{
display: none;
}

form div.commentshort{
display: block;
}

で

ttp://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bc%a5%ac%a5%a4%a5%c9%a1%d6CSS%a5%bb%a5%ec%a5%af%a5%bf%20%2d%20%c6%fc%b5%ad%a3%b1%c6%fc%ca%ac%a1%d7　より

>>251
あんがとございまーす

「query011」ってサンプルテーマ使ってるんだけどさ、
これもうちょっと記事の幅広くできないだろうか。

>253
元々可変幅なんでそう狭いというわけでもないがやってみた.
全体で62px分広くなる筈.

----
h1 {
margin: 2em 20px; /* 元は2em 36px */
}
.main {
margin-right: 220px; /* 元は250px; */
}
.sidebar {
width: 220px; /* 元は250px */
}
div.day {
margin: 12px 20px; /* 元は12px 36px */
}
div.hatena-module {
margin: 0px 20px 12px 0px; /* 元は 0px 36px 12px 0px */
}
----

>>254
あんがと。
結構なんでもできるんもんなんだな。

コメントを入力するボックスの幅を大きくしたいのですが、どうしたらいいんでしょうか。

自己解決しました。スレ汚してすいません。

ヘッダにカレンダーをのっけたいんですが、やり方がわかりません。
どなたか教えてください。

ヘッダにカレンダーモジュールを書くだけ。
CSSスレで訊くことじゃないような気もするが。

>>258
それって表形式のやつ？それとも月別の奴かな？
ちょっと分からないので両方とも書いておきます。

ヘッダに以下のように記述

<hatena name="calendar">
<hatena name="calendar2">

設置するだけならこのタグを入れるだけでできますよ

http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bc%a5%ac%a5%a4%a5%c9%a1%
d6CSS%a5%bb%a5%ec%a5%af%a5%bf%a1%d7

ここの「全体の幅を固定して中央に配置する」って通りにやってるんだけど、
ieだと真ん中になるけどfirefoxだと出来ない。どうにかなりませんか
テーマはhatenaテーマです

>261
できるよ?
ほかに余計なcssを書いてないかどうか確かめた方が良いかも.

「gothic-black」っていうテーマはここでいいのかな？
表示不具合があるから作者に連絡しろって言われたけど
作者なんか知らないし・・・
このテーマhttp://joram.agz.jp/hatena/thumbnail/でも表示されないんだよね。
何かおかしいの？気に入ってるから使いたいんだけど・・・

>>263
作者はid:DocSeri氏だと思う。

>>264
> >>263
> 作者はid:DocSeri氏だと思う。
事故レス。ソースを書き忘れてた。ttp://d.hatena.ne.jp/hatenadiary/20050715/1121417328

あと http://joram.agz.jp/hatena/thumbnail/ ははてな公式じゃなくてユーザーのボランティア
だから管理者が多忙だったりして更新が追い付いてないだけなんじゃないかな。

あ、どーも作者です。
済みません、はてなの機能追加やらブラウザのヴァージョンアップやらに対応し切れてませんで。
で、どのような不具合でしょう?
個人環境としてWinを所有して居りませんもので、場合により少々修正までお時間を頂くかも知れませんが。

わざわざどうもすみませんです。

div.hatena-asin-detail-info {
margin-left: 10px;
float: left;
word-break: break-all;
}

こういうのを貼ったら日記を１日分だけ指定したときの表示は良いのですが
数日分表示させると左側が切れて右側に空白が出るんです。
はてなで聞いたら上記を削除しろとのことだったので
消したらasin記法の詳細モードを使って紹介した商品の画像の上に
点線が被ってしまうのです。
スタイルシートさっぱりわからないので
どういう意味の指定をしてるのかわからないんですが・・・

今どうにかしてくれという事ではなくて
使わせてもらってる以上お知らせするのが筋かなと思いました。

気に入って使わせていただいてます。
ありがとうございます。


>>264-265
ご親切にありがとうです。

書影の上に点線がかぶる環境は恐らくIE6ではありませんか?
今すぐには表示確認ができませんので、取り急ぎ線を消す方法だけ書いておきます。
もし一番下の線だけが長く左側に延びていて、それが被るのなら
div.hatena-asin-detail ul { border: none; }
と、そうではなく商品の情報全部が被るなら
div.hatena-asin-detail ul,div.hatena-asin-detail li { border: none; }
とスタイルシート欄に書いてみて下さい。

現在、はてなでは機能追加などに伴うスタイル指定を全テーマ共通で追加する仕様になっています。
各テーマで調整する場合にはそれらを上書きする必要があるのですが、
それ以前に作成したテーマの改修まで手が回らないのが現状でして。
暇を見て少しづつ直してゆきますので、それまでどうかお待ち下さい。

ありがとうございます。

IE6です。そして全ての点線が被ります。
div.hatena-asin-detail ul,div.hatena-asin-detail li { border: none; }
を書いてみましたが同じでした。

このまま待たせていただくことにします。

hatena-simple-redのテーマなんですが、日記中の[コメントを書く]と
いうとこのアンダーバーと、サイドバーのキーワードとかについている
アンダーバーを消したいんですが、どうしたらいいですか？

>270
下線はアンダーライン. アンダーバーっていうと"_"のこと.

div.sidebar a,
div.caption a {
border-bottom: none;
}

>>271
後、a:hoverでtext-decoration:noneと指定しても下線が
消えますよ

>>271-272
ありがとうございます。思いどうりになりました。

サイドバーにRSSを付けているのですがそのリンク先を_blankで飛ばしたいのですが
どのようにすればいいのでしょうか？
<hatena name="rss" target="_blank" url="http://〜" moduletitle="〜" template="hatena-module">
単純にこのようにやればいいかと思ったのですができませんでした。

脚注記法だけ文字を常に小さくしたいのですがスタイルシートを使ってできますか？

p.footnote { font-size: 50% }みたいな感じで。

本日、修正版Gothicテーマをはてなに送付しましたので
一両日中にも不具合修正が反映されるかと。
一月近くもお待たせして申しわけございませんでした。

Query110に、H1 { background-color: #transparent; }としても透けません。

Hatenaと Hatena_simpleぐらいしか指定したとおりにならない。。

Query110はcss未対応か。
わかるところに書いておいてほしい。

引用を使った時にできる枠の余白を小さくしたいのですがどのようにすればいいのでしょうか？
blockquote 余白で検索してpadding、marginの値かと思い試してみたのですができませんでした。

blockquoteの中身がmarginあるいはpaddingを広く持っているのかも。
blockquote,blockquote * { margin:0; padding:0; }でどうか。

プロフィールのページのソースを見たら

<style type="text/css">
<!--

の直下に

ul.hatena-profile-list {
margin-left: 20px;
}

が記述されていました。

管理ページのデザインのスタイルシートには記述されていないのですが
（一度すべて消して自分で書き直したので…）、消す方法はありますか？

body ul.hatena-profile-list {
margin-left: 0;
}
として上書きするとか。

上書きできるんですね！
ありがとうございました。

>>281
ありがとうございます。
無事できました。

背景画像をマウスの乳首をクリクリしてもスクロールさせないで固定するのは
どうしたらいいのでしょうか？

↓だと本文といっしょに背景もスクロールしちゃうんですけど。
body {
background-image: url
}

background-attachment:fixedで。
ただしIEはbody以外の要素では固定できないんだったかな。

>>287
出来ました。
ありがとうございました。

れんたるtDiaryのしんちゃんはどこいったの？

teacupデザをインを使っています。２点ほど質問を。

１、asin:datailで、リストなどが商品画像の下に行くので
回り込み（float）を右にしたのですが変更がきいていません。
設定のミスでしょうか？

２、日記内のtableを弄りたいのですがこの場合どういう定義で
指定したらいいのでしょうか？普通に弄ってしまうとヘッダまで影響すると
ガイドには書いてあったので困っています。

基本的にはこんな感じで弄りたいのですがどうなんでしょうか

div.day table { border:solid black 2px; }

少し長文になりましたがよろしくお願いします_(._.)_

>290
2.はそれでOK

1.はhatena.cssからコピペしてちょっと改造.

/* asin-detail */
div.hatena-asin-detail {
margin: 10px;
padding-left: 10px;
}
div.hatena-asin-detail p {
margin: 0;
text-indent: 0em ! important;
line-height: 150%;
}
div.hatena-asin-detail ul {
list-style-type: none;
margin: 10px 0 0;
padding: 0;
}
div.hatena-asin-detail ul li {
margin: 0;
}
img.hatena-asin-detail-image {
float: left;
border: 0;
}
div.hatena-asin-detail-info {
margin-left: 10px;
float: left;
word-break: break-all;
}
p.hatena-asin-detail-title {
font-weight: bold;
}
div.hatena-asin-detail-foot {
clear: left;
}

>>291
290です。
tableの方はあの指定で大丈夫だったみたいです。
asinに関してはまだ弄ってないので弄り終わったらまた報告します_(._.)_

はてなダイアリーのデザインなんですけど、かんたんデザインでカレンダー
表示できますよね？そのカレンダーには曜日が表示されないんですが、どう
すればいいんでしょう。。
詳細デザイン設定でモジュール等入力するんでしょうか？
初めてなので色々わからなくて困ってます。。

>293
かんたんデザインのモジュールを選択で「カレンダー」または「カレンダー（画像付き）」を選ぶとサイドバーにカレンダーが出るんだが.
こっちの環境だと二つとも曜日あるけども.

カテゴリーで、
政治(8)
社会（7）
のように表記するのはどうしたらよいのでしょうか？

>>295
カテゴリに番号を振りたいということ?
それともカテゴリに属するエントリ数を表示したい?

番号を振るなら単にカテゴリ名に入れるだけ(過去のエントリすべて書き直す必要があるけど)。
エントリ数の自動表示は、そんな機能ないからはてなアイデアへどうそ。

>>296
そういえばないな

質問です。

http://d.hatena.ne.jp/designset/66
こちらのテンプレートを使う予定です。

画像を一日一枚貼るとして試したところ、テーブルの中に収まるのはいいのですが、
タイトルの部分にまで画像が被ってしまいます。

これをコメント欄から(右上寄せ・コメント回り込みのまま)に移動させるには、どうすれ
ばいいでしょうか？

質問が理解できません＞＜

質問です。はまぞう使って日記内に書籍を横並びにすると、

_□_■_■_■_■

という風に本と本の間に下線がはいってしまいます。

padding-bottomを０以上にすると

■　□　■　■
＿＿＿＿＿＿

と下に直線が出ます。


消したいのですが、解決方法教えて下さい。
以下の様な指定をしてます。
.day img.asin{
float: none;
margin: 0 0 0 0;
padding:0 0 0 0;
border:none;
}

>295
ttp://i.hatena.ne.jp/idea/1485
はてなアイデア - 日記（見出し）のカテゴリー一覧で、その
カテゴリーに何件記入されているか任意で表示できる機能が
欲しいです。例えば「読書(32)」「映画-22件」など。

検討中、配当倍率4倍

改行したときにできる空白って幅縮めることできませんでしたっけ

>302
.section p {
margin-top: 0em;
margin-bottom: 0.5em;
}
とか。
行頭の空白なら
.section p {
text-indent: 0.5em;
}
で。

>>303
どうも。
助かりました。

はてなグラフって携帯から更新できないんだっけ？

youtubeの動画を貼る時に表示される大きさ(高さとか横幅)を小さくするのは
どうしたらよいでしょうか？

自己解決しましたすいません

>>307

どうやったの？

必死過ぎて見てらんない
http://d.hatena.ne.jp/designset/529

はてなダイアリの公開デザインで、ヘッダに背景画像を表示するのがあったので
グループ日記に適用してみたんですが、:groupのところだけtransparentの指定がかからなくて、
そこだけ背景色で画像が隠れてしまいます。
どうしたらそこをtransparentにできるでしょうか？

ちょっと表現を間違えていました。
Hatena::Group::●●
となっているうち、Hatena::Groupまでは背景画像が見えるようになっているんですが、
::●●の部分だけ、背景色が透明にならずに残ってしまいます。
ソースを見てみても、そこだけ特に区別されているようには見えないのですが。
どなたか、何が問題なのかお教えください。

>310-311
画像だけ表示すると分かるが●●のところは背景が透明になっていない。
設定→詳細設定→ヘッダタイプで細いヘッダにすると●●も背景が透明なので、そっち使え。

正義のみかたアレフンジャー
アーレフにかわっておしおきよっ！！

■アレフレッド：福井利器　http://d.hatena.ne.jp/matsunaga
オウム信者であったことが暴露され仕事は激減。この名前での社会復帰はほぼ不可能か。
結核治療から退院して手記を書き始めたが突如、証拠隠滅して死ぬ死ぬ詐欺を始める。

■アレフブルー：上村光治　http://d.hatena.ne.jp/psycho78
ミド同様、松永に帰依する狂人。何が楽しいのか、BBに対して執拗に人格攻撃する。
あめぞう残党の一味と思われる。地蔵を「きょうもえのあにき」と呼称することから
shibakuではないかといわれている。LLL。○精（切込隊長）のケツの穴も狙うゲイ。

■アレフイエロー：御堂岡啓昭　http://d.hatena.ne.jp/requiem7
一言で表現すれば狂人。もはや人にあらず。人の道を外れ２ちゃんねるのスレに棲みつき
泥水をすすりながら頭をかきむしり公調・崎山・黒崎・鮫島に対して意味不明の暗号を狂い叫ぶ変人。

■アレフピンク：安藤宗生　http://d.hatena.ne.jp/kyoumoe
「私は小中高の12年間をずっといじめられっ子として生きてきました」
小中高と頭を叩き割られたり背中に虫を大量に詰められたり
グラウンド馴らしのローラーで足を轢かれたり机が無くなってたり辞書が引き裂かれてたり
暴力で失神したり授業中に顔面を殴打されて流血したり
それ以外にも書くだけで何時間もかかるようないじめを受けた

■アレフブラック：eshek　http://d.hatena.ne.jp/eshek
自称脱洗脳専門家
名無しでもブログでも松永擁護しかしてない
元から松永一派
上祐脱会の3月までに幕引きして松永を逃がすのが任務の小作人

特定の日付にだけコメントを書けるようにすることは出来るんでしょうか？

テーマ　green-tea　や menu　のように中央に表示されるシンプルなやつを使用してるのですが
日記の本文の横幅をひろげるにはどうしたらいいんでしょうか？
div.day やら div.body　のWidhをいじってみたんですがどうもうまくいきません。

あげてみる

>>315
div.day {margin:60ps;}とかで
マージン値を使ってみるのも一つの手段かも。
自分はteacupを改造していますが本文の横枠はマージンで広げています。
それで難しいならば教えてはてなダイアリーでえろい人召還を
した方が早く回答できるかと思われます。

はてなのwall1のタイトル(h1)、大きさが変わった？
小さくなったような。

勘違いだった。ごめんorz

記事に使うフォントをTimes New Romanで固定したいんですけど、
<font face="Times New Roman">を詳細デザイン設定のどこに挿入したらいいんでしょう？

>320
CSSに
body {
font-family: "Times New Roman", serif;
}
の方が早いと思う
bodyでダメだったら, div.section辺りで.

>>321
ありがとうございます
前者でいけました

引用内のキーワードの背景だけ色を変えたいんですけど
どのように指定すればいいですか？

>323
blockquote a.keyword:link,
blockquote a.keyword:visited,
blockquote a.keyword:hover,
blockquote a.keyword:active {
backgroud-color: yellow;
}

こんな感じ。

日付横の「編集」という文字や
記事ヘッダの「コメントを書く」などを消したいのですが
どのようにしたらいいでしょうか？

http://guide.g.hatena.ne.jp/sugio/19060109
を見ながらdisplay:none;などと
弄ってはいるのですが変わりません・・・。
宜しくお願いします。

記事ヘッダ　→　記事フッタ

の間違いでした。ごめんなさい。

>325
「編集」の文字は自分 (と編集可能なアカウント) にしか見えないが

/* 「編集」を消す */
div.day h2 a.edit { display: none;}

/* 「コメントを書く」を消す */
div.day div.comment div.caption { display: none;}

/* コメント欄全体を消す */
div.day div.comment { display: none;}

/* トラックバックも消す */
div.day div.refererlist { display: none;}

>>327

無事消せました・・・ご丁寧にありがとうございます。

「編集」の階層はa.editだったんですね。
a以下が分からなかったので本当に助かりました。

ただ申し訳ないのですが、
もうひとつ質問してもよろしいでしょうか・・・。

アーカイブや個別記事に表示される
＜前の日|次の日＞
のようなdiv.calendar？の色と大きさを変えたいのですが、
一向にうまくいかなくて・・・。

div.hatena-body main calendar {
font-size:13px;
font-color:#424542;
}

と記述しています。

お暇なときで全然構いませんので・・・。
宜しくお願いします。

>328です。
すみません、自己解決しました。

先ほどのタグだと
リンクまでは効かないんじゃないかなと思って

div.calendar a {
font-size:13px;
font-color:#424542;
}

とaを追加しましたところ、
なんとか変更することができました。

スレ汚して本当に申し訳ないです。

すみません、質問させてください。
現在のはてなダイアリーでは古い日記ほど、下にいく様になっているますが、
表示順を逆にすることはできるのでしょうか？
月別でまとめて読む時に、ちょっと見づらいので。
教えて頂けたら嬉しいです。

>>330
設定の全般か記事編集当たりに新しい記事が投稿されたらって
いうのがあるのでそれを弄ればいけますよ。

>>331
それは同日の追加投稿(主にメールなどでの)を上に追加するか下に追加するかという設定。
質問は恐らく、月単位での表示が新しい日付ほど上に/古い日付ほど下に並ぶのを逆にして、
投稿順に読みたいということだろう。
残念ながら現状その機能はない。
http://i.hatena.ne.jp/idea/5504に期待。

質問です
ttp://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bc%a5%ac%a5%a4%a5%c9%a1%d6%a5%d5%a5%a9%a1%bc%a5%e0%a4%f2%ba%ee%a4%c3%a4%c6%a4%df%a4%eb%a1%d7
に書かれている記述を元にして複数のカテゴリーを検索できるプルダウンメニューを作ることは出来ないでしょうか？
出来るなら具体的な書き方を教えてもらえると嬉しいです
よろしくお願いします

>>331>>332
もしかするとスタイルシートで逆にする事が可能なのでは？
なんて淡い期待を持っていたんですけど、やはり新機能を待たなければならないのですね。
あの機能要望って、はてなに何度か却下されている要望なので、
期待薄って思っていたんですがorz
すみません。ご丁寧なレスを本当に有り難うございました。

>>333
はてなの検索機能では複数キーワードのand検索のような器用なことはできない。
従って、どうしても複数カテゴリを検索したいなら、考えられるすべての組み合わせを
予めリスト化しておく必要がある。例えばカテゴリがA、B、Cとあるなら
A
B
C
AB
BA
AC
CA
BC
CB
ABC
ACB
BAC
BCA
CAB
CBA
これだけ必要になる。正直言っておすすめできない。

>>333
レスありがとうございます
その後自分で弄っている内にその方法に気付き
勢いに任せてやってしまいました

はてなの検索ってやっぱりＡＮＤ検索できないんですね・・・

ミス
>>336は>>335へのレスです

854 名前： Trackback(774) 投稿日： 2007/09/16(日) 13:13:26 ID:EEyNckDC
504 名前： 名無しさん＠ｺﾞｰｺﾞｰｺﾞｰｺﾞｰ！ 投稿日： 2007/09/16(日) 11:51:06 ID:33LlMkeY
ekken
http://pc11.2ch.net/test/read.cgi/blog/1189124673/

8 ：Trackback(774)：2007/09/15(土) 23:51:53 ID:oQIz8tox
> はてなユーザーは驕るな
> http://pc11.2ch.net/test/read.cgi/blog/1125228795/100
> 100 ：ekken [http://form1.fc2.com/form/?id=146058] ：2007/09/15(土) 23:01:33 ID:DqO5+KlE
> > ブログタイトル、エントリ名、ハンドル、すべてこの日記からの流用だが
> > 取り敢えず運営者に著作権侵害と名誉毀損で通報してみる。
>
> モノホンのキチガイがいるねぇ。
> これらのどこに著作権が生ずるってんだい？

http://megalodon.jp/?url=http://docseri.19.dtiblog.com/&date=20070915234929
http://megalodon.jp/?url=http://d.hatena.ne.jp/DocSeri/20070915/1189841737&date=20070915222752
だな

さあ、DTIはどう出るか？
お手並み拝見w

　

id:ryocotan 6/30退社
http://b.hatena.ne.jp/entry/5154154

id:lopnor 8/31退社
http://d.hatena.ne.jp/danjou/20070831/1188548144

id:kambara 10/5退社
http://d.hatena.ne.jp/kambara/20071005/1191606532

id:higepon 10/19退社
http://d.hatena.ne.jp/higepon/20071019/1192801459

７７４さん
はじめまして￥
僕は中２の男子です
僕は同じ学校のある女に恋に落ちました
応援よろしくお願いします・・・・・

できるなら・・たくさんコメントください￥＾−＾￥

http://d.hatena.ne.jp/designset/776
カスラックに訴えられます

アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね
アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね
アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね
アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね
アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね
アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね
アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね
アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね
アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね
アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね
アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね
アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね
アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね
アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね
アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね
アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね
アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね アトポス死ね

サイドバーの最新タイトルのリンク色を変えたいのですが、cssにはなんて入れたらいいのですか。
CSSセレクタ（http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bc%a5%ac%a5%a4%a5%c9%a1%d6CSS%a5%bb%a5%ec%a5%af%a5%bf%a1%d7）
にありませんでした。

>>344
div.sidebar.hatena-section {
a:link:(color:red);
a:active:():
a:hover:();
}

これでいけると思います。
colorはリンク色ですのでＲＧＢとかカラーコードで
指定してあげて下さい。
いけなかったら申し訳ないですが日記内で教えてはてなダイアリーと
書いて送れば分かる方が教えてくれると思われます。

「韓国の新聞では武道館の日の丸塗りつぶして掲載したんよ〜」
「韓国の俳優と女優って全然顔違うのなんでかな〜整形かな〜」

こういうサイドバーが下になってるのを
横側に置きたいときはどうすればいいのでしょう
div.sidebar にright付け足してみたり色々してみてはいるのですが
うまくいきません。ぐぐっても特殊なせいか見あたらず。

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

多分ウィンドウ幅に対してmain+sidebar幅が広すぎるんでしょう。
IEだと要素幅を指定幅+線幅・padding/margin幅で取っちゃうので
一見幅合計が100%以下でも入らないことがあります。
width、padding、marginの指定を全部%にして合計99%以下にしておくか
div.bodyにposition:relativeを設定の上sidebarにposition:absolute、
top:0 right:0とやると右上揃えにできます。
position使うときはdiv.mainのmargin-rightにsidebar以上の幅を設定してください。

その手がありましたか
ありがとうございます

表の中の文字サイズをいっぺんに小さくするにはどうすればいいでしょうか
fontで囲んでもうまくいきません

スタイルシートでどうそ。
管理メニューの「デザイン」→「詳細デザイン設定」で
スタイルシート覧に以下を書く。
table { font-size: smaller; }
%で指定してもOK。

フッダに画像載せるにはどうしたらいいでしょか。

フッタか

背景画像はfotolifeにいれればいいんでしょうか

置ければどこでもいんじゃない？

コメント一覧って20件までですか？
もうちょっと増やす方法ないでしょうか？

本文の中のURLリンクが文字と同じ黒色なので色を変えたいのですが
色々調べてやってみたらブログの他のリンクやはてなキーワード全部の色が変わってしまったんですが
本文に貼ったURLだけ色を変えるにはどうしたらいいですか

firefoxでいじってOKだったからはてなの方に実際にやってみたら適応されてない・・・
ただ文字の色を変えるだけなのになんで？

http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bc%a5%ac%a5%a4%a5%c9%a1%d6CSS%a5%bb%a5%ec%a5%af%a5%bf%20%2d%20%c6%fc%b5%ad%a3%b1%c6%fc%ca%ac%a1%d7

これかな？

div.section p a（div.section a）

日記本文中のリンク文字列。

div.section p a
div.section p a:link
div.section p a:visited
div.section p a:hover
div.section p a:active

ｷｰﾜｰﾄﾞは別

a.keyword（.keyword）

キーワードリンク。リンク状態によって変えるなら

a.keyword
a.keyword:link
a.keyword:visited
a.keyword:hover
a.keyword:active

１つのURLだけ色を変えたいなら

<A href="http://2ch.net/"><font color="red">2ch</font></A>

でどう？

<body>にMax-widthを適用したデザインを試しているのですが、IEがMax-widthを解釈しないので困っています
Firefoxで表示させた時のデザインが気に入っているので、IEでも同じ見た目になるようにしたいのですが上手くいきません、どうしたらいいでしょうか？

名無し 　>>1 襲来か、あまりに唐突だな。
名無し 　いつもの事だよ。悲惨な>>1 は何の前触れも無く訪れるものだ。
名無し 　幸いとも言える。我々の楽しみが増えたと言う点においてはな。
名無し 　そいつはまだ解らんよ。スレが続かなければ無駄と同じだ。
名無し 　左様、今や周知の事実となってしまった>>1 の処置。煽り、荒らし。
　 　 　 　板の運営は適切且つ、迅速に処理してもらわないと困るよ。
削除人　その点に関しては既に対処済みです。御安心を。

名無し 　ま、その通りだな。
名無し 　しかし、削除人君。板の運営、もう少しうまく管理出来ないのかね？
名無し 　厨房大量発生、駄スレの乱立、鯖が一つ傾くよ。
名無し 　聞けば今日も、痛いドキュソが現われたそうではないか。
名無し 　良スレが一体いくつsage進行で行われているか解っているのかね？
名無し 　それに、君の仕事はこれだけではあるまい。「良スレ早期HTML化計画」。
　 　 　 　これこそが君の急務だ。
職人　 　いずれにせよ、厨房、ドキュソ出現による計画の遅延は認められない。
　 　 　 　有志による自主的良スレ保存は一考しよう。
名無し 　では、後はスレ住民の仕事だ。
名無し 　削除人君ご苦労だったな。
職人　 　削除人、後戻りは出来んぞ。
削除人　解っている。我々には時間が無いのだ

一つ質問をお願いします。
日記本文ではリンクに下線を表示しているのですが、
プロフィールページに貼っている複数のリンクの一つだけ、下線を非表示にしたいです。
どのようにしたらよいでしょうか？

キーワードリンクから日記を辿ろうとすると、
みんなの日記は

外国産大型クワガタ

みたいに、リンクされている日の日記タイトルが表記されるのに、
自分の日記だけ、タイトルではなく、

2009-08-17

みたいに日時で表記されています。
これはなぜでしょう？
どこかの設定をいじってしまったのでしょうか？
スタイルシートが妖しい気がするのですが、よくかわらず。

あげ

age