■空と飛行機/top■


CSSを多用しています。PCからもわりとキレイなはずです。
背景素材とアイコン素材は自作です。こちらから保存してください。→水色の背景素材/水色のアイコン素材
飛行機素材はマリア様の再配布可能素材を私が加工したものです。このテンプレートをご自身のサイトデザインとして利用される場合に限り、このページから保存してください。その際、マリア様の素材利用規約を一読してくださいますようお願いします。→飛行機素材
素材の直リンと自作発言は禁止です。


カラーコード

背景#ffffff　文字#626262　リンク#AFEEEE

PC閲覧用CSS(HEAD)ページ全般とリンク

<style type="text/css" media="screen"><!--body,td{margin:0;line-height:180%;font-size:80%;font-family:Century Gothic,Verdana;}--></style><style type="text/css"><!--a{text-decoration:none;padding:2px;}a:hover{text-decoration:line-through;}--></style>

PC閲覧用CSS(HEAD)テキストエリア

<style type="text/css"><!--input,textarea,select{color:white;font-size:95%;font-family:Verdana,sans-serif;background-color:#5DBBEE;border:1px #5DBBEE solid;}--></style><style type="text/css" media="screen"><!--textarea,select{padding-left:20px;background:#5DBBEE url('水色のアイコン素材URL') repeat-y left top;border:0px #5DBBEE solid;}--></style>

PC閲覧用CSS(HEAD)テキストエリアのスクロールバー

<style type="text/css" media="screen"><!--textarea{scrollbar-base-color:#5DBBEE;scrollbar-arrow-color:white;scrollbar-face-color:#5DBBEE;scrollbar-track-color:#5DBBEE;scrollbar-highlight-color:#5DBBEE;scrollbar-shadow-color:#5DBBEE;scrollbar-3dlight-color:#5DBBEE;scrollbar-darkshadow-color:#5DBBEE;}--></style>

本文

<div style="padding:0;margin:0;background:#5DBBEE url('水色の背景素材URL') repeat-x center bottom;text-align:right;" align="right"><div style="color:white;width:500px;margin:0;padding:5%;text-align:left;" align="left"><br><span style="font-size:240%;letter-spacing:1pt;">サイト名</span><hr width="100%" size="1" color="#5DBBEE" />

<a href="リンク">about</a> <a href="リンク">main</a> <a href="リンク">link</a><br>material <a href="http://hp.xxxxxxx.jp/ilil/">Maria</a></div><img src="飛行機素材URL" border="0" width="240" /></div>