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://…");}
みたいな感じ。
仕様書の邦訳サイトはブックマークしておこうぜ～！