草鹿

▽ Novel

山田
夜のにおいはもうしない無知な青にさらわれた狼はいくじなし

鈴木
パンをかじるようにすべての花はきみのもの

加藤
ハートにはスパンコールと情熱を気まぐれなフリル常温の鼓動

thanks title サンタナインの街角で

▽ Attention

段落ごとにリンク背景色が変わるテンプレートです。

＜div class="menu2"＞は青

＜div class="menu3"＞は黄色

＜div class="menu4"＞は緑になります。

screenshot
対応機種から見るとこんな感じです。

HEAD

/*ページ全体の設定(ここを編集すると色変更できます)*/
body{
font-size:12px;
font-family:メイリオ, Comic Sans MS,  sans-serif;
 /*背景色*/
background-color:#ffffff;
 /*文字色*/
color: #707070; }

/*リンク色*/
a{
 color: #404040;
 /*リンクをゆっくり表示する設定*/
text-decoration: none;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
-ms-transition: 0.2s;
transition: 0.2s;
 /*角を丸くする設定*/
border-radius: 3px;}

/*オンマウス時の動作(現在の設定 跳ねる)*/
a:hover{
position: relative;
top: 1px;}

/*リンク色が変わる段落(現在の設定 左寄せ)*/
.menu { text-align:left;}
.menu2 { text-align:left;}
.menu3 { text-align:left;}
.menu4 { text-align:left;}

/*段落ごとのリンク色指定*/
.menu a { background: linear-gradient(transparent 60%, #F0A8A8 0%);} /*赤*/

.menu2 a { background: linear-gradient(transparent 60%, #A8CCF0 0%);} /*青*/

.menu3 a { background: linear-gradient(transparent 60%, #F0F0A8 0%);} /*黄色*/

.menu4 a { background: linear-gradient(transparent 60%, #BAF0A8 0%);} /*緑*/

/*ページの幅、行間の設定*/
.yohaku {
max-width: 500px ;
line-height:1.5; 
letter-spacing:1px;
padding: 4%;}

/*見出し*/
span.midashi {
font-size:18px;
font-family:Comic Sans MS;
letter-spacing:3px;
border-bottom:dashed #999999 1px;}

--></style>

全体レイアウト

リンク色を変更・追加したい場合はHEADの中にこちらのタグを追加してください。
【例】menu5、menu6…など

bykusaka