ヤプログ・コメント記入欄を装飾する 長靴猫...★ 旧オロルンのヤプログ講座





↓--------

スポンサーサイト

 スポンサー広告



上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


↓2005-12-20

ヤプログ・コメント記入欄を装飾する

 ヤプログ講座



コメントを記入するときの投稿フォームの、背景色や線の色、文字の色・大きさを変えます

スタイルシートをいじります。
いまからカスタマイズに入るので、バックアップを取って、メモ帳に移した状態にしてください
参考→カスタマイズの基礎
スタイルシートを開き、
input,textarea{
border:境界線の色 幅px スタイル;
background:背景色 url(画像のアドレス);
color:文字の色;
font-size:フォントの大きさpx;
}
というタグを一番下に入れてください

★border:境界線の色 幅px スタイル;

色はカラーコード・カラ-ネームで、幅は数字pxで、スタイルは特定の英単語で書きます

solid:普通の線
dotted:ドットの線
dashed:破線
double:二重線
groove:凹線
ridge:凸線
none:線ナシ

↑がスタイルにつかえる主な英単語です
参考→カラーコード一覧
例:border:#fc0 2px dashed ;

★background:背景色 url(画像のアドレス);
色はカラーコード・カラ-ネームで指定します。url(ここに画像のアドレス)のカッコは消さないでください。画像を指定しないときは、url(画像のアドレス)部分を削除してください
例:background:#000 url(http://yaplog.blog25.fc2.com/kabe.gif);

★color:文字の色;
カラーコード・カラ-ネームで色を指定します。
例:color:#fc0;

★font-size:フォントの大きさpx;
数字でサイズを指定します
例:font-size:12px;



講座の目次


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。