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

**Trackback(774)** · 04/08/25 23:29

**Trackback(774)** · 04/08/25 23:40

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

**Trackback(774)** · 04/08/25 23:43

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

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

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

**Trackback(774)** · 04/08/25 23:45

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

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

**Trackback(774)** · 04/08/25 23:48

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

**Trackback(774)** · 04/08/25 23:59

はてなダイアリー - はてなダイアリー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/

**Trackback(774)** · 04/08/26 00:00

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

**Trackback(774)** · 04/08/26 00:08

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

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

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

**Trackback(774)** · 04/08/26 00:30

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

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

**Trackback(774)** · 04/08/26 14:00

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

select {}
select option {}

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

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

と詳細度を上げて指定。

**Trackback(774)** · 04/09/04 08:42

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

**名無し職人** · 04/09/04 22:08

荒らされるじゃないか

**Trackback(774)** · 04/09/06 16:52

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

**Trackback(774)** · 04/09/06 20:14

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

**Trackback(774)** · 04/09/06 20:17

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

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

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

13 · 04/09/08 18:11

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

代理 · 04/09/08 23:19

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

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

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

**向こうの955** · 04/09/08 23:35

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

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

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

**Trackback(774)** · 04/09/09 21:34

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

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

**Trackback(774)** · 04/09/09 21:37

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

**Trackback(774)** · 04/09/09 21:52

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

**名無し職人** · 04/09/09 21:58

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

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

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

１９ · 04/09/09 22:15

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

１９ · 04/09/09 22:29

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

**Trackback(774)** · 04/09/09 23:05

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

**名無し職人** · 04/09/09 23:13

ぐぐれよ…

**938** · 04/09/10 00:33

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

**938** · 04/09/10 00:58

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

**Trackback(774)** · 04/09/10 15:02:34

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

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

**Trackback(774)** · 04/09/10 15:32:32

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

**Trackback(774)** · 04/09/10 15:46:58

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

**Trackback(774)** · 04/09/11 14:44:36

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

**名無し職人** · 04/09/12 17:39:53

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

**Trackback(774)** · 04/09/16 03:32:40

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

**Trackback(774)** · 04/09/16 05:07:32

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

**Trackback(774)** · 04/09/16 13:46:48

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

td td { background-color: #FFFFFF }

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

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

34 · 04/09/16 23:27:06

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

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

**Trackback(774)** · 04/09/17 01:53:40

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

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

以上。

**Trackback(774)** · 04/09/17 10:44:13

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

**Trackback(774)** · 04/09/17 11:05:15

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

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

**Trackback(774)** · 04/09/17 13:32:19

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

**Trackback(774)** · 04/09/18 12:32:45

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

**Trackback(774)** · 04/09/19 17:40:01

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

**名無し職人** · 04/09/22 20:11:00

無理です

**Trackback(774)** · 04/09/29 13:33:32

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

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

**Trackback(774)** · 04/09/29 14:33:40

>>45

pre{}

a:keyword{}

**Trackback(774)** · 04/09/29 14:37:42

h3 a:keyword{}

**Trackback(774)** · 04/09/29 16:04:30

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

**Trackback(774)** · 04/10/07 16:13:48

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

**電脳プリオン** · 04/10/10 13:59:03

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

**Trackback(774)** · 04/10/11 04:35:03

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

**Trackback(774)** · 04/10/11 16:37:57

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

**Trackback(774)** · 04/10/13 01:11:36

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

**Trackback(774)** · 04/10/13 11:16:57

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

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

**Trackback(774)** · 04/10/13 23:02:37

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

**Trackback(774)** · 04/10/14 01:07:29

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

**Trackback(774)** · 04/10/30 12:31:03

保守上げ

**Trackback(774)** · 04/11/04 21:18:27

保守しとく

**Trackback(774)** · 04/11/06 21:10:31

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

59 · 04/11/08 08:19:31

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

**Trackback(774)** · 04/11/09 01:16:01

Gray2 が最強。他のはダサイ

**Trackback(774)** · 04/11/13 20:29:52

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

**Trackback(774)** · 04/11/13 21:11:00

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

**Trackback(774)** · 04/11/14 01:46:12

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

**Trackback(774)** · 04/11/14 04:18:47

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

**Trackback(774)** · 04/11/30 03:14:59

hosyu

**Trackback(774)** · 04/12/27 23:44:48

そろそろオチ時?

**Trackback(774)** · 04/12/29 00:57:05

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

**Trackback(774)** · 05/01/01 22:34:10

hoshu

**Trackback(774)** · 05/02/06 09:11:55

hoshu

**Trackback(774)** · 05/02/11 23:10:22

向こうの>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;
}

適当に書いてみた。

**向こうの>379** · 05/02/12 02:11:16

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

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

**Trackback(774)** · 05/03/06 22:06:14

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

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

**Trackback(774)** · 05/03/07 00:03:17

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

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

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

**Trackback(774)** · 05/03/09 11:08:02

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

これじゃね？

**Trackback(774)** · 05/03/09 11:08:23

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

**Trackback(774)** · livedoor06/04/01(金) 22:08:59

寂れてるな

**Trackback(774)** · 2005/04/11(月) 20:37:28

ほしゅ

**Trackback(774)** · 2005/04/27(水) 12:03:31

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

よろしくお願いします。

**Trackback(774)** · 2005/04/27(水) 16:54:57

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

**Trackback(774)** · 2005/05/08(日) 03:31:05

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

**Trackback(774)** · 2005/05/09(月) 10:47:46

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

body{margin:0;padding:0;}

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

81 · 2005/05/10(火) 21:50:39

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

**Trackback(774)** · 2005/05/11(水) 19:06:51

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

**Trackback(774)** · 2005/05/11(水) 19:31:29

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

有料？

**Trackback(774)** · 2005/05/11(水) 21:21:26

とりあえず>85
無料。

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

**Trackback(774)** · 2005/05/11(水) 21:32:07

>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;
}

85 · 2005/05/11(水) 21:53:12

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

**Trackback(774)** · 2005/05/12(木) 17:35:16

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

89 · 2005/05/12(木) 18:40:05

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

89 · 2005/05/22(日) 17:40:05

俺はスレストかｗ

**Trackback(774)** · 2005/05/22(日) 22:17:15

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

**Trackback(774)** · 2005/05/22(日) 23:06:25

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

92 · 2005/05/23(月) 01:54:45

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

**Trackback(774)** · 2005/05/23(月) 13:38:10

よくわからんが

BODY
{
FONT-SIZE: 80%;
}

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

**Trackback(774)** · 2005/05/23(月) 21:12:32

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

**Trackback(774)** · 2005/05/23(月) 23:10:39

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

**Trackback(774)** · 2005/05/23(月) 23:10:59

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

92 · 2005/05/24(火) 07:02:02

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

**Trackback(774)** · 2005/05/24(火) 16:54:19

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

**Trackback(774)** · 2005/05/24(火) 19:30:41

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

**Trackback(774)** · 2005/05/24(火) 21:14:58

アッ

**Trackback(774)** · 2005/05/24(火) 21:27:51

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

**Trackback(774)** · 2005/05/25(水) 00:10:35

>97
TNX

**Trackback(774)** · 2005/05/25(水) 13:57:02

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

**Trackback(774)** · 2005/05/25(水) 15:00:14

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

**Trackback(774)** · 2005/05/25(水) 18:05:46

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

**106** · 2005/05/25(水) 19:01:36

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

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

**Trackback(774)** · 2005/05/25(水) 19:26:09

>108
全く問題無い。

**１００** · 2005/05/25(水) 21:15:57

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

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

**106** · 2005/05/26(木) 00:04:35

>>107,109
ﾄﾝｸｽ

**Trackback(774)** · 2005/05/26(木) 00:16:30

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

h1 {background-repeat: no-repeat;}

**Trackback(774)** · 2005/05/26(木) 13:42:25

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

**Trackback(774)** · 2005/05/29(日) 20:10:55

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

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

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

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

**Trackback(774)** · 2005/05/29(日) 21:03:00

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

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

**Trackback(774)** · 2005/05/29(日) 23:02:26

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

**Trackback(774)** · 2005/05/29(日) 23:22:14

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

**Trackback(774)** · 2005/05/30(月) 05:46:19

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

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

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

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

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

**Trackback(774)** · 2005/05/30(月) 08:49:26

>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>のあとにモジュールを書く

**114** · 2005/05/30(月) 11:01:08

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

**Trackback(774)** · 2005/05/30(月) 14:19:23

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

**Trackback(774)** · 2005/05/31(火) 17:44:30

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

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

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

**Trackback(774)** · 2005/05/31(火) 23:42:38

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

**Trackback(774)** · 2005/06/03(金) 23:36:32

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

**Trackback(774)** · 2005/06/03(金) 23:52:03

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

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

**124** · 2005/06/05(日) 23:30:12

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

**Trackback(774)** · 2005/06/05(日) 23:34:27

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

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

**１２７** · 2005/06/05(日) 23:41:59

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

**Trackback(774)** · 2005/06/06(月) 21:48:46

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

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

**１２９** · 2005/06/06(月) 21:50:22

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

**Trackback(774)** · 2005/06/06(月) 21:56:36

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

**Trackback(774)** · 2005/06/06(月) 23:19:52

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

**Trackback(774)** · 2005/06/07(火) 01:36:31

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

**Trackback(774)** · 2005/06/07(火) 22:15:09

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

**Trackback(774)** · 2005/06/07(火) 22:54:44

>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;
}

さぁ、どれだ。

**Trackback(774)** · 2005/06/07(火) 23:17:22

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

**Trackback(774)** · 2005/06/08(水) 10:19:53

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

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

**Trackback(774)** · 2005/06/08(水) 16:04:07

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

**Trackback(774)** · 2005/06/08(水) 19:51:30

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

**Trackback(774)** · 2005/06/08(水) 20:39:30

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

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

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

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

**Trackback(774)** · 2005/06/08(水) 22:56:17

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

**Trackback(774)** · 2005/06/10(金) 00:44:34

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

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

これを

A
{
BORDER-BOTTOM: medium none
}

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

**Trackback(774)** · 2005/06/10(金) 08:43:20

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

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

**Trackback(774)** · 2005/06/10(金) 16:23:02

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

**Trackback(774)** · 2005/06/12(日) 18:29:42

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

**Trackback(774)** · 2005/06/22(水) 14:10:22

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

**Trackback(774)** · 2005/08/28(日) 13:15:36

あげ

**Trackback(774)** · 2005/08/30(火) 01:59:02

凄い放置具合だな

**Trackback(774)** · 2005/09/07(水) 02:00:21

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

**Trackback(774)** · 2005/09/07(水) 08:38:08

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

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

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

**Trackback(774)** · 2005/09/08(木) 19:05:13

>>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;
}

保証はしないよ

**Trackback(774)** · 2005/09/08(木) 19:59:44

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

**Trackback(774)** · 2005/09/16(金) 17:10:33

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

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

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

**Trackback(774)** · 2005/09/23(金) 17:33:00

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

a.keyword:link {
color: black;
}

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

**Trackback(774)** · 2005/09/23(金) 19:41:59

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

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

**Trackback(774)** · 2005/09/25(日) 08:49:20

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

**Trackback(774)** · 2005/09/25(日) 08:53:40

できます

**Trackback(774)** · 2005/09/25(日) 14:05:13

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

**Trackback(774)** · 2005/09/25(日) 15:04:52

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

**Trackback(774)** · 2005/09/25(日) 18:11:16

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

**Trackback(774)** · 2005/09/25(日) 19:15:14

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

**Trackback(774)** · 2005/09/25(日) 19:55:07

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

**Trackback(774)** · 2005/09/26(月) 17:59:43

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

二ｃｍぐらいなんだけど

**Trackback(774)** · 2005/09/26(月) 21:00:49

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

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

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

**Trackback(774)** · 2005/09/27(火) 09:31:58

**Trackback(774)** · 2005/09/27(火) 14:06:07

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

**Trackback(774)** · 2005/09/27(火) 14:15:21

しかもそのアイデア既出

**165** · 2005/09/27(火) 14:47:29

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

**163** · 2005/09/27(火) 18:11:26

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

**Trackback(774)** · 2005/09/28(水) 20:09:13

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

**Trackback(774)** · 2005/10/02(日) 10:57:47

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

**Trackback(774)** · 2005/10/02(日) 12:43:56

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

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

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

になっていて羨ましい。

**Trackback(774)** · 2005/10/02(日) 20:20:19

>>171 >>172
㌧

**Trackback(774)** · 2005/10/04(火) 11:54:18

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

**Trackback(774)** · 2005/10/04(火) 21:36:39

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

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

**Trackback(774)** · 2005/10/04(火) 22:58:16

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

**Trackback(774)** · 2005/10/06(木) 00:27:33

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

**Trackback(774)** · 2005/10/06(木) 00:41:06

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

**Trackback(774)** · 2005/10/06(木) 00:58:54

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

**Trackback(774)** · 2005/10/06(木) 01:26:04

>>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;
}

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

**Trackback(774)** · 2005/10/06(木) 04:08:02

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

**Trackback(774)** · 2005/10/06(木) 08:30:05

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

**177** · 2005/10/06(木) 18:44:04

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

**Trackback(774)** · 2005/11/11(金) 01:09:16

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

**Trackback(774)** · 2005/11/11(金) 05:23:44

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

**Trackback(774)** · 2005/11/11(金) 08:35:57

>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書いて調節して.

**185** · 2005/11/11(金) 22:31:37

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

**Trackback(774)** · 2005/11/17(木) 01:34:04

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

**Trackback(774)** · 2005/11/17(木) 02:46:29

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

**188** · 2005/11/17(木) 02:55:07

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

**188** · 2005/11/17(木) 15:49:04

サイドバー難し木彡

**Trackback(774)** · 2005/11/29(火) 17:49:58

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

**Trackback(774)** · 2005/11/29(火) 20:08:17

>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;}

**Trackback(774)** · 2005/12/27(火) 21:39:11

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

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

◆xdkteuOpHo · NG

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

**Trackback(774)** · 2005/12/27(火) 22:21:59

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

**Trackback(774)** · 2005/12/29(木) 20:04:52

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

**Trackback(774)** · 2005/12/30(金) 04:08:39

>>197
遅すぎるよハゲ

**Trackback(774)** · 2005/12/30(金) 15:10:30

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

**Trackback(774)** · 2005/12/30(金) 17:24:07

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