| 【WEB編】 調べるのが面倒くさいのでわりかしよく使うものをまとめてみました。 ×画面を閉じる |
| ★ヘッダー★ ★body★ ★css★ ★keitai★ |
| ★★★ ヘッダー ★★★ |
| ●meta 漢字コード ●meta キーワード ●meta HP概要 ●meta ページジャンプ |
<meta http-equiv="Content-Type"
content="text/html; charset=Shift_JIS"> <meta name="keywords" content="写真,画像,風景"> <meta name="description" content="写真を紹介しています。"> <meta http-equiv="refresh" content="5;url=http://www.euzim.net/"> |
| ★★★ body ★★★ |
| ●背景色、背景画像 ●背景画像左一列にする ●背景画像連続させない ●余白を消す ●リンク時の下線を消す ●マウスオーバー時TD内を変える ●ボタンで閉じる |
<body bgcolor="#FFFFFF"> 画像の場合<body
background="back.gif"> <body style="background-image:url(back.jpg); background-repeat:repeat-y"> <body style="background-image:url(back.jpg); background-repeat:no-repeat"> <body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0"> <a href="index.html" onFocus="if(this.blur)this.blur()"></a> <td colspan="2" onmouseover="this.style.backgroundColor='#999999'" onmouseout="this.style.backgroundColor='#cccccc'" nowrap><a href="index.html" >top</a></td> <onclick="window.close()"> <a href="javascript:window.close()" onFocus="if(this.blur)this.blur()"></a> |
| ●印刷する (ボタンの色を変えるタグあり) |
○テキストの場合 <a href="javascript:print()">印刷する</a> ○ボタンの場合 <FORM> <INPUT TYPE="button" VALUE="印刷する" onClick="print()"> </FORM> ○高度バージョン head内: <script language="javascript"> <!-- function closeMe() { top.close() } function cbprint(){ /* CrossBrowser Print */ window.focus() window.onerror=function(){window.onerror=null;return true} if(window.print){window.print()}else{if(document.all){document.all.WB.ExecWB(6,0)}} window.onerror=null } --> </script> body内: <input type="button" onclick="cbprint()" value="※印刷します" class="input4" title="印刷" style="width:230px; cursor:hand; background-color:#ffffff; color:#999999; border:solid 0px; font-size:10px"><OBJECT ID="WB" WIDTH=0 HEIGHT=0 style=display:none CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"> </OBJECT> |
| ★★★ css ★★★ |
| 基本:html埋め込み | <style type="text/css"> <!-- .f12 { font-size : 12px ; font-style : normal ; line-height : 130% ; font-weight : bold } .ff10 { color : #666666; font-family : Geneva, Verdana, Arial, Helvetica, sans-serif ; font-size : 10px } --> </style> |
| 基本:外部読み込み | html内: <LINK REL=stylesheet TYPE="text/css" HREF="css.css"> 外部css内: ※ネスケでbodyタグはレイアウトが崩れたりする body{ background : url(back.jpg) no-repeat fixed ; font-size : 15px ; color : #000000 } a{ text-decoration : none } a:link { color : #008000 } a:visited { color : #008080 } a:active { color : #00FF00 ; background-color : #66FF66 } a:hover { color : #00FF66 ; text-decoration : underline } |
| ●スクロールに色をつける | body { scrollbar-base-color : #ffffff ; scrollbar-highlight-color : #ffffff ; scrollbar-darkshadow-color : #cccccc ; scrollbar-track-color : #cccccc ; scrollbar-shadow-color : #cccccc ; scrollbar-3dlight-color : #cccccc ; scrollbar-arrow-color : #cccccc } |
| ●英字を変える ●ボタン用 ●背景画像上一列にする ●背景画像左一列にする ●背景画像連続させない ●背景画像を固定する |
.ff10 { color : #666666 ; font-family :
Geneva, Verdana, Arial, Helvetica, sans-serif ; font-size : 10px } input, select, textarea, text { font-size : 10pt ; color : #999999 ; background-color : #ffffff ; border : #999999 1px solid } body { background-repeat : repeat-x } body { background-repeat : repeat-y } body { background-repeat : no-repeat } body { background : url(back.jpg) no-repeat fixed } |
| ★★★ keitai ★★★ |
| ●画像サイズ ●対応画像 |
大画面 120×160 中間 100×130 通常 95×95 i-mode:gif,jpg vodafone:png,jpg ez-web:gif |