 |
 |
|
 |
|
||
| Home | First | Prev | Next | Last |
border-radius: 10px;というように記述すれば良いことがわかりました。さっそく、このページに適用してみました。角がとれて柔らかくなったように思います。
-moz-border-radius: 10px; -webkit-border-radius: 10px;
| border-radius:10px | 要素を1つだけ指定すると、すべての角が同じになる |
| border-radius:10px 50px | 要素を2つ指定すると、左角上と右角下、右角上と左角下が同じになる |
| border-radius:50px / 10px | 要素を '/' で区切って x軸の長さと y軸の長さを指定できる |
| border-top-left-radius:10px; | 特定のコーナーだけを指定できる |
\@font-face {
font-family: 'bpdots';
src: url('../fonts/BPdots.otf') format('opentype');
}
span.bpdots {
font-family:'bpdots';color:blue;font-size:18pt;
}
それから本文に次のように記入すると、
<p>こちらは <span class='bpdots' '>Penguin Club</span> です</p>このように表示されました。
こちらは Penguin Club です
<form action='xxx.cgi' method='post'><input type='submit' value='xxx'></form> <form action='yyy.cgi' method='post'><input type='submit' value='yyy'></form> <form action='zzz.cgi' method='post'><input type='submit' value='zzz'></form>といったふうに、二つ以上の submit ボタンを横一列に並べるとき、いままで、
<table><tr> <form action='xxx.cgi' method='post'><td><input type='submit' value='xxx'></td></form> <form action='yyy.cgi' method='post'><td><input type='submit' value='yyy'></td></form> <form action='zzz.cgi' method='post'><td><input type='submit' value='zzz'></td></form> </tr></table>などとしてきましたが、css で
form { display:inline; }
と指定すれば、改行が防げることが分かりました。そして隣同士の <form> と </form> の間に改行を入れなければ、submit ボタン同士の間隔を最小にすることができることも分かりました。さっそく、これを利用して cgi プログラムを作ってみました。table を使わないので、コードがもっとシンプルになりました。
h3 { display:inline; }
と定義しておいて h3 タグを使えば、改行を防げ、h3 タグで強調した文字を本文の中に組み込むことができます。
@font-face { font-family:'font1'; src:url('../fonts/Felipa-Regular.otf') format('opentype'); }
@font-face { font-family:'font2'; src:url('../fonts/Amaranth.otf') format('opentype'); }
h1.line1 { font-family:'font1'; font-size:34pt; }
h2.line2 { font-family:'font2'; font-size:20pt; }
$prev_year = $year - ($month == 1)*($year > $start_year); $prev_month = $month - ($month > 1) + 11*($month == 1)*($year > $start_year); $next_year = $year + ($month == 12)*($year < $last_year); $next_month = $month + ($month < 12) - ($month == $last_month)*($year == $last_year) - 11*($month == 12)*($year < $last_year);
@files = glob "memo??????.html"; @file_list = reverse @files; $last_number = scalar @file_list - 1;最新のファイルが最初に表示されるようにするため、reverse でファイルデータを逆順にソートしてあります。そして、scalar で @file_list 配列の数を調べ、そこから 1 を引いて最後のファイル（実際は最初のファイル）の配列番号を得ています。
# navigation logics $next_number = $number - ($number > 0); $prev_number = $number + ($number < $last_number);これは、年と月で送ったり、戻したりするロジックよりもうんと簡単でした。
<form action="$$msearch$$" accept-charset="$$encoding$$"> 検索語句</b> <input type="hidden" name="index" value="$$index$$"> <input type="hidden" name="config" value="$$config$$"> <input type="hidden" name="set" value="1"> <input type="hidden" name="num" value="$$rpp$$"> <input type="hidden" name="hint" value="漢字コード判定用文字列"> <input type="text" size="30" name="query" value="$$query$$"> <input type="submit" value="検索"></font> </form>青字のように
<form action="$$msearch$$" accept-charset="$$encoding$$"> 検索語句</b> <input type="hidden" name="index" value="$$index$$"> <input type="hidden" name="config" value="$$config$$"> <input type="hidden" name="set" value="1"> <input type="hidden" name="num" value="$$rpp$$"> <input type="hidden" name="hint" value="ひらがな"> <input type="text" size="30" name="query" value="$$query$$"> <input type="submit" value="検索"></font> </form>とすれば、うまく動いてくれました。コード判定用の文字列を「漢字」から「ひらがな」に変更するのがコツでした。これで、ウェブページのすべての文字コードを UTF−8 に統一することができました。
|
|
|
|
|
||
| Home | First | Prev | Next | Last |