人気ブログランキング |


<   2007年 01月 ( 22 )   > この月の画像一覧

HTML&CSS結果報告② 投稿文章入力枠の幅

まとめ

ブログにログイン後、「設定ボタン」→「スキン変更」の順にClickすると現在使用中のスキンが表示される。私のスキンはエキサイト提供の「スクェアべーシック」。そこの「編集」ボタンをClickすると

・各部分別横幅
・HTML編集
・CSS編集

が表示される。

こういう編集は決められた法則を省略せずに順番に書けるかどうかにかかっています。そこで

■スキンを触る前にやること
<鉄則1>スキンの初期の中身を丸ごとメモ帳等にコピーして保存しておくべし

・バックアップなしに直接編集画面を触ると思ったようにいかずにやり直しているうちに基にさえ戻せなくなってしまうことがある。あるいは別窓を開いておいて、同じ編集画面を見ながらやるのもいいのかもしれないが、使用前使用後を同じ場所に保存しておくと、自分の触った箇所が記録に残るので後で役にたつのです。

<鉄則2>入力モードは英数半角を選んでおくべし(書くまでもないのかも)
<>は全角<>は半角ですね。編集の際は、数字も記号も半角を使います。参照先の説明文中のソースには後で半角(1バイト文字)に変えてください、という物も多いのです。その場合はそこを変更してから使用します。

■今回やったこと
1、文の入力欄の幅を広げる

各部分別横幅、「変更」ボタンをClick ここで数値を最初600位にしたが結果的には500とした。ここの説明文中にもあるようにここの数値の変更だけでは幅は変わらない。そこで必要なのはCSS編集画面内の

DIV.POST_BODY_SUB {
WIDTH : 490PX;→の数値を変えること
OVERFLOW : HIDDEN

実はこれを変えた時に、その上の日付の枠とそのまた上の水色のラインの長さを変える場所が解からなくて結局最初の490に戻した。

手探りだと実際のブログで見えている場所はCSSの中ではどこを指すのかは英単語で検討をつける。例えば

・DIV.POST_BODY_SUBは投稿画面のことだろうとか、BODYは投稿文章を書く枠の中のことだろうとか。さらにそこにある数字の値を変えれば何か変化がおこるのだろうという検討はつく。そこで

DIV.POST_BODY_SUB {
WIDTH : 490PX;→の数値を500に変えた
OVERFLOW : HIDDEN

しかしこれだけでは先に言ったようにその上の部分の長さが変わるわけではないのでバランスが悪くてみっともない。かといって他にこの上の部分の長さを変える数値が記載はされていない様子だった。そこで

<鉄則3:数値がなければ作るべし>
と以前ご指摘を受けたのだが、何を追加すればいいのかは私の範疇にはない。そこで水色の線の長さだけはまあいいかと一端諦めた時にご指摘頂いてそのソースを見せてもらい

DIV#TOP {
BORDER-BOTTOM : 5PX #D5E2EF SOLID;
WIDTH:790PX;

        }
という風にWIDTH:790PX;を入れ込んで長さが変わることが解かったという次第です。実はこれは以前コメント欄の幅や長さでも教えてもらった考え方なのですが(恥)

しかし、それならば、という訳で試しに

DIV.POST_HEAD {
BORDER-BOTTOM : 1PX #888 DOTTED;
PADDING-BOTTOM : 7PX;
MARGIN-BOTTOM : 20PX;
OVERFLOW : HIDDEN;
WIDTH:500PX;
        }
このWIDTH:500PXを後から書き込んでみたら水色の線も日付の線の長さも一度に変わってしまった。場所としてはここでいいらしいと解かりました。

この辺の試しに、も大事です、うん。

それ以前にも「コメント欄を開いた時に投稿部分が微妙に右に広がりますよね」とご指摘を受けたことで数値を変えたのが

TEXTAREA.TXTFLD {
height:8em; WIDTH :460px ! important;

の数値部分です。


文の入力欄の幅を広げるまでにはこのような道のりがあったのでした。あ、文章でまとめる以上に時間はかかっています。場所の検討をつけることと、掲示板などから知りたいことを探す時間がありましたので(笑)

参照先
世祓い
「パソコンでお絵描き2」 イラストブログ すみ 春魚 さん
アヤフヤblog さんです。

それから編集宣言記事に対して素早いレスを下さった nsudouさん、どうもありがとうございました。
by t2mina | 2007-01-11 12:04 | TB・ブログ

るる♪

d0002224_17361429.jpg

ありがたき 幸せ なり
こちらは紅茶







d0002224_1494860.jpg


追記:日付が変わりました
あっという間でもったいないのでも少し夜更かししておきます
柚子緑茶、美味です
by t2mina | 2007-01-10 17:36 | 自然・心・体

HTML&CSS①投稿画面の文字色・時計

何だかんだとPOSTの幅を広げてみたけれどタイトルとその上の水色のラインの幅(長さ)を広げる場所が見つけられずに元に戻し。文字の基本色を#FFFFFFから#666666に変えただけで本日の編集は終りです。あー、メモ帳欄のスクロールバー・・・(憧)

投稿画面の文字色
このブログの文字色の初期設定の色は#000000つまり黒でした。しかし、自分の好みなのですが白地に黒い文字はきつく思えてもう少し黒味を抑えたくて変えてみました。

(もちろんタグで文を挟めばその部分については色は変わりますが)

CSS編集画面
上から5行目

VERDANA,ARIAL,SANS-SERIF; LINE-HEIGHT : 150%; COLOR : #666666; ここが最初は#000000でした


もう一箇所、投稿記事の日付の色

DIV.POST_TOP {
BORDER : 1PX SOLID #D0D0CC;
PADDING : 2PX 15PX 1PX;
MARGIN-BOTTOM : 5PX;
FONT-FAMILY : VERDANA;
LETTER-SPACING : 2PX;
COLOR : #6666CC →ここが最初は#727272でした

■時計ツール
ClockLinkすみさんのサイトを参照させていtだきました。
by t2mina | 2007-01-09 14:04 | TB・ブログ

たいちゃん

d0002224_045313.jpg

友達のNちゃんの子どもR君小学校三年生
その友達はたいちゃん。

たいちゃんは三人兄弟の末っ子だからという訳でもないが
お父さんとお母さんはたいちゃんにはかなり大らかで
年の離れたお兄ちゃん二人がいる時は

夫婦二人で夜ゲーセンとか遊びに行っちゃうんだって

たいちゃんはお兄ちゃんたちと夜中かくれんぼをして遊ぶそうで
お母さん達は帰ってきてから子ども達に構わずすぐ寝ちゃうから
子ども達は好きなだけかくれんぼとかできるんだそうだ

R君も泊めてもらった時に仲間入り
寝たら罰ゲームっていう決まりがある位だから
たいちゃんはあんまり寝なくても元気

かくれんぼはお化け屋敷ごっこに変わり
ドアの上によじ登りスタンバイして待つたいちゃん
脅かすタイミングがずれて自分だけが落っこちて
したたかに膝をぶつけても
お化け屋敷ごっこはまだ続く

かくれんぼはポケモンのフィギュアを隠してそれを探す
どうしても見つからなかったフィギュアは
数日後冷凍庫から発見されたそうな

R君は翌日の日中へろへろで使いものにならなかったけど
たいちゃんは4時に寝たのに朝の7時にはシャキンだったって

いいなあ楽しそう

たいちゃんと友達になりたい
そう思いませんか?
by t2mina | 2007-01-09 00:45

Doughnuts


d0002224_120594.jpg

「田口って甘いモン好きじゃないの?」
「え?」
「みんなと話してる時もあんまり食べながらって話してないし。」
「だから?」
「いやそのそういう奴って三度のメシはきっちり食べてっていうかあんまり別腹ってないっていうか、要するに体育会系っていうか。あ!飲める奴なのか!」
「小林君、それはあまりにも短絡的すぎるよ。あのね、食が細かったり好みがあったとしても一くくりには決められないんだよ。甘いの好きでも餡子はダメって女子だっているし。」
「まあな、俺だってクッキー位は食べるしな。」
「それの方が意外だ。」
「何でだよ。」
「だってそれこそコーラとスナックでいいっていうイメージがあるもん。ケーキとか、あ、ドーナッツなんてとんでもないんじゃない?」
「うー、ばれた?何かさあ、聞いただけでも歯が浮いちまう感じ。」
「可哀相だよねえ、ドーナッツなんて宿題で疲れた頭をぐぐっと活性化させてくれるんだよ。」
「そうかあ?疑問だ。ありえねえ。」
「じゃ、今度持って来てあげるよ。ドーナッツ。あ、休み時間にみんなで食べようか?」
「…ふむ、終わってからのが二人で食べれるじゃん。部活終わんの5時半だからさ。」
「…うん?二人?…」
聞いた時にはもう小林君は大きく手を振り走って行ってしまった。そうか、ドーナッツは濃い目のコーヒーが合うんだよということも教えてあげることにする、と。まあいいか。

by t2mina | 2007-01-08 12:00 | イラスト

大人の成人の日

成人してから久しくとも年頭の近いを立ててみる

■このお休みの間に
1、テキストを見てHTML&CSSの中の事を試してみる。スキンのCSSの中のどの場所にどんなものがあるかを試しながら知りたい。
(因みに私の言っているレベルは非常に初心者の範疇なのであそからず。少なくとも大きなドットにしないことがねらい)Macのことも調査する。どう違うって言うんだ。
最近ではMさん教えて頂きどうもありがとう。

■3月までに
1、Cynthia KadohataのKira-kira
村上春樹の英訳版The Elephant Vanishesを少しずつ読み進める。間に森絵都の『DIVE!!』を並行して読む。一冊集中してが最近できないので気分を変えながら読み、英語表現の違いを感じておく。これは3月の卒論面接諮問に備えて。長期的には英作文に役立つ勉強をしていく。
負けず嫌い

■長期
1、リアルや+αで得られた人間関係を大事にし、家族も含めまめにコミットしていく。ブログ巡回もその一つ。
2、泳ぐ、等体を動かしたり出かけたり遊んだりして気持ちのバランスを上手にとる。アイデンティティクライシスなんかじゃないもん!
3、アンテナを磨いて分りやすく書くと描くを継続する。国語は大事ですね。
うん。
by t2mina | 2007-01-08 09:06 | 自然・心・体

♪発見

d0002224_8145818.jpg




d0002224_11522124.jpg


d0002224_2443116.jpg










d0002224_245499.jpg


d0002224_213537.jpg


d0002224_19372689.jpg

 たくさん遊んで元気な大人DA!

by t2mina | 2007-01-06 19:37 | TB・ブログ

わーい♪

明日(土)から来週(木)までお仕事はお休み、遠出はなしのお休みデス。あー言ってすっきりした。(記事にすることか?)
by t2mina | 2007-01-05 07:58 | 自然・心・体

仕事始めだよ

昨晩はブルーな気分で

そわそわ本を読んだりテレビを点けたり消したりFMにしたりDVDにしてみたり

明日から仕事かとため息まじり

今朝お隣りさんにお土産を渡したり管理のおじさんに挨拶したり

自転車をこぎはじめたら道はガラガラで朝日がまぶしくて

年始の挨拶廻りのような人やお年寄りや家事途中のお母さん等がたまにいて

まだとても静かな風景なわけで

仕事の仕方忘れてないか

絵とも英語とも全く関係のない自分の職業付き合いは長く全部含めて私なので

大切に

自分の職務を全うせよ

おーけー?

らじゃ!

by t2mina | 2007-01-04 08:57 | 自然・心・体

びゅわ~ん

短い帰省も終わり、すでに新幹線に乗っています。

つの間の親孝行、この時期に移動したのは久しぶりだった私、暢気に駅のフオームに立ち移動する人々の多さに


びっくり、むぎゅっ!


携帯のみだったので自blogには戻ってから入ることにして先に訪問コメントを入れながら遊びに行かせて頂きました☆


通話料の請求額が怖いのね

今年もね、よろしくお願いします♪
by t2mina | 2007-01-02 17:40