CSS実験所

CSSテンプレート ページ3

以下の「」の中を指定された文字に変えるとCSSが簡単に作れます。
背景画像は各々で調達してください。


div#desc{color:カラーコード;}

#u_result{color:カラーコード;}

a:link{color:カラーコード;}
a:visited{color:カラーコード;}
a:hover{color:カラーコード;}

a:hover,a:active{position:relative;bottom:-1px;right:-1px;}

div#desc{background-image:url(画像URL);}

input[type=text]{background-image:url(画像URL);color:文字色;}

*{cursor:url(画像URL),auto;}textarea,input[type=text]{cursor:auto;}

form#dr{background-image:url(画像URL);}

h1.utitle a{color:カラーコード !important;}


一応これである程度は作れます。意味を上から解説します。


説明文の文字色

小説本編の文字色

通常のリンクの色
訪問済みリンクの色
マウスがリンクに来た時の色

リンクの文字が動く

作品説明欄の画像指定

名前やコメントを入力する場所の色・背景画像指定

カーソルの画像指定

お話選択の背景画像指定

作品タイトルの色指定

多分こうだったハズ

ふわり様のCSS辞典を参考にして作りました。




text-shadow:0 3px 5px #FF77FF,0 4px 10px #FF77FF; text-decoration:none;}

を足すと、リンクの下に影が出来ます。

CSSテンプレート　自分用→←CSSサンプルリンク

→ 目次へ｜作品を作る｜感想を書く
他の作品を探す