Notre destiN*
http://nanos.jp/kiriiiii/
about
temp
memo
link
mail
re
?
使います
次のテンプレ待ってるよ
頑張ってね
【先行テンプレ】正常だよ
blue dot top
文書型宣言<!DOCTYPE>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTMLタグ<html>
<html lang="ja">
HEAD内
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Expires" content="0"> <meta name="robots" content="NOINDEX,NOFOLLOW"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=3.0,user-scalable=yes"> <meta name="format-detection" content="telephone=no"> <title>Your site name</title> <!-- template by KirI* http://nanos.jp/kiriiiii/ --> <style type="text/css"> /*―――――――――――――――― 全環境共通 ―――――――――――――――*/ *{ margin:0; padding:0; font-family:'Century Gothic','メイリオ',Meiryo,'MS Pゴシック',sans-serif;} body{ color:#999999; background-image:url(背景画像URL1);} br{ letter-spacing:0;} /*― 文字装飾 ―――――――*/ em{ background:#f0ffff;} strong{ font-weight:bold; border-bottom:1px dotted #00ccff;} del{ text-decoration:line-through;} /*― リンク ―――――――*/ a{ text-decoration:none; outline:none; background:#ffffff;} a:link,a:visited{ color:#00ccff;} a:hover{ color:#00ccff; border-bottom:1px dotted #00ccff;} .contents a,.top a,.header a,.footer a{ background:none;} /*― 画像設定 ―――――――*/ a img { border:none;} a:hover img{ opacity:0.6; filter:alpha(opacity=60);} /*― フォーム ―――――――*/ input[type],textarea,select{ padding:1px 3px; margin:1px 1px; color:#999999; background:#ffffff; border:1px solid #00ccff; outline:none;} input[type]:focus,textarea:focus{ background:#f0ffff;} /*― リスト ―――――――*/ ul,ol{ list-style-position:inside;} /*― 文字寄せ ―――――――*/ .left{ text-align:left;} .center{ text-align:center;} .right{ text-align:right;} /*― 見出し ―――――――*/ h1{ font-size:130%; font-weight:normal; letter-spacing:2px;} h1:first-letter{ color:#00ccff;} h2{ font-size:110%; border-bottom:dotted #00ccff 1px; font-weight:normal;} h2:before{ content:"■ "; color:#00ccff;} h3{ color:#00ccff; font-size:110%; padding:0 5px 0 0; font-weight:normal;} /*― 中身 ―――――――*/ .contents,.header,.footer{ background-image:url(背景画像URL2);} .contents{ margin:1em 0; padding:5px 10px;} .header{ margin:1em 0 0 0; padding:5px 10px; text-align:right;} .footer{ margin:0 0 1em 0; text-align:center;} .date{ text-align:right; border-top:dashed 1px #00ccff;} <pc_only> /*―――――――――――――――― 以下PCのみ ―――――――――――――――*/ body{ width:600px; margin:0 auto;} body,th{ font-size:80%; letter-spacing:1px; line-height:1.7;} /*― スクロールバー ―――――――*/ html,body{ scrollbar-face-color:#ffffff; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-highlight-color:#00ccff; scrollbar-shadow-color:#00ccff; scrollbar-arrow-color:#00ccff; scrollbar-track-color:#ffffff;} </pc_only><nopc> /*―――――――――――――――― 以下携帯のみ ―――――――――――――――*/ body{ width:90%; margin:0 auto;} body,th{ font-size:x-small; line-height:120%; letter-spacing:1pt;} /*― リンク ―――――――*/ /* docomo */ <imode>a:focus{ color:#ffffff;}</imode> /* softbank */ <softbank>a:active,a:focus{ color:#00ccff;}</softbank> </nopc><smartphone> /*―――――――――――――――― 以下スマホのみ ―――――――――――――――*/ *{ -webkit-tap-highlight-color:rgba(0,0,0,0);} body{ max-width:90%; margin:0 auto;} body,th{ font-size:small; line-height:120%; letter-spacing:1pt;} img{ max-width:90%;} /*― フォーム ―――――――*/ input[type],textarea,select{ width:auto; height:auto; font-weight:normal; font-size:small; -webkit-box-shadow:none; webkit-appearance:none; box-sizing:border-box; -webkit-box-sizing:border-box; word-break:break-all;} input[type]:hover{ background:#f0ffff;} textarea:focus{ height:auto;} </smartphone></style>
BODYタグ<body>
<body>
全体レイアウト
<div class="contents"> <h1 id="PAGETOP">Site name*</h1> <br> <img src="//img.mobilerz.net/sozai/342.gif" alt="" width="200" height="40"><br> <br> <a href="">about</a> <a href="">main</a> <a href="">memo</a> <nopc><br></nopc> <a href="">link</a> <a href="">mail</a>:<a href="">re</a> </div> <div class="contents"> <h2>What's new?</h2> 00/00 ****を更新<br> 00/00 ****を追加<br> 00/00 サイト開設 <p class="right">…<a href="#PAGETOP">△</a></p> </div> <div class="contents"> <h2>Information</h2> ***で***な***サイト。苦手な方はブラウザバック<br> 初めての方はaboutへ…など説明文をどうぞ。 <p class="right">…<a href="#PAGETOP">△</a></p> </div> <div class="contents"> <p class="center"><a href="">rank</a>/<a href="">rank</a>/<a href="">rank</a></p> <p class="right">…<a href="#PAGETOP">△</a></p> </div> <div class="footer"> Thank you for 12345hit!<br> since:00/00/00 </div>
備考
背景画像URL○と記述されている部分は任意のURLに変更してください。
お好きなものに変えて頂いて構いませんが
Sample
で使用している画像は以下の二点です。
1:
2:
何れも各個人で保存して御使用ください。
また、どちらも再配布及び単品使用は禁止ですので厳守願います。
人気急上昇中のBL小説
BL小説 BLove
- ナノ -