人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

サイトに自動で以下のように更新日時を入れる設定をしてますが
表示される文字の色や大きさを変えるにはどうしたらいいのでしょうか?
色々試してみたけど、表示が消えてしまったりしてうまくいきません。
よろしくお願いします。


<script type="text/javascript">
<!--

var weeks = new Array('日','月','火','水','木','金','土');

var now = new Date();

var year = now.getYear(); // 年
var month = now.getMonth() + 1; // 月
var day = now.getDate(); // 日
var week = weeks[ now.getDay() ]; // 曜日

if(year < 2000) { year += 1900; }

// 数値が1桁の場合、頭に0を付けて2桁で表示する指定
if(month < 10) { month = "0" + month; }
if(day < 10) { day = "0" + day; }

// 表示開始
document.write('更新:<strong>' + year + '年' + month + '月' + day + '日(' + week + ')');
// 表示終了

// -->
</script>

●質問者: はら
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
ベストアンサー

最後の方にある、ここを変えます。

// 表示開始
document.write('更新:<strong>' + year + '年' + month + '月' + day + '日(' + week + ')');
// 表示終了

例えば、色を赤にして、文字の大きさを少し大きくする場合には、こんな感じになります。

// 表示開始
 <!-- ★このあたりを追加してます -->
document.write('更新:<strong style="color: red; font-size: large;">'
    + year + '年' + month + '月' + day + '日(' + week + ')</strong>');
// 表示終了

見切れちゃうんで、改行を入れてますが、一行で書いても大丈夫です。

<strong の後に書いてある style="?" というところで文字の修飾をします。
くくるのはダブルクォーテーションです。
コロンやセミコロンも正確に入力してください。

color が文字の色、font-size が文字の大きさの指定です。
"css 文字色" でググれば、どんな指定ができるか説明したサイトがたくさん見つけられると思います。


後、最後に </strong> を足してます。
これがないと、更新日の後にある文字まで色が変わってしまいます。


はらさんのコメント
ありがとうございます! そこに入れるんですね。 さわっちゃいけないところだと思ってました。 ちゃんと文字のサイズや色の変更ができました。 助かりました!
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ