5ちゃんねる ★スマホ版★ ■掲示板に戻る■ 全部 1- 最新50  

■ このスレッドは過去ログ倉庫に格納されています

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

1 :Trackback(774):04/08/25 23:29 ID:hNx9wjcF
tDiary・はてなダイアリーテーマスタイルシートスレ

2 :Trackback(774):04/08/25 23:40 ID:8150pG/D
222222222222222222222222222222222222222222222222222222222222222222222222222222222

3 :Trackback(774):04/08/25 23:43 ID:hbIuj8K+
本スレでも質問し、いくつか解決したのですが、まだ分かってないところがあるので質問します。

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

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

4 :Trackback(774):04/08/25 23:45 ID:hbIuj8K+
×閲覧許可ユーザー、プライベート用メッセージを記入するところではなく、その枠等
○閲覧許可ユーザー、プライベート用メッセージを記入するところではなく、その周りの枠等

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

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

6 :Trackback(774):04/08/25 23:59 ID:ivKuMMNX
はてなダイアリー - はてなダイアリー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/

7 :Trackback(774):04/08/26 00:00 ID:AwegEQw9
↑せっかくなのではてな板より転載
適当に追加とかしてください

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

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

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

9 :Trackback(774):04/08/26 00:30 ID:7+aSaBBM
>>5
レスありがとうございます。
編集画面でのソースを見ることを忘れてました。
日記画面とは違うソースばかりなんで、色々調べてみたいと思います。

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

10 :Trackback(774):04/08/26 14:00 ID:jsAHmIfw
>9
設定→詳細設定のテーマのところかな、多分。

select {}
select option {}


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

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

と詳細度を上げて指定。

11 :Trackback(774):04/09/04 08:42 ID:21g0pbTo
はてなダイアリーでオシャレなデザインのサイトを紹介しないか
CSSの勉強も兼ねて

12 :名無し職人:04/09/04 22:08 ID:5vxsTqvb
荒らされるじゃないか

13 :Trackback(774):04/09/06 16:52 ID:VNHj0qiS
アスキーアートを貼りたいんですけどどういう風にCSSに記述したら
ずれないように表示できますか?

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

15 :Trackback(774):04/09/06 20:17 ID:Sr+QRrJ9
>13
.aa {
font-family: "MS Pゴシック";
line-height: 1.05;
}

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

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

16 :13:04/09/08 18:11 ID:mdIFySoW
>>14 >>15
ありがとうございます。出来ました。

17 :代理:04/09/08 23:19 ID:CLVrLk2F
初学者を対象とした学術系のblog を作りたい

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

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

18 :向こうの955:04/09/08 23:35 ID:0/EZioto
>17
代理かよ(;´Д`)
向こうの938が言うところのはてなヘッダをサイトデザインと融合させた日記を思い出したぞ。

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

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

19 :Trackback(774):04/09/09 21:34 ID:6c8aavtY
画像を表示させる際に <img src="url"> で表示させられるのはわかったのですが
自分がマイドキュメントなどに所有している画像は表示できないのでしょうか?

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

20 :Trackback(774):04/09/09 21:37 ID:yoC7tU8D
>>19
どこかにアップロードしないとだめ
プロバイダーに無料スペース付いてるからそれとか使うべし

21 :Trackback(774):04/09/09 21:52 ID:NG+Fnzwv
>>19
日記に画像が1日1個つけられるのは知ってる?
過去日記に画像登録して、そのURIを調べて、<img 使えばO.K.


22 :名無し職人:04/09/09 21:58 ID:PjjQoewx
>>18
> 後は更新停止中だけどhttp://d.hatena.ne.jp/hkt/とかか?

そいつイタイなー書いてる内容が

デザイン重視のヤシってイタタなヤシが多いyp


23 :19:04/09/09 22:15 ID:6c8aavtY
>20、21
ご教授ありがとうございます。
ためしてみます。

24 :19:04/09/09 22:29 ID:6c8aavtY
>21
すいません。
画像のURIとはどこでわかるのでしょうか?

25 :Trackback(774):04/09/09 23:05 ID:nF9dfvzq
>>24
右クリック→プロパティ

26 :名無し職人:04/09/09 23:13 ID:PjjQoewx
ぐぐれよ…

27 :938:04/09/10 00:33 ID:Svd40yIM
>>18
http://d.hatena.ne.jp/hkt/
は、なかなかイイな。こういうラインの崩し方もあったわけか。

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

29 :Trackback(774):04/09/10 15:02:34 ID:dauf7HqV
初歩的なことなのですが、
他の人のスタイルシートをいろいろ見たりしても解らないので質問します。

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

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

31 :Trackback(774):04/09/10 15:46:58 ID:dauf7HqV
>>30
やってみたらできました。
ありがとうございます。
ずっと方法を探していたので感動しています。

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


33 :名無し職人:04/09/12 17:39:53 ID:yIDfn9+Y
時代ははてなスタイルなんだってさ。

34 :Trackback(774):04/09/16 03:32:40 ID:4lJdX+uX
質問です。
ようこそゲストさん〜のところの色を変えるには
どうすればいいんでしょうか?


35 :Trackback(774):04/09/16 05:07:32 ID:qL3RtQiK
>>34
http://www.hatena.ne.jp/
ここで聞けば?

36 :Trackback(774):04/09/16 13:46:48 ID:lnDdiJmv
ようこそゲストさん〜のところってのが
ようこそゲストさん 最新の日記 ユーザー登録 ログイン ヘルプ
と並んでいるところの事なら

td td { background-color: #FFFFFF }

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

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

37 :34:04/09/16 23:27:06 ID:KGQC39FN
>>36
ありがとうございました。

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

38 :Trackback(774):04/09/17 01:53:40 ID:UYonZ/BJ
>>37
じゃあこういうことだ。

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

以上。

39 :Trackback(774):04/09/17 10:44:13 ID:w/yLdQxv
はてなにも「教えてはてなダイアリー」というクラブがあるわけだが。
つか、ここはテーマ作る人のスレかと思ってたよ。

40 :Trackback(774):04/09/17 11:05:15 ID:U7gBNAh+
tDiaryやはてなダイアリーのスタイルシートとかを、他の
ツールに流用(朴る)したりするのってOKなんですかね?
んで、↓のスレなんかで晒したりすると、著作権の侵害には
ならないっすかね?

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

41 :Trackback(774):04/09/17 13:32:19 ID:OTi79VhL
>>40
GPLライセンスで検索を掛けるように。
tDiary・はてなで公開されているテーマは全部GPLライセンス。

42 :Trackback(774):04/09/18 12:32:45 ID:7oCcy2fM
>>41
GPLライセンスってのは、馬に乗馬。
LはライセンスのL。
>>40
GPL製品は、改変したらGPLで他者流用可能にする必要がある。


43 :Trackback(774):04/09/19 17:40:01 ID:wJgdrgRu
サイドバーにあるアンテナモジュールのアンテナ名クリックするとアンテナに飛ぶけど、別窓でリンクすることって可能?
_blank使っても出来ないんだけど。

44 :名無し職人:04/09/22 20:11:00 ID:pRJQ/XiJ
無理です

45 :Trackback(774):04/09/29 13:33:32 ID:gUdKli5Q
>|
|<
の中身を強制改行にするにはどうすれば良いでしょうか?

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

46 :Trackback(774):04/09/29 14:33:40 ID:l2L3wB7+
>>45

pre{}

a:keyword{}

47 :Trackback(774):04/09/29 14:37:42 ID:l2L3wB7+
h3 a:keyword{}

48 :Trackback(774):04/09/29 16:04:30 ID:gUdKli5Q
>>47
説明不足ですみません。それだと本文中のキーワードも太字になってしまうんです。

49 :Trackback(774):04/10/07 16:13:48 ID:/fPg5uJl
>>48
h3 a.keyword { font-weight: bold; }

50 :電脳プリオン:04/10/10 13:59:03 ID:7bMSc9i8
このスレのレスが少ないのはスタイルシートを編集する人が少ないからか。

51 :Trackback(774):04/10/11 04:35:03 ID:2Elh15/I
そんなことないぞ。多分。
少なくとも俺は自分でCSSを記述してるし。

52 :Trackback(774):04/10/11 16:37:57 ID:j/fNTr0s
他の人のCSSを見れば大抵の事は分るからね

53 :Trackback(774):04/10/13 01:11:36 ID:YS97HFWK
何割くらいなんだろうな、テーマ使わないで自分でCSS記述してるのって

54 :Trackback(774):04/10/13 11:16:57 ID:mhNh0vfW
>53
http://theme.g.hatena.ne.jp/danjou/

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

55 :Trackback(774):04/10/13 23:02:37 ID:YS97HFWK
thx>>54
デフォルトの「hatena」使用者多いんだね。あんまりデザインまでこだわる奴がいないのかな

56 :Trackback(774):04/10/14 01:07:29 ID:8xIHNvGU
http://d.hatena.ne.jp/dasm/20041013

57 :Trackback(774):04/10/30 12:31:03 ID:I3w3FxXb
保守上げ

58 :Trackback(774):04/11/04 21:18:27 ID:Oystppps
保守しとく

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


60 :59:04/11/08 08:19:31 ID:ngdcRvUh
すみません。自己解決しました。
希望どおりではありませんが悪戦苦闘の末なんとかおさまりました。

61 :Trackback(774):04/11/09 01:16:01 ID:boKK8MfU
Gray2 が最強。他のはダサイ

62 :Trackback(774):04/11/13 20:29:52 ID:Z5Kp+TpF
はてなダイアリーで気に入ったデザインの所のCSSが見たいんだけど
何か方法ありますかね?

63 :Trackback(774):04/11/13 21:11:00 ID:WFwcGAni
>>62
ソース見りゃいいじゃん。

64 :Trackback(774):04/11/14 01:46:12 ID:8dU8Zn2I
>>63
thx!!
見れました。しかし文字化けしまくりますねー

65 :Trackback(774):04/11/14 04:18:47 ID:E2M2gQam
>>64
メモ帳トラッパーとか使って
EUC(だっけ?)が使えるエディタを指定汁

66 :Trackback(774):04/11/30 03:14:59 ID:PhrAacj3
hosyu

67 :Trackback(774):04/12/27 23:44:48 ID:bnWv+J2a
そろそろオチ時?


68 :Trackback(774):04/12/29 00:57:05 ID:N14C+epc
はてな用のCSS作成補助ツールを作った人は
このスレにも宣伝しておくといいと思った。
そんなの無いか。
(空揚げ)

69 :Trackback(774):05/01/01 22:34:10 ID:CMKNrkTH
hoshu

70 :Trackback(774):05/02/06 09:11:55 ID:tufVQw8D
hoshu


71 :Trackback(774):05/02/11 23:10:22 ID:kn6xvB7X
向こうの>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;
}

適当に書いてみた。

72 :向こうの>379:05/02/12 02:11:16 ID:tkU0lWDW
できましたぁ・・・・_| ̄|○|||

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

73 :Trackback(774):05/03/06 22:06:14 ID:OMYSzBkQ
すみません。どうしてもわからないので質問します。

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

74 :Trackback(774):05/03/07 00:03:17 ID:I9J8Z0jh
>>73
.day h2 a:link {} など
でどうよ。

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

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

75 :Trackback(774):05/03/09 11:08:02 ID:DZVLiYSG
>>73
http://guide.g.hatena.ne.jp/sugio/19060109#da

これじゃね?


76 :Trackback(774):05/03/09 11:08:23 ID:DZVLiYSG
>>75
ごめん74に書いてあった・・・ orz

18 KB
■ このスレッドは過去ログ倉庫に格納されています

★スマホ版★ 掲示板に戻る 全部 前100 次100 最新50

read.cgi ver 05.04.00 2017/10/04 Walang Kapalit ★
FOX ★ DSO(Dynamic Shared Object)