NEWS & BLOG

2019/06/21

BLOG

CSSを使ってプリザンターの見た目を自由にカスタマイズ!

プリザンターは、CSS(スタイル)を適用することで、見た目をカスタマイズすることができます。

例えばこれを…

……こう!

やりすぎるととんでもないことになりますので注意は必要ですが、プリザンターは、このように自由に見た目を変更することができます。
もちろん、プリザンター独自の仕様ではなく、一般的なCSSを使ってカスタマイズできます。

多くのWebブラウザは標準機能、または無料の機能拡張(アドオン)を使用することで、Webページを構成する各要素を調べることができますので、その要素名さえわかればCSSでスタイルを変更することができます。


スタイルの設定は「管理」→「テーブルの管理」→「スタイル」タブから指定できます。

各画面ごとに適用範囲を設定できますので、画面ごとにスタイルを指定できます。
 
ちなみに、今回適用したスタイルは以下の通りです。あまり参考にはならないと思いますが(というか、参考にすべきではない)……


body { background: linear-gradient(#F89174, #FFC778); }
input#Search { background: black; color: white; }
.grid-row { color: #775555; background: #dbf0ff; }
.ui-widget.applied { font-size: 3em; }
#Aggregations { background: #d2fbdb; background-image: url("https://pleasanter.org/image01.png"); }
#Aggregations .label { background: #fece2f; }
#MainCommandsContainer { background: rgba(89,23,160,.65); height: 100px; padding: 20px 0 0 0; }


このページをシェアする

新着NEWS

新着BLOG

このページをシェアする
記載された商品名、各製品名は各社の登録商標または商標です。 © Implem Inc.