イラストを魅せる。護る。究極のイラストSNS。

GALLERIA[ギャレリア]は創作活動を支援する豊富な機能を揃えた創作SNSです。

  • ■ 「html edit パネル」の呼び出し方

    メニューバー([ファイル][編集]~[α][test]が並んでいる所)のどこか(ドコでもいい)、を右クリックして、「html edit」のチェックをオンにする。

    ■ パターンとして貼り付け可能だったファイル形式

    ・PNG(アルファPNG可)
    ・JPG
    ・GIF(透過可)
    ・BMP 
    ・SVG(アルファ・ぼかし有効)
     
     
    ■ html&cssのソースをコピペ

    ① 下のソースを、『html edit パネル』のソース表示部分に貼り付ける
      (アドレス入力部分の出番なし。ブラウザ(プレビュー?)部分にパターンがタイリング状態になる)
       ↓
    ② [paste]ボタンを押す。

    ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ―

    <html>
    <head>
    <STYLE type="text/css">
    <!--
    *{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    }

    div{
    background-image: url(ここに画像のファイル名を含めた絶対パス);
    }
    -->
    </STYLE>
    </head>
    <body>

    <div></div>

    </body>
    </html>

    ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ―
    パス(=ファイル名やフォルダ名)に半角のカッコ ( ) がどちらかでも入ってると、『html editパネル』では読み込み表示されなかった。全角カッコ ( ) は大丈夫だった。ほかにもダメな文字があるかもしれない。

    パスは、画像をウェブブラウザに放り込めば、アドレスバーに出るので、それをコピペする。

    【× エクスプローラー】
       D:\フォルダとかの名前\ねむたいむ\namae.html
    【○ ブラウザ 】
       file://localhost/D:/フォルダとかの名前/ねむたいむ/namae.html
     
     
    <html>の前に入れるドキュメントの宣言<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">がないhtmlファイルは、読み込まなかったが、ソースを直接コピペだと無くても大丈夫だったので、省いた。

    *{ }の、*は、"全部のタグに対して"という意味らしく、「隙間無く、ぴったり、全面に」という設定のつもり。

    <body>と<html>での背景色・背景画像は無視される(透明で貼り付けられる)ので、テキトーに<div>で。
    <div></div>は、空っぽでオーケー。
     
     
    ※ 補足、ブラウザについて。
    ブラウザは、ずっと○peraだったが、さよならしました(2016-06)。

    画像のPC内でのアドレスを知るために、画像をブラウザに放り込む(ドラッグ・アンド・ドロップ)したとき、、、
    Firefoxは、日本語部分が「%AC%97%E3%83%BB%」みたいに文字化け?するが、そのまま、ソースの url(★)  ←★の部分にコピペして問題なかった。
    vivaldiは、画像の放り込みに反応が無かったので、画像を「右クリック → プログラムから開く → vivaldi」。vivaldiの居るフォルダの場所は「C:\Users\ユーザー名\AppData\Local\Vivaldi\Application」
    のほね Link Message Mute
    2016/08/07 4:37:42

    カラーテクスチャを敷き詰める。

    『html edit パネル』は、猫ペイント キュート(NekoPaint CUTE)の方の機能です。
    koppe panさんの作られたスクリプトがあるので、無用ですが、投稿しときます。

    ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ―
      【カラーテクスチャを並べるスクリプト】
       http://koppe.iinaa.net/download/download.htm
      (トップページ > ▼download > ●カラーテクスチャを並べるスクリプト)
    ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ― ##メモ

    more...
    Love ステキと思ったらハートを送ろう!ログイン不要です。ログインするとハートをカスタマイズできます。
    200 reply
    転載
    NG
    クレジット非表示
    NG
    商用利用
    NG
    改変
    NG
    ライセンス改変
    NG
    保存閲覧
    OK
    URLの共有
    OK
    模写・トレース
    NG
    • 8前景色・背景色のブラシテクスチャは変えてみてもいいと思う。主に「T(テクスチャ)効果:〔前景色・背景色〕」の効果。 ##ブラシのほね
    • 31新機能『STブラシ』、とネコペ案内とりあえず、「STブラシ」と「ST line ブラシ」だけでも使える状態への、おおまかな案内、ほか。【NekoPaint】 ※ 170606、ページ末尾に2枚追加「NekoPaint(無印版)の方を、最新状態に。2017年。」。
      ※ 231014、追記(231030、追記の一部訂正)、同梱プログラムについて。
      ※ 231020、追記、セットアップのための持ち帰り .zipについて「NekoPaint Cute(32bit)の場合 : 2023年10月。」。
      ##メモ
      !!注意!! このページには初投稿当時の古い内容が混ざっています。
      のほね
    • 2ふるはな過去絵を引っ張り出す。 #NekoPaint ##え(NekoPaint)のほね
    • 6「STブラシ」推し。描線にインクの溜まりの様な、ニュアンスが付く気がするのが、好きすぎる。 #NekoPaint ##え(NekoPaint)のほね
    • 10ぬるぬり。え1枚、とブラシ設定3本。 #NekoPaint ##え(NekoPaint)のほね
    • 11「STブラシ」×「ジッターHSV」ク○スマスを飛び越えてみた。 ##え(NekoPaint)のほね
    • 3え。にまい。 #NekoPaint ##え(NekoPaint)のほね
    • 5びょうびょう「STブラシ」の導入案内を書き直しました。カテゴリ>「メモ」からどうぞ。 #NekoPaint ##え(NekoPaint)のほね
    • 7スクショ【NekoPaint】ウィンドウ配置スクショ【NekoPaint】ウィンドウ配置 ##メモのほね
    • 2あおにきんつぶ##え(NekoPaint)のほね
    • 3葡.萄.紫のおだんご滲む感じ?の色塗り ##え(NekoPaint)のほね
    • 5「STブラシ」ネコペイント新機能をお試し。
      ストロークが近接すると、線間にハシゴ状のラインが、ブラシ機能によって、描画される。
      無印版の方で描いた。キュート(Qt版)の方は久々に、これからセッティングするつもり。導入案内は、一つ前の投稿に、あります。 ##え(NekoPaint)
      のほね
    • 10Paint.NET「極性転回」&ネコペイント「対称」Paint.NET「極性転回」&NekoPaint「対称」 ##メモのほね
    • 7線描(STブラシ) + 色線は、「STブラシ」で。4枚。 ##え(NekoPaint)のほね
    • 18半山鉛筆4、12、120色用ココの部分に、ブラシ設定(テキスト)を貼ろうとしたら字数が足りなかった。。。。 ##ブラシ
      このページにあるブラシ設定は、3個です。
      のほね
    • 7スクショ。3枚。雑。211219(日)先にポイピクに上げてみて、試しにこっちにも。のほね
    • 10「p1」「p3」のブラシ/ペンタブの「サービスの再起動」「p1」「p3」は、
      テクスチャブラシっぽく、使うのもありなのかな??? ##ブラシ
      のほね
    • 7ふるいもの1古いもの、4まい。 ##え(ほか)のほね
    • 3トーンカーブおいしい、2つ。トーンカーブ:「明度」「不透明度」

      使い方が合ってるかは不明。 ##メモ
      のほね
    • 2極端な「拡大」後にト―ンカ―ブ/アズペの拡大方式いろいろ。おまけで、AzPainter2の拡大方式いろいろ。ト―ンカ―ブおいしい。 ##柄・模様のほね
    • 41半角の収まりがよいブラシ画像「文字」ブラシで「境界」のときに。「ブラシ」と「選択ブラシ」で。 ##ブラシのほね
    • 3一枚塗りはムズい。ぼけぼけだったので、AzPainter2でシャープ系のフィルタを掛けた。 ##え(NekoPaint)のほね
    • 4レイヤーサムネイルのサイズ変更/レイヤーパネルの表示箇所/いろいろなソフトのレイヤーサムネイルこの、すきに使ったらいいよ☆感、、。 ##メモのほね
    • 7線描(STブラシ)STブラシ。4枚。 ##え(NekoPaint)のほね
    • 5ブラシ「対称」機能で花↓おすすめ(外部リンク)↓
      出し抜けにNekoPaintを紹介するページ(https://dashineko.nyanta.jp/index.html
      左右対称・回転対称ほか、について基本から応用・作例と懇切丁寧なページ。 ##柄・模様
      のほね
    • 3き、2まい。 #NekoPaint ##え(NekoPaint)のほね
    • 4秋の葉っぱ。今までで一番ネコペイントを使った気分。 ##え(NekoPaint)のほね
    • 19お もちゃネックレス縮小しても、何か模様があるな~程度には、装 飾 性が、できてたらいいな。。。 ブラシ画像作りには、AzPainter2を使用した(手順のメモ画像はページの末尾。)。 #NekoPaint ##ブラシのほね
    • 8ふにっと「3 Dブラシ」っぽいかもしれない ##ブラシのほね
    • 5おひさし。メモっぽいもので嵩益し。 ##え(NekoPaint)のほね
    CONNECT この作品とコネクトしている作品