約 240,877 件
https://w.atwiki.jp/deadbydaylight/pages/369.html
下記提案が賛成多数で可決され、4月28日16 00より変更が適応されます。 提案概要 現在、Uikitデザイン改善により本文・記事メニューの背景色がCSSカスタマイズで設定できなくなっております。 以前の背景色で配色された部分が非常に多数あり、手動で治すには非常に途方のない時間のかかるため、デザインテンプレートを変更し背景色を設定することで解決しようとするものです。 Wikiの内容自体は変わりませんが、見出しや上メニューのデザインが主に変更されます。 アットウィキへの問い合わせ: Uikitレスポンシブ(2カラム)を利用していますが、先日のデザイン改善にて本文部分の背景設定ができなくなっており、編集者及び閲覧者が困惑しています。 以前の背景で配色された部分が非常に多数あり、手動で治すには非常に途方のない時間のかかる作業になってしまいます。 「旧Uikit」のようなデザインテンプレートを作成していただけると非常にありがたいです。早急な対応を期待しております。 @wikiサポートです。 いつもご利用ありがとうございます。 いただきましたご意見・ご要望につきましては、 今後のサービス改善の参考とさせていただきます。 その他、ご不明点などございましたらお気軽にお問い合わせください。 これからも@Wikiをどうぞよろしくお願いいたします。 サンプルとして以前のCSSカスタマイズをそのまま実装しデザインテンプレートを黒シンプルVer2へ変更したドワイトのページを用意しました。 こちら 変更の利点 背景色が戻すことができる 変更の欠点 これまでのデザインからは異なる レスポンシブではなくなるため、スマホの表示が崩れる場合がある 提案者 hayaokun 投票 この投票は締め切られました 選択肢 投票 黒シンプルVer2に変更し以前の背景色に戻す (50) 背景色を元に戻さない(今のままでよい) (2) 意見質問 ↓きも&肌着来てるからセーフ...いえアウトですよ。 - 名無しさん (2020-04-26 15 32 48) ゲーム中は日本語の表示が逆多すぎ→pierrot怖いだけ - 名無しさん (2020-04-26 15 35 43) 名前
https://w.atwiki.jp/yatteyoruby/pages/30.html
ここでは、visualurubyのリストビューに背景色を付ける方法をメモします。 前準備として、こちらに公開されているOperaUserJavascriptManagerの配布物に含まれるファイルをvisualurubyのものと置き換えます。 手順はこちらに記述されています。 前準備をした上で、下記のコードを実行すると、上記ウィンドウが表示されます。 リストビュー上のアイテムを選択するとその行に色が付けられます。 -サンプルコード #! ruby -Ks require vr/vruby require vr/vrcomctl require vr/vrcustomdraw class Form1 VRForm class ListView1 VRListview def self_customdraw if self.selected?(self.cdItemSpec) self.cdClrText = 0x00ffff00 self.cdClrTextBk = 0x00000ff end end end def construct self.caption = form1 self.move(140,124,500,400) addControl(ListView1, listView1 ,"listView1",0,0,480,360) @listView1.addColumn( name ,100) @listView1.addColumn( value ,1000) @listView1.addItem([ item1 , 100 ]) @listView1.addItem([ item2 , 200 ]) @listView1.addItem([ item3 , 300 ]) @listView1.addItem([ item4 , 400 ]) end end VRLocalScreen.start Form1
https://w.atwiki.jp/parepan/pages/61.html
戻る テキストフィールドのフォーカス時に背景色を変更する ※いまいち上手く動いていないです。 下記サンプルスクリプトを読み込ませるだけで勝手に全部のフィールドに設定されます。 window.onload = function() { var colorful = new ColorfulInput; colorful.set(); } function ColorfulInput() { this.skip = []; this.color = { blur , focus #EEEEEE }; this.set = function() { for (var i = 0; i document.forms.length; i++) { for (var f = 0; f document.forms[i].length; f++) { var elm = document.forms[i][f]; if(!this._checkSkip(elm)) continue; this._setColor(elm, focus ); this._setColor(elm, blur ); } } } this._checkSkip = function(elm) { for(var i in this.skip) { if(elm.type == this.skip[i]) return false; } return true; } this._setColor = function(elm, type) { var color = this.color[type]; var event = function() { elm.style.backgroundColor = color; }; if(elm.addEventListener) { elm.addEventListener(type, event, false); } else if(elm.attachEvent) { elm.attachEvent( on +type, event); } else { elm[ on +type] = event; } } }
https://w.atwiki.jp/sokulibe/pages/172.html
※そのままコピペして使えます 全職業 BGCOLOR(#F4F4F4) 軽戦士 BGCOLOR(#A3FEFE) 重戦士 BGCOLOR(#FEADB8) 装甲士 BGCOLOR(#99C1FF) 遊撃士 BGCOLOR(#99FF99) 術士 BGCOLOR(#EFD7F7) 無属性 font(grey) 火属性 font(red) 水属性 font(blue) 地属性 font(green) 光属性 font(#FF9900) 闇属性 font(purple)
https://w.atwiki.jp/ria5m9/pages/19.html
赤(red) 赤(#ff0000)
https://w.atwiki.jp/nicepaper/pages/284.html
前回記事Photoshopで特定の文字を別の色にする方法に続き、Photoshopで特定の文字を消したいという場合について考えていきます。11月1日記事 イメージ 変更前変更後(最後のrを消しています。) 目次 色を変更することと消去することの違い 画像を読み込む 長方形選択ツールで選択する。 ブラシツールでブラシツールを選び、大きさを適当に選択する。 背景の色を吸い取る 塗る 選択範囲を解除 完成 まとめ 色を変更することと消去することの違い 色の変更は文字と背景色との境界部分(アンチエイリアス)を考えなくていいですが、消去の場合はアンチエイリアスの部分の消去も考えていかなければなりません。 画像を読み込む [ファイル]→[配置]を選び、画像を選択して配置します。 ※場合によっては、shiftキーを押しながら、拡大縮小したり、上下左右カーソルを利用して調整し、エンターキーで決定します。 ※上の画像はあらかじめ画像化されたものを作っておきました。 長方形選択ツールで選択する。 1で長方形選択ツールを選び、2のように削除したい文字を選択する。 Shiftキーを押しながらさらに選択すると選択範囲をさらにいびつに拡張できますし、altキーを押しながら選択すると選択範囲をいびつに縮小できたりもします。 ブラシツールでブラシツールを選び、大きさを適当に選択する。 キャンバスを選択すると警告がでますが、OKボタンを押してください。 背景の色を吸い取る 背景色の部分にカーソルを合わせ、altキー(Macの場合はoptionキー)を押し続けると、スポイトのカーソルに変わるので、クリックして背景色を吸い取ります。 塗る あとは塗っていくだけです。 選択範囲を解除 「Ctrl」+「D」を押すか[選択範囲]→[選択を解除]を押して解除してあげます。 完成 まとめ 別の方法も存在します。湾曲している文字やshiftキーやaltキーを使っても選択しにくい場合もあります。 その場合はPhotoshopで特定の文字を背景色と一緒にする方法2(自動選択ツールを利用)で行っていきたいと思います。 以上
https://w.atwiki.jp/nicepaper/pages/285.html
前回記事Photoshopで特定の文字を背景色と一緒にする方法1(長方形選択ツールを利用)の別の方法を紹介します。Photoshopで特定の文字を消したいという場合について考えていきます。11月2日記事 イメージ 変更前変更後 目次 色を変更することと消去することの違い 画像を読み込む 自動選択ツールを選択し、文字を選択する。 選択範囲を変更する。 ブラシツールでブラシツールを選び、大きさを適当に選択する。 背景の色を吸い取る 塗る 選択範囲を解除 完成 まとめ 色を変更することと消去することの違い 色の変更は文字と背景色との境界部分(アンチエイリアス)を考えなくていいですが、消去の場合はアンチエイリアスの部分の消去も考えていかなければなりません。 画像を読み込む [ファイル]→[配置]を選び、画像を選択して配置します。 ※場合によっては、shiftキーを押しながら、拡大縮小したり、上下左右カーソルを利用して調整し、エンターキーで決定します。 自動選択ツールを選択し、文字を選択する。 クイック選択ツールでもよいですが、自動選択ツールを今回は使って特定の文字を選択します。 1で自動選択ツールを選び、2のように文字を選択します。 shiftキーを押しながらするとさらに別の場所も自動選択できますし、altキーを押しながら選択するとその部分の選択を解除できたりもします。 選択範囲を変更する。 [選択範囲]→[選択範囲を変更]→[拡張]を押し、選択範囲をアンチエイリアス分だけ(基本的に1pxや2px)拡張します。拡張したあとが以下。少し拡張されているのがわかると思います。 ブラシツールでブラシツールを選び、大きさを適当に選択する。 ブラシツールでブラシツールを選び、大きさを適当に選びキャンバスをクリックします。警告がでますが、OKボタンを押してください。 背景の色を吸い取る 背景色の部分にカーソルを合わせ、altキー(Macの場合はoptionキー)を押し続けると、スポイトのカーソルに変わるので、クリックして背景色を吸い取ります。 塗る あとは塗っていくだけです。 選択範囲を解除 「Ctrl」+「D」を押すか[選択範囲]→[選択を解除]を押して解除してあげます。 完成 まとめ 長方形選択ツールでもできますが、文字が湾曲していたり、四角形で選択できない箇所ではクイック選択ツールや自動選択ツールが有効です。 以上
https://w.atwiki.jp/guide/pages/1588.html
テーブルの文字色/背景色を行ごとに変更する(上級者向け) アットウィキモードでのテーブル作成すると行( tr )ごとにatwiki_tr_行番号というclassが付加されます。 また、奇数行・偶数行ごとにそれぞれatwiki_tr_odd・atwiki_tr_evenというclassが付加されます。 これらとCSSカスタマイズを利用して頂くことでテーブルの文字色・背景色を行ごとに変更することができます。 注記:今回の例では#dividを使うことで、CSSの適用範囲を限定しています。 奇数行・偶数行で文字色/背景色を変える 行単位で文字色/背景色を変える 設定手順 奇数行・偶数行で文字色/背景色を変える CSSカスタマイズで div#atwiki_table_sample tr.atwiki_tr_odd { color #fff; background #999; } div#atwiki_table_sample tr.atwiki_tr_even { color #999; background #fff; } と設定し、 #divid(atwiki_table_sample){ |1行目は|奇数行|です| |2行目は|偶数行|です| |3行目は|奇数行|です| |4行目は|偶数行|です| } 上記のように入力すると 1行目は 奇数行 です 2行目は 偶数行 です 3行目は 奇数行 です 4行目は 偶数行 です と表示されます。 行単位で文字色/背景色を変える CSSカスタマイズで div#atwiki_table_sample2 tr.atwiki_tr_1 { color #fff; background blue; } div#atwiki_table_sample2 tr.atwiki_tr_2 { color #fff; background #999; } div#atwiki_table_sample2 tr.atwiki_tr_3 { color blue; background #fff; } div#atwiki_table_sample2 tr.atwiki_tr_4 { color green; } と設定し、 #divid(atwiki_table_sample2){ |1行目は|白文字、青背景|です| |2行目は|白文字、灰色背景|です| |3行目は|青文字、白背景|です| |4行目は|緑文字|です| } 上記のように入力すると 1行目は 白文字、青背景 です 2行目は 白文字、灰色背景 です 3行目は 青文字、白背景 です 4行目は 緑文字 です と表示されます。 設定手順 1.管理画面のメニューから[デザイン] → [CSSカスタマイズ]をクリックする。 2.CSSを入力し、ページ下部の[設定を保存]をクリックする。
https://w.atwiki.jp/fumiduki1985/pages/336.html
コンポジション設定の「背景色」は、そのコンポジションを単体でプレビュー(コンポジションをダブルクリックしてコンポジションパネルに表示)する時にのみ使用される。 コンポジションが別のコンポジションのレイヤーとして使用されている場合は「背景色」の色は適用されず、その部分は透明になる。 このページのタグ一覧 AfterEffects 最終更新日:2018/01/10
https://w.atwiki.jp/ohden/pages/384.html
Datagridの任意の行の背景色を変えたい WindowsXP Flex SDK 4.1.0 SDKの中のDatagridのsourceを見ると... %FlashBuilderHome%\sdks\4.1.0\frameworks\projects\framework\src\mx\controls\DataGrid.as こんな関数がある。 protected function drawRowBackground(s Sprite, rowIndex int, y Number, height Number, color uint, dataIndex int) void{ var contentHolder ListBaseContentHolder = ListBaseContentHolder(s.parent); var background Shape; if (rowIndex s.numChildren) { background = Shape(s.getChildAt(rowIndex)); } else { background = new FlexShape(); background.name = "background"; s.addChild(background); } background.y = y; var height Number = Math.min(height, contentHolder.height - y); var g Graphics = background.graphics; g.clear(); g.beginFill(color, getStyle("backgroundAlpha")); g.drawRect(0, 0, contentHolder.width, height); g.endFill();} 引数の意味は... s 対象のスプライト rowIndex 実際に表示されている行のIndex y 描画エリアの高さ height 1行の高さ color 当該行のデフォルト背景色 dataIndex rowIndexの行に表示されるデータ配列のIndex です。 で、実際に色を決めてるのは23行目の g.beginFill(color, getStyle("backgroundAlpha")); のcolor。 デフォルトではこのメソッドに1行毎に白と薄青っぽぃ色が飛んでくる。 なので、この色設定の近辺をいじれば任意の条件で背景色を変えられる。 やるとしたらDatagridを継承したクラスを作って、drawRowBackground()をoverride。 こんな感じにすると、任意の条件で任意の行の背景色を変えられる。 protected override function drawRowBackground(s Sprite, rowIndex int, y Number, height Number, color uint, dataIndex int) void{ var contentHolder ListBaseContentHolder = ListBaseContentHolder(s.parent); var background Shape; if (rowIndex s.numChildren) { background = Shape(s.getChildAt(rowIndex)); } else { background = new FlexShape(); background.name = "background"; s.addChild(background); } background.y = y; var height Number = Math.min(height, contentHolder.height - y); var g Graphics = background.graphics; g.clear(); var list ArrayCollection = dataProvider as ArrayCollection; if (list) { var dt HogehogeRow = list.getItemAt(dataIndex) as HogehogeRow; if (dt) { if (dt.redFlg) { // 赤くしたいフラグがONだったら背景色を赤に設定 g.beginFill(0xFF0000, getStyle("backgroundAlpha")); } else { // 赤くしたいフラグがOFFだったら背景色をデフォルトカラー g.beginFill(color, getStyle("backgroundAlpha")); } } else { // キャスト失敗でデフォルトカラー g.beginFill(color, getStyle("backgroundAlpha")); } } else { // dataProviderが無かったらデフォルトカラー g.beginFill(color, getStyle("backgroundAlpha")); } g.drawRect(0, 0, contentHolder.width, height); g.endFill();} 当然、HogehogeRowとかredFlgとかは自分の環境に合わせて書き換える。 このコードで直接コンパイルしとらんけど、動いとるコードを置き換えたりして作ったコードなんで大丈夫のハズ。 更新日: 2011年06月02日 (木) 20時11分23秒 名前 コメント すべてのコメントを見る