So-net無料ブログ作成
【近状★2019/7/27:ヘッダー画像変更】
*当ブログにある画像や写真の「無断転載・無断配布・二次加工・二次配布」は禁止していますので、
  何かありましたらメールフォーム(別窓)の方にお願いします。
*各絵・各写真への苦情・中傷は受け付けておりません(企業や店舗等は除く)。
*ブログにUPしている一部の写真(原寸)は素材としてPhotoAC(別窓)にて取扱中。
*お知らせ等で記事内を一部修正・追記した場合、更新日時を近くに明記しています。ご確認ください。

【素材】マリン背景壁紙に透過Verを追加! [素材]

透過Verを2種追加しました。
透過・白が現在ブログの背景になっているものです。

▼これはPCで見たものですが、こんな感じに見えています


▼透過されている壁紙が欲しい方は↓のページの一番下へ
http://pck.michikusa.jp/bg3/marin-v2.htm

▼インデックスはこちら

http://pck.michikusa.jp/


敷きつめている画像が半透明(不透明度50%)なので下に色を入れると透けます。
上から下へのグラデーションは「body{ ~ }」の中に

background:url("/_images/blog/_8f1/icanf/marin-touka.png") repeat,linear-gradient(#325BA4, #EB6C1E) fixed;

このように記述しています。
※「/_images/blog/_8f1/icanf/」の部分はユーザーによって違います。
※一行です

background:url("/_images/blog/_8f1/icanf/marin-touka.png") repeat,
→透過壁紙をリピート(全面繰り返し)

linear-gradient(#325BA4, #EB6C1E)
→グラデーションの指定。前が開始色、後ろが終了色。
指定しているカラーコードは真斗のメインカラーから始まり、
レン様のメインカラーで終わるようにしています。

fixed;
→固定

メインカラー云々の話は、うたプリの公式ブログに載っていた色を取っています。

公式のは小さいので見辛かったと記憶していますが、此方も使えそうならお持ち帰りどうぞ。
スポイト位置の関係で多少色味がズレている可能性がありますので、気にならない方推奨。
上がメインカラーで下がサブカラーです。

あとは色々試してみて下さい。
トラックバック(0) 
共通テーマ:パソコン・インターネット

トラックバック 0

PAGE TOP