glinkのcolorのcss

glinkのcolorで使えるCSSです。color="so1"とかで使えるようになります。ptextとかで使える文字影スタイルも入っています（忘れてた）。name指定でいけます。GoogleChromeでしか確認していないので、一部スマホとかだと反映されないやつがあるかもしれません。

動作例

別ウィンドウで全画面表示

＞ダウンロード

SOrow
sorow@north.undo.jp
http://north.undo.jp/
https://twitter.com/sorow_fts/
＜動作例＞
以下をご覧くださいませー。
http://north.undo.jp/text/tyrano_glink_color/
＜動作確認バージョン＞
・ティラノスクリプトver472e
＜動作確認OS>
・Windows10
＜動作確認ブラウザ＞
・PCブラウザ：Chrome
＜全体の注意＞
・色合いのセンスがアレなので、改造推奨です。
＜更新履歴＞
履歴：2018/09/21　公開
＜概要＞
glinkのcolorで使えるスタイルを追加します。
so1とかso2とかです。
名前は適当なので分かりづらい場合は変更してください。
忘れてましたがptextなんかの文字影に使えるスタイルもありました。
プラグインにしてみましたが、
ただのCSSなので、CSS単体で読み込んでも大丈夫です。
＜導入方法＞
１．
data>others>pluginフォルダにglink_color_sorowフォルダを入れます。
first.ksなどから下記のようにプラグインタグで呼び出します。
[plugin name="glink_color_sorow"]
２．
data>others>フォルダにmasao.cssを入れます。
first.ksなどから下記のようにcssを呼び出します。
[loadcss file="./data/others/masao.css" ]
３．
masao.cssの中身をtyrano.cssの下の方にでもコピペします。
使う分だけコピペでもOKです。
＜使い方＞
glinkのcolorで指定します。
color="so1"とかにします。
[glink target="top" text="ぼたんダヨ" size="24" width="500" height="30" y="200" color="so1"]
文字影はptextのnameでname="shwhite1"とか指定します。
他に指定しているnameがある場合には
name="hoge,shwhite1"などと,で区切ります。
[ptext layer="0" text="あああああ" y="10" x="10" name="shwhite1" color="black" size="24"]
＜参考にしたもの＞
https://uigradients.com/
https://www.nxworld.net/tips/text-shadow-styling.html
http://kachibito.net/web-design/css3-text-shadow-sample.html
https://ics.media/entry/15393
https://www.coffee-break-designs.com/labs/css_stripe_generator/