案内展示連結

案内

説明

ここは非公式二次創作名前変換小説サイトです。

本サイトに置いてます二次創作物は原作者、並びに出版社には一切関係ありません。

著作権は上記の方々に帰属致します。

なお、当サイトは著作権侵害を目的としたものではございません。当サイトから公式サイトへのアクセス、オンラインブックマーク、公共機関での閲覧はお控え願います。

また、ここに記載しております夢小説等は全て管理人による自己満足で執筆しております。

閲覧は全て自己責任でお願いします。読んでからの苦情等は一切受け付けておりません。ご理解のほどお願います。晒し、荒らし、パクリ、無断転送並びに転載もおやめ下さいます様、宜しくお願いします。

ブックマークはトップページで。

同業者様のみリンクフリー(検索避け済み)

管理人葛 (twitter)
アニメや漫画、ゲームが好きな一般学生。

理解があるを方は是非お声かけください。

Since 2017/8/17~

展示

ここの欄はtab2に対応しております。
作品展示スペース等にいかがでしょうか？

作品展示例

└作品説明など。〇〇なお話です。
［登場人物｜設定］
画廊／書庫

コピー用Box

CSS(HEADに入力)

<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="format-detection" content="telephone=no">

<link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet">

body {
   background-color: #999999;
   color: #030303;
   overflow-wrap: break-word;
   word-wrap: break-word;
   text-align: center;
   line-height: 1.5em;
   font-size: 15px;
   font-family:"Roboto Slab" , Garamond , "Times New Roman" , serif;
}

a {
   color: #000;
   -webkit-transition: 0.5s;
   -moz-transition: 0.5s;
   -o-transition: 0.5s;
   -ms-transition: 0.5s;
   transition: 0.5s;
}
a:hover {
   color: #fff;
   text-shadow: -1px 1px 5px #000, 1px -1px 5px #000;
}

/* トップ画像位置 */
.top_img {
   position: relative;
   margin: 1em 0 auto;
   margin-left: auto;
   margin-right: auto;
}
/* サイト名 */
.site_title {
  position: absolute;
  font-weight: bold;
   writing-mode: tb-rl; /*IE*/
   -o-writing-mode: vertical-rl; /*Opera*/
   -webkit-writing-mode: vertical-rl; /*Chrome, Safari*/
   writing-mode: vertical-rl; /*Firefox, Edge*/
   color: #cc0000;
   font-family: "衡山毛筆フォント"
}

/* 横幅1279pxまでの画像の大きさ */
@media screen and (max-width:1279px) {
.top_img {
   width: 200px;
   height: 200px;
}
/* サイト名の文字の位置と大きさ */
.site_title {
  top: 0.5em;
  right: 1em;
  font-size: 3.2em;
}
}
/* 横1280px以上でトップ画像の大きさを変える */
@media screen and (min-width:1280px) {
.top_img {
   width: 320px;
   height: 320px;
}
/* サイト名の文字の位置と大きさ */
.site_title {
  top: 0.4em;
  right: 0.8em;
  font-size: 6em;
}
}

/* コンテンツ部分 */
.tab-content input[type="radio"] {
  display: none;
}
.tab-content .tab-box {
  width: 90%;
  max-width: 620px;
  min-height: 200px;
  border: 1px solid #AAA;
  margin: 0 auto;
}
.tab-content > .tab-box > div {
  display: none;
}

#tab1:checked ~ .tab-box > #tabView1 {
  display: block;
  padding: 5 10;
  text-align: left;
}
#tab2:checked ~ .tab-box > #tabView2 {
  display: block;
  padding: 5 10;
  text-align: left;
}
#tab3:checked ~ .tab-box > #tabView3 {
  display: block;
  padding: 5 10;
  text-align: left;
}

/* メニュー装飾 */
.tab-content label {
  display: inline-block;
  padding: 5px 10px;
  font-weight: bold;
  font-size: 20px;
  color: #cc0000;
  writing-mode: tb-rl; /*IE*/
  -o-writing-mode: vertical-rl; /*Opera*/
  -webkit-writing-mode: vertical-rl; /*Chrome, Safari*/
  writing-mode: vertical-rl; /*Firefox, Edge*/
}
.tab-content label:hover,
.tab-content input[type="radio"]:checked + label {
   color: #fff;
   text-shadow: -1px 1px 5px #cc0000, 1px -1px 5px #cc0000;
}

/* 見出し */
h1 {
   margin-top: -20px;
   margin-left: -15px;
   margin-bottom: 5px;
   width: 2.5em;
   font-size: 2em;
   line-height: 1.2em;
   background-color: #333;
   color: #999;
   text-align: center;
}
h1:first-letter {
   color: #cc0000;
}

h2 {
   margin: 0;
   padding: 0;
}

h3 {
   margin: 0;
   padding: 0;
}

/* フォーム周りの設定 */
input[type="text"] ,
textarea {
   border: 1px solid #000;
   background: #999999;
   font-size: 15px;
   font-family:"Roboto Slab" , Garamond , "Times New Roman" , serif;
}
input[type="text"]:focus ,
textarea:focus {
  border: 1px solid #cc0000;
  outline: 0;
}
</style>

body

連結

ここの欄はtab3に対応しております。
コンテンツ3の内容が表示されます。
リンクページなどに如何でしょうか？