今日:1 hit、昨日:0 hit、合計:36 hit
小｜中｜大｜
| 
CSS ・
コピペしてカラーコードや画像URLを入れるだけで
簡単に本格CSSが作れちゃいます！！
1年〜1年半前に作ったコピペするだけ!本格CSSがつくれちゃいますの改正バージョンとなっております。
前回の時にはなかったものも入れているので、よければお使いください！！
(ちなみに作った自分も未だにこれ使ってます笑)
✧ 普段の配布先
Snazzy CSS ♔ Simple
✧ 参考
占ツクCSS辞典
CSSメモ
♔ - 利用規約
✧ 必須事項 ✧
・こちらへの使用報告
・こちらのリンクを貼る
✧ 厳禁事項 ✧
・自作発言
・改変なしの二次配布
ㅤㅤㅤㅤㅤ
| 
CSS ・コピペしてカラーコードや画像URLを入れるだけで
簡単に本格CSSが作れちゃいます！！
1年〜1年半前に作ったコピペするだけ!本格CSSがつくれちゃいますの改正バージョンとなっております。
前回の時にはなかったものも入れているので、よければお使いください！！
(ちなみに作った自分も未だにこれ使ってます笑)
✧ 普段の配布先
Snazzy CSS ♔ Simple
✧ 参考
占ツクCSS辞典
CSSメモ
♔ - 利用規約
✧ 必須事項 ✧
・こちらへの使用報告
・こちらのリンクを貼る
✧ 厳禁事項 ✧
・自作発言
・改変なしの二次配布
ㅤㅤㅤㅤㅤ
/*作品タイトルの文字色です*/
h1.utitle a{color:#696969 !important;}
/*全体の文字色です*/
body{color:#696969;}
/*作品説明文の文字色です*/
div#desc{color:#696969;}
/*小説本文の文字色です*/
#u_result{color:#696969;}
/*通常の状態のリンクの文字色です*/
a:link{color:#e9967a;}
/*行ったことのあるリンクの文字色です*/
a:visited{color:#f08080;}
/*マウスがリンクの上に来た時の文字色です*/
a:hover{color:#f08080;}
/*リンクの文字が動きます
必要でない場合は消していただいても構いません*/
a:hover,a:active{position:relative;bottom:-1px;right:-1px;}
/*ページ全体の背景色です
画像にする場合はこちらを消して下を使用してください*/
body{background:#ffffe0;}
/*作品説明欄の背景色です
画像にする場合はこちらを消して下を使用してください*/
div#desc{background-color:#ffffff;}
/*小説本文の背景色です
画像にする場合はこちらを消して下を使用してください*/
#u_result{background-color:#ffffff;}
/*入力欄の背景色、文字色です
画像にする場合はこちらを消して下を使用してください*/
input[type=text]{background-color:#ffffff;color:#696969;}
/*丸いボタンの背景色、文字色です
四角いボタンや画像にする場合はこちらを消して下を使用してください*/
input[type=submit]{background-color:#ffffe0;color:#696969;border:0;}
/*入力欄の囲み線です*/
input[type=text]{border:3px double #ffebcd;}
/*「最初から読む」「選択した内容を見る」「投稿」などのボタンの囲み線です
上と同じように入力してください*/
input[type=submit]{border:3px dotted #ffebcd;}
/*お話選択部分の背景色です
画像にする場合はこちらを消して下を使用してください*/
form#dr{background-color:#ffebcd !important;color:#696969;}
/*お話選択の選択肢の通常時の文字色です*/
form#dr a:link,form#dr a:visited{color:#e9967a !important;}
/*お話選択の選択肢のマウスが上に来た時の文字色です*/
form#dr a:hover{color:#f08080 !important;}
/*ページタイトルの色です
線の太さなどの種類はないです
使わない場合は消してください*/
.result h3{color:#696969 !important;background-color:#ffebcd !important;border:0 !important;}
/*メニュータイトルの下線の色です
画像を使用する場合や色全体をのせる場合は上を使用してください
その際、このコード以外の使用するコード以外の3つは削除してください
3px の部分を変えると太さが変わります*/
#navigation h2 {border-bottom: dotted 3px #ffdead !important;}
/*メニュータイトルのリンク色です*/
#navigation h2 a:link,#navigation h2 a:visited{color:#e9967a;}
/*メニュータイトルのマウスが上にある時のリンク色です*/
#navigation h2 a:hover{color:#f08080;}
/*コメント欄の上の部分の色です
画像にする場合は下を使用してください*/
.commentform{background-color:#fffaf0 !important;}
/*関連作品の部分の色です
画像にする場合は下を使用してください*/
.block_head{background-color:##fffaf0 !important;}
h1.utitle a{color:#696969 !important;}
/*全体の文字色です*/
body{color:#696969;}
/*作品説明文の文字色です*/
div#desc{color:#696969;}
/*小説本文の文字色です*/
#u_result{color:#696969;}
/*通常の状態のリンクの文字色です*/
a:link{color:#e9967a;}
/*行ったことのあるリンクの文字色です*/
a:visited{color:#f08080;}
/*マウスがリンクの上に来た時の文字色です*/
a:hover{color:#f08080;}
/*リンクの文字が動きます
必要でない場合は消していただいても構いません*/
a:hover,a:active{position:relative;bottom:-1px;right:-1px;}
/*ページ全体の背景色です
画像にする場合はこちらを消して下を使用してください*/
body{background:#ffffe0;}
/*作品説明欄の背景色です
画像にする場合はこちらを消して下を使用してください*/
div#desc{background-color:#ffffff;}
/*小説本文の背景色です
画像にする場合はこちらを消して下を使用してください*/
#u_result{background-color:#ffffff;}
/*入力欄の背景色、文字色です
画像にする場合はこちらを消して下を使用してください*/
input[type=text]{background-color:#ffffff;color:#696969;}
/*丸いボタンの背景色、文字色です
四角いボタンや画像にする場合はこちらを消して下を使用してください*/
input[type=submit]{background-color:#ffffe0;color:#696969;border:0;}
/*入力欄の囲み線です*/
input[type=text]{border:3px double #ffebcd;}
/*「最初から読む」「選択した内容を見る」「投稿」などのボタンの囲み線です
上と同じように入力してください*/
input[type=submit]{border:3px dotted #ffebcd;}
/*お話選択部分の背景色です
画像にする場合はこちらを消して下を使用してください*/
form#dr{background-color:#ffebcd !important;color:#696969;}
/*お話選択の選択肢の通常時の文字色です*/
form#dr a:link,form#dr a:visited{color:#e9967a !important;}
/*お話選択の選択肢のマウスが上に来た時の文字色です*/
form#dr a:hover{color:#f08080 !important;}
/*ページタイトルの色です
線の太さなどの種類はないです
使わない場合は消してください*/
.result h3{color:#696969 !important;background-color:#ffebcd !important;border:0 !important;}
/*メニュータイトルの下線の色です
画像を使用する場合や色全体をのせる場合は上を使用してください
その際、このコード以外の使用するコード以外の3つは削除してください
3px の部分を変えると太さが変わります*/
#navigation h2 {border-bottom: dotted 3px #ffdead !important;}
/*メニュータイトルのリンク色です*/
#navigation h2 a:link,#navigation h2 a:visited{color:#e9967a;}
/*メニュータイトルのマウスが上にある時のリンク色です*/
#navigation h2 a:hover{color:#f08080;}
/*コメント欄の上の部分の色です
画像にする場合は下を使用してください*/
.commentform{background-color:#fffaf0 !important;}
/*関連作品の部分の色です
画像にする場合は下を使用してください*/
.block_head{background-color:##fffaf0 !important;}
このホムペをお気に入り追加
登録すれば後で更新された順に見れます
オリジナル作品
この作品の元となった作品：コピペするだけ！本格CSSが作れちゃいます ver2
違反報告 - ルール違反の作品はココから報告
作品は全て携帯でも見れます
同じような占いを簡単に作れます → 作成
作者名：あたたたっぴー | 作成日時：2023年9月25日 17時
