サイト名

saitomei

about this site

ここはこんなサイトです。これこれこんなものを取り扱っています。
これこれこんなものが苦手だという方は閲覧をお控えください。
リンクはこんな感じ、強調はこんな感じに表示されます。
説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文説明文

master

管理人は誰々です。
あんなものやこんなものが好きです。
最近ツイッター始めました。【管理人@tos】

css&body

PC

zipファイルをダウンロード

css

HEAD間に記載してください。 <link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet"> <style type="text/css" media="screen and (min-width:750px)"> /*　　PC用CSS　　*/ /*共通設定*/ body { color: #cbc48c; background-color: #091428; background-image: url(画像のURL); background-position: 95% 0%; background-repeat: no-repeat; background-attachment: fixed; font-family: 'Amatic SC', 'メイリオ', 'ヒラギノ角ゴ', sans-serif; font-size: 13px; line-height: 180%; letter-spacing: 0.2em; margin: 5%;} a { color: #cbc48c; text-decoration: none; border-bottom: solid 1px #44817d;} h1 { font-size: 70px; font-family: Serif; display: inline-block; padding: 5% 0%;} h2 { font-size: 25px; border-bottom: dotted 1px; width: 200px; margin: 2% 3%;} h3 { font-size: 20px; margin: 1% 4%;} p { padding: 3% 5%; font-family: 'メイリオ', Serif;} em { background-color: #1c2c48; font-style: normal;} input,textarea,button,select { color: #cbc48c; background-color: #091528; border: solid 1px #cbc48c; font-family : inherit; font-size : 100%; margin: 1%;} textarea { padding: 1%;} #menu,#main { box-sizing: border-box;} /*フロート用親ボックス*/ #parent { width: 100%;} /*サイドバー設定*/ #menu { width: 18%; float: left; line-height: 80px; text-align: right; padding: 3% 3%; position: fixed;} #menu a{ font-size: 50px; border-bottom: solid 4px #44817d;} #menu ul{ list-style-type: none;} /*コンテンツボックス設定*/ #main { width: 78%; float: right; padding: 5% 3%;} #main p{ width: 70%;} #sitename { font-size: 40px;}/*SAITOMEIの部分*/ /*フッター設定*/ footer { font-size: 20px; text-align: center; clear: both;} </style> <style type="text/css" media="screen and (max-width:749px)"> /*　　スマホ用CSS　　*/ /*共通設定*/ body { color: #cbc48c; background-color: #091428; font-family: 'Amatic SC', 'メイリオ', 'ヒラギノ角ゴ', sans-serif; font-size: 12px; line-height: 180%; letter-spacing: 0.2em; margin: 5%;} a { color: #cbc48c; text-decoration: none; border-bottom: solid 1px #44817d;} h1 { font-size: 30px; font-family: Serif; display: inline-block; padding: 5% 0%;} h2 { font-size: 18px; border-bottom: dotted 1px; margin: 2% 3%; padding: 0em 1em;} h3 { font-size: 15px; margin: 1% 4%;} p { padding: 3% 5%; font-family: 'メイリオ', Serif;} em { background-color: #1c2c48; font-style: normal;} input,textarea,button,select { color: #cbc48c; background-color: #091528; border: solid 1px #cbc48c; font-family : inherit; font-size : 100%; margin: 1%;} textarea { padding: 1%; display: block;} /*上部メニュー設定*/ #menu { text-align: center; padding: 3%;} #menu a{ font-size: 35px; border-bottom: solid 4px #44817d;} #menu ul{ list-style-type: none;} #menu li { display: inline-block; margin: 0% 3%;} /*コンテンツボックス設定*/ #main { padding: 5% 3%;} #sitename { font-size: 20px;} /*フッター設定*/ footer { text-align: center;} </style>

body

<div id="parent"> <!--ここからサイドバー（スマホ時上部メニュー）--> <nav id="menu"> <ul> <li><a href="#">index</a></li><li><a href="#">text</a></li><li><a href="">clap</a></li> </ul> </nav><!--menu閉じ--> <!--ここまでサイドバー--> <!--ここからコンテンツボックス--> <div id="main"> <h1>サイト名</h1><span id="sitename">saitomei</span> <h2>midashi2</h2> <p>説明文</p> <h3>midashi3</h3> <p><textarea> テキストボックス </textarea><br> <input type="submit" value="送信ボタン"></p> </div><!--main閉じ--> <!--ここまでコンテンツボックス--> </div><!--parent閉じ--> <!--ここからフッター--> <p id="footer"><a href="#main">top</a></p> <!--ここまでフッター--> ボタンはこんな感じ※ダミーです

image

背景とファビコン