占いツクールのCSSの知識をお持ちの方
占いツクール CSS 質問更新: 2016/11/19 11:18:20
占いツクールで今、注目されているCSSの知識をお持ちの方への質問(?)です。
以下(【】は含まない)のCSSをこころ明朝ではなく、普通の小説風占いツクールでページデザインにある、明朝体にするには、どうしたらいいでしょう?
【自分でもそれなりにCSSを勉強し、色々と試行錯誤をしてきたのですが、なかなか自分が納得できるようなものができず、このような質問に至りました。】
@font-face
{
font-family:こころ明朝 ;
src: url(https://cdn.leafscape.be/kokoro/Kokoro_web.woff)
format(woff);
}
/*-------------------------------------------------
このフォントはIPAフォントライセンスv1.0の下で提供されています。
http://ipafont.ipa.go.jp/ipa_font_license_v1.html
オリジナルのフォントは以下から取得できます。
http://ipafont.ipa.go.jp/
-------------------------------------------------*/
*{
font-family:こころ明朝 !important;
}
div#container,div#content,
div#navigation{
background:transparent;border:0;
}
#container,#content,#navigation,
form#dr
{
background:rgba(255,255,255,0) !important;
border:none !important;
}
#topmenu,#wrapper
{
background:rgba(255,255,255,0.5) !important; border:none !important;
}
div#desc{
background-image:url(http://img.u.nosv.org/uploader/files/8/c/5/8c5c15757ebaf93a77ae4429dab03d36.jpg);background-repeat:no-repeat;background-size:cover;
background-position:top left;text-shadow:
1px 1px 2px #ffffff,
-1px -1px 2px #ffffff,
-1px 1px 2px #ffffff,
1px -1px 2px #ffffff;
height:500px;overflow:auto;
}
@media screen and (max-width:600px){
div#desc{height:345px;}
}
input[type=submit]{
background-image:url(http://img.u.nosv.org/uploader/files/0/9/0/090505cadff6a63f44931607d2724c1d.jpg);
background-size:cover;
background-position:center center;
color:#000000;
}
input[type=text]{
border:4px outset #e60033;
}
#resizer{
text-shadow:none;
opacity:0.2;
}
#resizer:hover{
opacity:1;
}
a:hover,a:active{
text-decoration:none;
}
#navigation h2{
background-color:#f0908d;
color:#000000;
}
.result h3{
color:#000000 !important;
background-color:#f0908d !important;
border:0 #!important;
}
a:link{
color:#19448e;
}
a:visited{
color:#c9171e;
}
body{
background-image:url(http://img.u.nosv.org/uploader/files/c/9/e/c9e19f0342a4c466e228674f0fd7c467.jpeg);
}
div#desc,#u_result{
letter-spacing:2px;
}
になります。
出来るだけ早く回答を頂きたいです。
毎度毎度申し訳ございません。
宜しくお願い致します。
音霧思@ホラーゲーム作成中様
ご回答、どうも有難う御座います。
そちら様のご回答にありました方法を、このCSSを作成して頂いた方に教えてもらい試したのですが、反映されませんでした。ですが、貴重なお時間を頂いて回答して頂きまして、誠に有難う御座います。
花宮 夢様
ご回答、どうも有難う御座います。
回答されました方法を、試した結果、見事に私が臨んだものに変わりました。誠に有難う御座います。
揺樹
2016/11/19 11:17:31 違反報告 リンク
- ログイン
- 投稿ランキング
-
1.
女性の先輩方教えてください;; new by.音湖(ねこ)
2024/05/16 5:21:01 -
2.
精神病のこと by.
2024/05/15 23:48:50 -
3.
やっぱりおかしいです。 new by.小鳥游@由香里
2024/05/16 4:52:25 -
4.
嫌いな習い事 new by.子供向けアニメ向上委員会会長(自称)
2024/05/16 4:48:42 -
5.
あなたが人生で一番傷ついた言葉はなんですか new by.葉山🌱
2024/05/16 5:45:29 - もっとみる