CMS「すぐ使えるCGI」の開発者がご質問にお答えします

 

index.htmlにスタイルシートを適用したい (No. 176)

回答日: 2007-03-12

質問

携帯対応 ニュース更新ツールを使っております。
生成されたindex.htmlがブラウザ表示、文字最大にすると重なって表示されてしまいます。index.htmlにスタイルシートを適用する方法を教えていただけないでしょうか。
投稿日時: 2007-03-12 02:08

回答

index.html は、下記のテンプレートファイルを元に生成されます。

ページ全体: templates/article/article_list.html
各記事部分: templates/article/article_list.txt

■編集例1:CSSファイルの適用

CSSファイルをページに適用させるには、templates/article/article_list.html の<head>タグ内にスタイルシート指定のコードを追加して下さい。

○ヘッダ部分の編集例 [article_list.html]

<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<title>一覧</title>
<link rel="stylesheet" href="/style.css" type="text/css">
<!-- ↑この行がスタイルシートの指定 -->
</head>

■編集例2:個別にスタイル指定

個別に指定する場合、どちらのテンプレートのタグにでも指定していただけます。

○タグへのスタイル指定の編集例 [article_list.txt]

<hr>
<div style="font-size: 12pt"> <!-- divタグで囲ってスタイル指定 -->
<a name="%_d_%"></a>
【%_yyyy_%-%_mm_%-%_dd_%】<br>
<b>%_subject_%</b><br>
%_body_%
</div> <!-- divタグ終了 -->

回答日: 2007-03-12