新規トピックに投稿者を表示してみました。

悟空さんのユーザアバター

 コメントには署名が自動で入るのですが、新規トピックは入りません。その都度書くのも面倒ですし、書かれないと誰が書いたのかはアバターを見るしか有りません。

 他のテーマだと問題無く表示するのですが、ここで使っているAdmire Grungeはどうしても出してくれません。

 設定では無理なので、template.phpとstyle.cssに少し手を入れました。

 試行錯誤の結果、何とかチューブのような形ができたので、変更しました。ご意見をお聞かせください。この形でも最後にサインを入れた方が良いのは確かですが。

 変更箇所は以下のとおりです。

 ☆template.php

function admire_grunge_node_submitted($node) {
return t('@day
@datetime',
array(
// '!username' => theme('username', $node),
'@day' => format_date($node->created,'custom','D'),
'@datetime' => format_date($node->created,'custom','m/d/y'),

 を

function admire_grunge_node_submitted($node) {
return t('@day @datetime by !username',
array(
'!username' => theme('username', $node),
'@day' => format_date($node->created,'custom','D'),
'@datetime' => format_date($node->created,'custom','Y.m.d H:i'),

 に変更。これが新規トピック部分。

function admire_grunge_comment_submitted($comment) {
return t('@day @datetime by !username',
array(
'!username' => theme('username', $comment),
'@day' => format_date($comment->timestamp,'custom','D'),
'@datetime' => format_date($comment->timestamp,'custom','m/d/y'),

 を

function admire_grunge_comment_submitted($comment) {
return t('@day @datetime by !username',
array(
'!username' => theme('username', $comment),
'@day' => format_date($comment->timestamp,'custom','D'),
'@datetime' => format_date($comment->timestamp,'custom','Y.m.d H:i'),

 に変更。これがコメント部分。

 ☆style.css

#wrap_center div.submitted{
width:61px;
height:48px;
font-size:11px;
background:url(images/submitted.jpg) center center no-repeat;
color:#f1eddf;

 を

#wrap_center div.submitted{
width:350px;
height:40px;
font-size:15px;
background:url(images/submitted.jpg) center center no-repeat;
color:#000000;

 に変更

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 書き忘れました。

 ついでに、投稿時間も表示しました。

                       悟空

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 
>水 2012.08.29 21:46 by 悟空

 が、かなり右に来ていますね。これはユーザネームが長いとはみ出す恐れがあるので、横幅を多めに取ったらこうなりました。調整が必要かも知れません。

                       悟空

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 あー、どうもこれはセンタリングしているみたいです。

 ブログを見ると、ブラックジャックの時は左端から書かれているのに、淮さんの時はかなり右に来ています。センタリングの命令を出している所を探し出さないといけませんね。

                       悟空

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 解決しました。

 style.cssの中の次の1行を削除しました。

> text-align:center;

                       悟空

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 コメントは日付の色が薄いですね。

 新規トピックは、色コード#000000の黒にして有ります。コメントの色と合わせた方がいいでしょうか?

                       悟空

Replied
淮さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん、こんにちは。
IE8しか、投稿者名が出てないようです。
Firefox6.02(古い?)とGoogle Chrome 21.0.1180.83(最新版と表示されている)は空白でした。(淮)

IE8_tokosya480
IE8_tokosya480

┗━淮(わいY)━┓

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 淮さん、こんにちは。

 その後設定を一部変更しましたが、今でも表示できませんか? 再読み込み後はどうでしょう?

                       悟空

Replied
淮さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん、こんにちは。
IE8もGoogle Choromeも古いFirefoxもきれいに表示してます。
2段表示より1行表示の方がすっきりしていいなと思います。
けど、ブログタイトルだけは窮屈そうです。

トピックのタイトルの文字フォントがとても大きいと思いますが、これはこんなもの?それとも悟空さんの好みでしょうか?(淮)

┗━淮(わいY)━┓

Replied
淮さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん

例の「返信しようとしたコメントは存在しません。」のエラーメッセージがまた出ました。
他の人は出ないのかな~。(淮)

┗━淮(わいY)━┓

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 淮さん、こんにちは。

>例の「返信しようとしたコメントは存在しません。」のエラーメッセージがまた出ました。

 私は出た事が有りませんし、他の方からの報告も無いですね。
 エラーになるのは「返信」をクリックしてコメントを書く場合だけですか? それなら「返信を使ってのコメントはご遠慮ください」とアナウンスするのもいいかも知れません。今回の場合も、「最近の投稿」で新規コメントが有る事を知り、見てみましたが、探すのにちょっと時間がかかりました。「返信」でのコメントの場合、投稿時間順に並ばないので、見逃される可能性も大きいですね。

                       悟空

Replied
淮さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん

>エラーになるのは「返信」をクリックしてコメントを書く場合だけですか?

そうです。しかし、「返信の返信」を書くことはほとんどなくて、悟空さん相手に2回だけです。(これが3回目、さて今度はどうかな)
まあ、見過ごせばいいだけですけど。(淮)

-----(編集書き足し)
エラーがでました。新規コメントにするのもと思い、編集で書き足しました。
-----(編集書き足し)
編集後のアップだとエラーメッセージはでませんでした。

┗━淮(わいY)━┓

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 淮さん、こんにちは。

>IE8もGoogle Choromeも古いFirefoxもきれいに表示してます。

 取りあえず表示の問題は解決ですね。

>2段表示より1行表示の方がすっきりしていいなと思います。
>けど、ブログタイトルだけは窮屈そうです。

 できればコメントのような表示がいいのですが、そうもいきません。今の表示がベストでは無いかと私は思います。特にユーザ名が長い場合は1行表示にすると、ブログの場合、タイトルのフォーマットがめちゃくちゃになりますね。

>トピックのタイトルの文字フォントがとても大きいと思いますが、これはこんなもの?それとも悟空さんの好みでしょうか?

 これはデフォルトのままです。私の好みも、もう少し小さい方がいいと思いますが、皆さんから大きすぎると言う意見がたくさん出れば考えないといけませんね。

                       悟空

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 淮さん、こんにちは。

>IE8しか、投稿者名が出てないようです。

 うわーっ、こういうのが一番困りますよね。対処の仕様が有りません。

 再読み込みしても駄目ですか?
 
 動作確認は以下のとおりです。

ie9
9.0.8112.16421

Google Chrome
21.0.1180.83 m

Firefox
14.0.1

iPadのsafari

                       悟空

Replied
HIROBUさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん

指定の仕方がおかしいです!!!
ブログのほうもレイアウト崩れていますよ。

background:url(images/submitted.jpg) center center no-repeat;
color:#f1eddf;  このカラーはsubmitted.jpgの中に入る文字のcolorですよ。

Chromeで見るとsubmitted.jpgが表示されませんし。

HIROBU

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 HIROBUさん、こんにちは。

 ん-、おかしいですか。

 苦節1週間の大作だったのですが(^^;

 もう少し晒しておいて、いろいろ不都合な情報を集めてから元に戻す事にしましょう。

>Chromeで見るとsubmitted.jpgが表示されませんし。

 書き忘れました。submitted.jpgは焦げ茶色の四角いアイコンなのですが、日付とユーザ名を表示させると、このアイコンの中に3段書きになるのです。しかも、ユーザ名はこのアイコンの下にはみ出します。
 横に長く表示させるために、このアイコンを横長のものに変更しました。しかし、ユーザ名が青色なので、焦げ茶色と全く合いません。
 そこで、この横長のアイコンの色を地の色にしました。それでsubmitted.jpgが見えなくなったのです。この場合、文字が地の色なので見えませんので、文字色を黒に変更しました。

 

                       悟空

Replied
paragonさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

こんにちは、悟空さん。
名前と投稿日付の表示、いいですね。
でも、ちょっと大変そうですね。

私の環境(vista)ではsafariとFirefoxではきちんと表示されますが、IE9とGoogle ChromeとOperaではこんな感じで、青色で名前だけが小さく表示されます。
また、この小さな名前はログアウトした状態では出ないようです。
全部の環境でうまく表示させるのは難しいですね。
でも、名前が出るだけでもべんりですよ。

PARAGON

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 PARAGONさん、こんにちは。

 添付していただいた画像には、submitted.jpgが表示されています。これはアイコンを変更したので、無いはずなのですが。
 再読込しても同様になりますか?

                       悟空

Replied
paragonさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

こんにちは

> 再読込しても同様になりますか?

再読込したら、すべてのブラウザで正しく表示されるようになりました!
ごめんなさい。

しかし、これはいいですね。

PARAGON

Replied
HIROBUさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん

submittedは float: left; アバター画像は float: right;
その間にタイトルが入ります。
submittedの幅を広げ過ぎているので、ブログのタイトルが
先に載せた画像のようになります。

HIROBU

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 HIROBUさん、こんにちは。

>submittedの幅を広げ過ぎているので、ブログのタイトルが先に載せた画像のようになります。

 ありがとうございます。ブログにまで頭が回っていませんでした。

 なるほど、だから、submittedの中に曜日と日付を押し込んでいて、それ以上は表示できなわけです。表示しようとすると、タイトルの方に食い込みますね。

 幅を140pxに直しました。ブログのタイトルは正常になったと思いますが、日付と投稿者名が折りたたまれます。

 ブラウザによって見え方が違いますね。これは対処しようが有りません。私のFirefoxとクロームでは、「by ユーザ名」が下の段に来ますが、ie9では、時刻が下に来て、ユーザ名が長いとさらにその下の段に来ます。

                       悟空

Replied
みのりさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

難しい話は、とてものことに、お任せですが、投稿時間が入るのはいいですね!

-- みのり --

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 みのりさん、こんにちは。

>投稿時間が入るのはいいですね!

 そうですか。日付と投稿時間とユーザ名でかなり長くなり、不都合な面が有るので、投稿時間はカットしようかなと思っていましたが(^^;

                       悟空

Replied
みあーたさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

えっ、投稿時間が出るようになって喜びを感じていたのですが・・・。ひっそりと、(出るといいのになー)と思っていたのが伝わったのだと思ってました(笑)
でも、どうにも調整がつかないならあきらめますすす(;_;)

みあーた

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 みあーたさん、こんにちは。

 そうですか。みあーたさんも投稿時間が出る方がいいですか?

 充分自信が有って設定を変更しても、いろいろほころびが出てくるもので、しばらく様子を見た結果、今のままで行くか、一部変更するか、設定を元に戻すか決めますね。期待せずに待っていてください(^^;

                       悟空

Replied
みのりさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん

とっても、よくなりました!!
もう少し贅沢(贅沢ですが(^ー^;、を言わせていただけるならば、
木 2012.08.30

ではなくて、
2012.08.30 木

だったら、さらにいいな、とか。

どうしようもないヤツめ!って、怒ってください(笑)

-- みのり --

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 みのりさん、こんにちは。

>2012.08.30 木

 現在、時刻の表示もしていますが、曜日は日にちと時刻の間に挟むと言う事でしょうか? それとも時刻の後ろに曜日と言う事でしょうか?

 時刻と曜日は一連の命令でできていて、「Y.m.d H:i」と言う形になっています。「Y.m.d」が日にちで、「H:i」が時刻ですね。ですから、私の力では曜日を間に挟む事はできません。

 日にち、時刻、曜日の順でよければ、みのりさんのリクエストは断るわけにはいきませんので(^^; 設定を変更してみます。 ブラウザによって見え方が違いますので、「これはちょっと」と言う事になれば戻しますが。

                       悟空

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 
 

>私の力では曜日を間に挟む事はできません。

 と書きましたが、頭を絞ってトライしてみたところ、以下のような並びにする事ができました。どこで折り返すかはブラウザによります。Firefoxの場合、「by ユーザネーム」部分が下の段にきます。

>2012.08.31 金 13:00 by ユーザネーム

 ですから、日にちの後に曜日が来るタイプと、時刻の後に曜日が来るタイプとどちらも希望していただけます。

                       悟空

Replied
みのりさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん、こんにちは。

>みのりさんのリクエストは断るわけにはいきませんので(^^;

って、あらあらあらあ~(^^;)、ありがとうございます。
多分、他の方々も、きっと、いろいろ思う事はあっても、なかなか、書き込めないのではと思っています。

>日にちの後に曜日が来るタイプと、時刻の後に曜日が来るタイプと

ということであれば、常識的に考えて、日にちのあとに、曜日がくる、ではないでしょうか。
こちらを、希望します!

今朝は、最後のラジオ体操でした。いつもよりたくさんのこども達が集まりました。最後に何かもらえたらしい。
私もしっかり充電して、いよいよ、2学期が始まります。

-- みのり --

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 みのりさん、こんにちは。

>常識的に考えて、日にちのあとに、曜日がくる、ではないでしょうか。

 はい、そのように変更しました。最読み込みしてからご確認ください。

                       悟空

Replied
みのりさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん

ごく気楽に、勝手な注文をつけていますが、なんということはなく、ごく当たり前のように見えている表示でも、水鳥の脚の動きのように、水面下ではいろいろとあるのだなあと、しみじみ思います。
ありがとうございます。

態勢に影響は全くなく、このままで何の不都合もありませんが、

>どこで折り返すかはブラウザによります。Firefoxの場合、「by ユーザネーム」部分が下の段にきます。

とのことですが、トピックの場合は、ユーザーネームが下段に着て、コメントの場合は、1段で表示されています。
グーグルクロームです。

-- みのり --

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 みのりさん、こんにちは。

>トピックの場合は、ユーザーネームが下段に着て、コメントの場合は、1段で表示されています。

 はい、そうです。トピックとコメントは全く別の振る舞いをします。

 シンクロナイズドスイミングは水面上では大変美しい動きをしていますが、水面下では「なんじゃこりゃ」と言う動きをしていますね。

 実は、このサイトも水面下では2本の足では無く、10本以上の足が別々の動きをしているのです。しかも、人間の足有り、猫の足有り、ガチョウの足有りと言う具合なんです。

 サイトは手作りパソコンのように、いろいろな部品を組み込んで作っています。部品の作者はそれぞれ違います。「フォーラム」と言う部品を組み込んで、点訳ルームを作っています。しかし、これだけではコメントは書けません。コメントを書く為には「コメント」と言う部品が必要です。
 フォーラムに画像を表示させる事ができますが、これは基本設定ではできません。添付はできるけど表示はできないのです。画像を表示させる為に「イメージ」と言う部品を組み込んでいます。

 フォーラムにはファイルを添付できますが、コメントにはファイル添付機能は有りません。後から画像を表示させるように部品を組み込みました。でも、フォーラムとコメントは別の部品で作られているため、同じようには動作しません。フォーラムは何枚の画像でも表示できますし、BSEファイルもいくつでも添付できます。しかし、コメントには1つしか添付できません。しかも、フォーラムはBSEファイルは添付すればファイル名が表示されてダウンロードできますが、コメントはファイル名を書いてやらないと何も表示しません。

 その他、いろいろな部品を組み込んでいて、それぞれが別の動作をしますので、フォーラムにトピックを書いて、それにコメントを付けると言う当たり前に見える操作も、実は別々の部品が受け持っていて、フォーラムの表示とコメントの表示が違ったりするような事になるのです。

                       悟空

Replied
HIROBUさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん こんにちは

曜日ですが、(D) にしてもいいかなとも思いました。

このテンプレのsubmitted.jpgを色を変えて見えなくしているっていうのマジですか? 普通はしない斬新な方法ですね(^^;
画像をなくして新規トピックの表示もコメントと同じように
アバターを左側に配置するって手もありだと思いました。

HIROBU

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 HIROBUさん、こんにちは。

>普通はしない斬新な方法ですね(^^;

 普通のやり方を知らない者がやってますので(^^;

>画像をなくして新規トピックの表示もコメントと同じようにアバターを左側に配置するって手もありだと思いました。

 なるほど。leftをrightに、rightをleftに変更して、左右のアイコンを入れ替えてみました。コメントと同じ並びになって自然になったと思います。

 submitted.jpgは削除しました。

                       悟空

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 HIROBUさん、こんにちは。

>曜日ですが、(D) にしてもいいかなとも思いました。

 これは、やり方がわかりませんでした。どうすればできますか? 以下の部分ですよね。

'@day' => format_date($node->created,'custom','D'),

'@day' => format_date($comment->timestamp,'custom','D'),

                       悟空

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 曜日をカッコで囲む件、解決しました。

 最初、カッコを全角で書いていたので失敗したのでした。半角カッコで囲み「(D)」のように書けばOKでした。

 ただ、その分長くなるので、下段に時刻が来てしまいました。まあ、ie9がそうなっていたので、同じになったのでいいかなと思います。ユーザ名が長いと3段書きになってしまいますが。

                       悟空

Replied
HIROBUさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん こんばんは

>submitted.jpgは削除しました。

画像をなくしてくださったのなら、
submittedから、float: right;を無くし、
width:も height:も無くしてしまってはどうでしょう。
そうするとsubmittedはコメントのように一行になる筈です。
(画像に入れる細かい設定があるので調節がいるとは思いますが)

その表示でブログのほうも一度見てみたいです。

HIROBU

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 HIROBUさん、こんにちは。

 width:、height:を消去しました。

 float: right;を無くしてしまうと、日付とユーザ名がアイコンの上に表示されてしまいます。

 ブログの方は、アイコンと日付・ユーザ名の間にタイトルが入るため、タイトルが長いと次の行に送られます。

 以下の画像は、上がwidth:、height:のみの消去(現在の状態)、下がfloat: right;を消去した場合です。

 

                       悟空

Replied
HIROBUさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん こんばんは

submitted.jpgがあった時の呼び出し順がこうなっていますので、
日時が先になるのは仕方がないです。
あとはテンプレ.phpのほうで変更しましょう。
続きは明日にしますが、
ブログのほうの画像が見たかったです(^^;
ブログにはh2のタイトルが入るので、その工夫もしなくてはいけませんから。

HIROBU

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 ブログの日付の見え方は、フォーラムと同じです。

 以下の画像は、上がwidth:、height:のみの消去(現在の状態)、下がfloat: right;を消去した場合です。

 
 

                       悟空

Replied
HIROBUさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん こんにちは

float: right;を再度削除して、admire_grungeの中のnode.tpl.phpを開いてください。

上から数行目にclear-blockがありますね。
その下の順番を変えましょう。
今はsubmitted、picture、h2のタイトルの順に書かれていますので、submittedを一番下に持っていきます。

clear-blockの下の3行

<?php if ($submitted): ?>
~~~~~~~~コードが表紙されないので略してます(^^;
<?php endif; ?>

をh2について書かれた構文の下に移動させてください。
私の頭の中ではこれでコメントのような表示になるかと(^^;

HIROBU

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 HIROBUさん、こんにちは。

 修正しました。

 コメントは画像が1つしか添付できないので、次のコメント2つにフォーラムとブログの画像を添付します。

 float:rightを生かした設定が私の好みですね。

                       悟空

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 フォーラムの画像です。

 一番上が修正前。
 2番目がfloatを削除しなかったもの。一番目と変わり有りません。
 3番目がfloatを削除したもの。

 

                       悟空

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 次にブログの画像。

一番上が修正前。
 2番目がfloatを削除しなかったもの。
 3番目がfloatを削除したもの。
 以上は、タイトルが長くなった時にどうなるかを試すものです。
 4番目は一般的なブログのタイトル。floatを削除して有ります。
 
 

                       悟空

Replied
HIROBUさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん こんにちは

右寄せにするのがいいのかは、皆さんの好みをうかがってください。
ここのデザインを全体的に見て、左にあったほうが良いように私は思いますが。。。

えっと、、、ブログで長~いタイトルを書いた時に
submittedが回り込みがなくなり行頭にきます。
これはCSSでポジション指定をしてやればh2タイトルと位置が揃えられます。
一番下のブログのほうでは、h2タイトルとsubmittedの行間が空いて見えますが、これsubmittedの上marginを無くせば少しは狭まるでしょう。

HIROBU

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 HIROBUさん、こんにちは。

 設定を変更しました。

>これはCSSでポジション指定をしてやればh2タイトルと位置が揃えられます。

 70px右に指定してみました。

>一番下のブログのほうでは、h2タイトルとsubmittedの行間が空いて見えますが、これsubmittedの上marginを無くせば少しは狭まるでしょう。

 ほんの少し上に行きました。

>右寄せにするのがいいのかは、皆さんの好みをうかがってください。
>ここのデザインを全体的に見て、左にあったほうが良いように私は思いますが。。。

 そうですね。単に右か左かの事ですが、私は右寄せの方がいいなと思うので、今度アンケートで皆さんの好みを伺ってみましょう。メールのアンケートはいつ終わりますかね。

                       悟空

Replied
HIROBUさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん

追記、今修正していただいた方法でのブログ表示は、

アバター  h2タイトル
      submitted

と表示されますが、

h2タイトル
アバター submitted

になるよう、node.tpl.phpの順を変えてもいいかなとも
思いました。

HIROBU

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 変えてみました。

 後は、submittedを右に置くか、左に置くかだけですね。

                       悟空

Replied
HIROBUさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん こんにちは

submittedとしては、本文より文字サイズが大きいかな(^^;

私だったら、コメントのsubmittedとフォントサイズ・色を揃えます。
気になるところはそれくらいです。
お疲れ様でした。

HIROBU

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 HIROBUさん、こんにちは。

>私だったら、コメントのsubmittedとフォントサイズ・色を揃えます。

 そうですね。これは私も気になっていました。  
      ↓
http://basingroom.com/node/808#comment-1047

 フォントは最初は、あのsubmitted.jpgに押し込める関係上、11Pxだったのです。でも、これはものすごく小さい(^^;
 それで適当に15pxに直しました。今14pxに直しました。

 色は、submitted.jpgが焦げ茶色なので、文字色は地の色になっていました。これも取りあえず何も考えずに黒にしました。今コメントと同じ色に変更しました。

                       悟空

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 日付を右寄せにするかどうかと言う話でしたが、日付の色もサイズも変更して、コメントと同一のイメージとなりましたので、このままアバターの右と言う事にしたいと思います。

                       悟空

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 一杯カスタマイズしたので、ずいぶん最初と雰囲気が変わりました。

 実は初期設定だと下のような画像になるんですよ。

 コメント部分はかわいらしいですね。あまりかわいいのもどうかと思って、木の枝は無しにしました。
 
 画像をクリックすると大きくなります。

 

 
 

                       悟空

Replied
みのりさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん

とても素敵な雰囲気になりました。
私は、好きです。
ありがとうございます。

メールのアンケートは、2週間にしましたので、明日には終わると思います。

-- みのり --

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 みのりさん、こんにちは。

 右か左かの、どうでもいい事をアンケートで聞いてみようと思ったのですが(^^; 日付の色もサイズも変更して、コメントと同一のイメージとなりましたので、コメントと同じように、アバターの右に表示(現在の状態)で行こうと思います。

 ですから、アンケートはとりませんので、ゆっくりやっていただければ結構ですよ。

                       悟空

Replied
HIROBUさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん こんにちは

微妙なことなんですが(^^;
アバターとsubmittedが上揃えになっていないんですよね。
ブログのほうを見ると特に!

で、CSSのsubmittedの中のこの2行を削除してください。
line-height:20px;
padding:6px 0 0 0;
この指定は画像の中に入れるための設定。
これのせいで下がってしまってますから。

HIROBU

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 HIROBUさん、こんにちは。

>アバターとsubmittedが上揃えになっていないんですよね。

 気になりますか? なかなか細かいですね。私はおおざっぱな性格なので、全然気になりませんでした。

 今、設定を変更しておきました。

                       悟空

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 ブログはいいんですが、フォーラムの方、私の画面では、アバターの上辺に揃ったり、日付が上にはみ出したりするんですが。なんか一定していません。

                       悟空

Replied
HIROBUさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん こんにちは

昨日、ブログのタイトルを上にあげる前に、
submittedの上marginを0にしましたよね。
それを5pxに戻してください。

HIROBU

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 HIROBUさん、こんにちは。

 これでどうでしょう?

                       悟空

Replied
HIROBUさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん こんにちは

CSSの設定はOKです。

ブラウザによって見せられるフォントが違います。
Firefoxだと数字に高さがありますね、monospaceの数字かな。
Chromeの等幅フォントの初期値だとLucida Consoleの数字。
IE9は小さく見えますね(^^;

HIROBU

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 HIROBUさん、こんにちは。

>ブラウザによって見せられるフォントが違います。

 そうですね。1行文字数も全然違います。

 ブログのタイトルは、Chromeが細くて頼りないですね。

 まあ、これらは仕方が無いと言う事ですね。

 画像は、上からFirefox、ie9、Chromeです。

 
 

                       悟空

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 設定を変更した後に、一旦添付を削除して、同じファイルを添付しました。

                       悟空

Replied
HIROBUさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん こんばんは

別トピックにするまでもないかと思い、ここに書きますが
画像のはみ出し、自動リサイズの設定ってありましたよね。
はみ出さないように設定変更お願いします。

HIROBU

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 HIROBUさん、こんにちは。

 ああ、幅500pxだと少しはみ出しますね。450pxに修正しました。

 なお、自動リサイズと言うのは、アップされた画像が大きい時は、自動的に800×1200pxに縮小するものです。

 それとは別に、トピック内とコメント内で、サイズを調整する事ができます。幅450pxに指定しましたが、クリックすると、最大で800×1200pxの画像を表示する事ができます。

 この指定をする以前の画像ははみ出したままです(^^;

                       悟空

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 新規トピックの横幅はコメントより広いのでした。最大で500pxまで入りますが、480pxで設定しました。

                       悟空

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 幅900pxの大きな画像を添付してみます。

 自動調整で幅800pxに縮小されて保存されます。

 コメント内では、幅450px以下のサムネイルが表示され、クリックすると、幅800pxの画像を表示できます。

 
 

                       悟空

Replied
HIROBUさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん こんばんは

borderと画像の間にpaddingが5pxあるので、
新規トピックのほうは480px+5px+5pxでちょうどこのトピックの行末がそのサイズになりますが、、、

コメントはもう10px減らして440pxにすると、右のマージンがちょうどよく、見栄えが良いと思います(^^;

HIROBU

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 はい、440pxですね。これでどうでしょう?

                       悟空

Replied
HIROBUさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん

ごめんなさい。IEのほうで見たら、フォントが小さく見えるせいでやっぱり画像が右に寄ってるように見えました(^^;
なのでもう10px小さくして430pxにしてくださいm(__)m

HIROBU

Replied
悟空さんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

 はい、430pxです。いかがですか?
 
 

                       悟空

Replied
HIROBUさんのユーザアバター

Re: 新規トピックに投稿者を表示してみました。

悟空さん

はい、左右のマージンばっちりOK!
治まりが良くなりました(^-^)

画像見せるブログやってたせいでうるさい奴ですみません(^^;
ありがとうございました。

HIROBU

コンテンツ配信 コンテンツ配信