↓以下HEAD内CSS。background-image: url(素材URL);のカッコ→url()は消しちゃだめです。
<style type="text/css">
body{
width: 100%;
margin: 0;
padding: 0;
text-align: center;
font-size: 16px;}
.title{
font: 40px/60% serif;
color: #ffffff;
text-align: right;}
.title span{
font: 30px/40% serif;
color: #aaaaaa;
text-align: right;
padding-right: 5%;
display: block;}
.title span:first-letter{color: #c9c9c9;}
<mobile>.deco{
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
padding: 0;
background-image: url(素材URL); /* ←素材url */
background-repeat: repeat-y;
background-position: 90% 0;
background-color: #efefef; /* ←携帯用BOX内背景色。お好きな色に変更可 */
color:#666666;
text-align: center;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;}</mobile>
<pc_only>.deco{
width: 600px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
padding: 0;
background-image: url(素材URL); /* ←素材url */
background-repeat: repeat-y;
background-position: 90% 0;
background-color: #efefef; /* ←PC用BOX内背景色。お好きな色に変更可 */
color:#666666;
text-align: center;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;}</pc_only>
<mobile>.inner{
width: 95%;
margin: 0 auto;
padding: 0 0 10px;
text-align: left;
line-height: 1.3;}</mobile>
<pc_only>.inner{
width: 90%;
margin: 0 auto;
padding: 0 0 10px;
text-align: left;
line-height: 1.5;
font-family:Verdana,'メイリオ',Meiryo,sans-serif;}</pc_only>
.deco a{text-decoration: none;}
.deco a:hover{
border-bottom: 1px dashed;
color: #666666;
position: relative;
top: 1px;
left: 1px;}
/* 以下フォーム装飾。名前変換画面などは状況に応じてwidth:幅;を追加 */
textarea,input,select,option,input[type="text"]{
color: #666666;
background: #efefef;/* ←入力欄の色 */
background-image: url(素材URL);/* ←入力欄内に敷き詰める素材のURL */
border: 1px solid #aaaaaa;
height: auto;
padding: 5px;
font-size: small;
word-break: break-all;
overflow: auto;
-webkit-box-shadow: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
/* ↓ボタン装飾 */
input[type="submit"]{
width: auto;
height: auto;
margin: 5px 3px;
padding: 5px;
color: #666666;
border: 1px solid #aaaaaa;
background: #ffffff;
font-size: small;
font-family: serif;
word-break: break-all;
-webkit-box-shadow: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* ↓ボタンオンカーソル時の色変更 */
input[type="submit"]:hover{
background: #d4d4d4;}
</style>
↓タグ
<div class="deco"><div class="title">site title<br /><span>site title</span></div>
<div class="inner"><a href="URL">info</a>/<a href="URL">memo</a>/<a href="URL">text</a>/<a href="URL">clap</a>/<a href="URL">:res</a>
Visitor number 12345
Last update 2015/05/11
Site open 2000/00/00
Site owner なまえ
Ranking links <a href="URL">rank1</a>/<a href="URL">rank2</a>/<a href="URL">rank3</a>
Designed by <a href="http://id35.fm-p.jp/291/western442/">はくがいがい</a></div></div>
↓フォーム部分のタグ(ナノ独自タグ)。拍手機能のありがとう画面(１ページ目)などに貼るタグです。振り分けでPC閲覧時のみ改行可能入力欄。(管理人がPCで拍手送るとき改行するつもりでエンター押して途中送信しちゃうことがよくあるので…)
<pc_only>#formStart#<textarea name="Message" cols="30" rows="3" value=""></textarea>#formSubmit_send##formEnd#</pc_only><mobile>#formStart##formInput##formSubmit_send##formEnd#</mobile>
文字色
■#666666
背景色
■#ffffff
リンク色
■#aaaaaa
訪問済み色
■#aaaaaa
アクティブリンク色
■#666666
使用素材(背景透過です)
こちらはフォーム(入力欄)内に使用している素材(背景透過)
↓
/
TOPへ
