ガーデンのブログダイナミック背景を達成するために、美しい背景を達成するために、音楽プレーヤー、あなたのお母さんの看板を達成、達成するために-------最大の総合

我々はまだすべての後に、背景といくつかのスタイルの良い点の変化を持っているものの、特定の効果は、私は、(その直接ソースコードによく私くらいのゴシップ、あなたが知っている私のホームページを確認してください参照、あまりにも多くの人々をより多くを言うことはありません同じことは)良いではありません!
ここで私はああを集中、親指を読んで覚えて、私は書くために、様々なネットワーク・リソースの統合で2日間過ごしたものです!

CSSコード:

#C { 
位置:固定されました。
トップ: 0 ; 
左: 0 ; 
Z -index:-1 
不透明度: 0.8 ; 
}
 * { 
マージン: 0 
パディング: 0 ; 
ボーダー: 0 ; 
} 
#1 div_digg1 { 
パディング:5pxの。
位置:固定; 
_position:絶対; 
Z -index:1000 ; 
下: 5%; 
左: 3.5%; 
_left:15ピクセル; 
ボーダー: 0 ; 
} 
本体{ 
色:# 000 ; 
背景 - 色:#e6e6e6。
フォント -family:「ヘルベチカノイエ」、ヘルベチカ、MS Pゴシック、ゴシック、sans- セリフ。
フォント - サイズ:12ピクセル;  -height:101% 
} 
#home { 
ボーダー - 半径:18px; 
マージン: 0 自動; 
幅: 80%;  - 幅:750px; 
背景 - 色:#FFF; 
背景 -image:URL(// images.cnblogs.com/cnblogs_com/xiaolubin/1480308/o_322741.jpg)。
バックグラウンド添付ファイル:固定; 
パディング:30px; 
マージン -トップ:は50px; 
マージン - 下:は50px; 
ボックス -shadow:0 2ピクセル計6Px RGBA(100、100、100、0.3 )。
不透明度: 0.9 ; 
} 
#sideBar { 
フォント - サイズ:12ピクセル。
国境 - 半径:18px; 
マージン: 0 自動; 
背景 - 色:#FFF; 
背景 - 添付ファイル:固定; 
ボックス -shadow:0 2ピクセル計6Px RGBA(100、100、100、0.3 )。
不透明度: 0.7 ; 
}
 <スタイル> .githubコーナー:ホバー.octoアーム{アニメーション:octocat波560msのease- アウト} octocat波@keyframes {0%、100%{変換:回転(0)}、20%、60%{変換:回転(-25deg)}、40%、80%{変換:回転を(10deg)} } @media(最大幅:500pxなど){githubのコーナーを:ホバー.octoアーム{アニメーション:なし} .githubコーナー.octoアーム{アニメーション:octocat波560msのease- におけるアウト}} </スタイル>

 

(注:背景画像の#home:URL(// images.cnblogs.com/cnblogs_com/xiaolubin/1480308/o_322741.jpg)を、自分の背景を設定するために、あなたは自分のブログの画像の公園をアップロードすることができ、 )透明度の設定のため、0.9:あなたのお気に入りの写真をアップロードし、それは、Webリンク、不透明度のように置換されます

 

ホームhtmlコード:

<! -ホーム・ページを追加- > 
<Pスタイル= "テキスト-ALIGN =左:センター;フォントサイズ:35px;マージン下:5pxの;マージントップ:20ピクセル;不透明度:0.8;色:#00FF00;">少し蘇さんのブログ</ p型>へようこそ

<! -ダイナミックストリームの背景- > 
<種類のスクリプト=「テキスト/ JavaScriptを」SRC =「https://blog-static.cnblogs.com/files/Steven-ティム/ hk01.js "> </ SCRIPT> 

<! -ダイナミックブレーク図式- > 
<スクリプトタイプ="テキスト/ JavaScriptを"色=" 0,0,255 "不透明度= '0.7'のZIndex =" - 2 " => </ SCRIPT> "99" SRC = "https://blog-static.cnblogs.com/files/xiaolubin/canvas-nest.js" COUNT 

<! -あなたが心をクリックしたときは注意してください- > 
<SCRIPT SRC = "https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"> </ SCRIPT> 
<スクリプトタイプ= "テキスト/ JavaScriptを">VaRの A_IDX = 0; jQueryの(ドキュメント).ready(関数($){$( "体")をクリックします(。機能(E){ VAR
= 新しいアレイ( "可爱的"、 "傻帽"、 "无聊"、 "哎"、 "单身汪"、 "歪?在吗"、 "小伙计"、 "程序猿"、 "狗粮"、 " ??」、 "干哈"、 "没毛病")。するvar $ I = $( "<スパン/>" の.text([A_IDX]); 
A_IDX =(A_IDX + 1)%のa.length。VAR X = e.pageX、Y = e.pageY; $ i.css({ "Zインデックス":100000000は、 "トップ":Y - 20、 "左":Xは、 "位置": "絶対"、」フォント重量": "太字"、"カラー" "#1 ff6651"}); $("身体")$ I(追加); $ i.animate({"トップ":Y - 180、"不透明度」 :0} 1500、関数(){$ i.remove();});});});
</スクリプト> 
<リンクのhref =」

III =のdocument.createElement( 'IFRAME' )。
iii.src = '//music.163.com/outchain/player?type=2&id=32465166&auto=1&height=66' ; 
iii.height = 86 ; 
iii.width = 280 ; 
$( "#bfq" ).after(III);
</ SCRIPT>

 

フッターのHTMLコード:

私の心の中に空の星とあなた(* /ω\ *)「 」TAP本体「:」おっと!私に触れないでください!」TAPの顔「:」人はいない赤ちゃんを持っています!" 
}、

 
}
 "モデル" :{
 <! - Jsonpath表示LORIモデルを制御します- > 
jsonPath:「https://unpkg.com/[email protected]/assets/z16.model .json「」スケール「:1 
}、」表示「:{
」位置「:」右「// 母かんばんの位置の性能 
」幅『:170、// 小さなロリ幅 
』高さ「:300、@ 小さなロリ高さ 
"HOFFSET":0  "Voffsetは":-20 
}、 "モバイル" :{
 "表示":trueに "スケール":0.5 
}、 "REACT" :{
 "opacityDefault ":0.7  "opacityOnHover":0.2 
} 
})。



</ SCRIPT>

 



备注:
live2d-ウィジェットモデル千歳
live2dウィジェットモデル-epsilon2_1
live2dウィジェットモデル-GF
live2dウィジェットモデル-春/ 01(使用NPM --save live2dウィジェットモデル-春をインストール)
live2d-ウィジェットモデル春/ 02(使用NPMが--save live2dウィジェットモデル-春をインストール)
live2dウィジェットモデル-haruto
live2d-ウィジェットモデル響
live2dウィジェットモデル-ひじき
live2dウィジェットモデル-泉
live2dウィジェットモデル-小春
live2dウィジェットモデル-ミク
live2dウィジェットモデル-NI-Jの
live2dウィジェットモデル-ニコ
live2dウィジェットモデル-ニーチェ
live2dウィジェットモデル- nipsilon
live2d-ウィジェットモデル-仁藤の
live2dウィジェットモデル-しずく
live2dウィジェットモデル-トロロ
ウィジェット・モデル- live2dつみき
live2d-ウィジェットモデルunitychan
live2d-ウィジェットモデルわんこ
ウィジェットモデルZ16- live2d
トップキャラクターモデルは、これらの看板の母です、jsonpath少しロリータモデルの表示を制御する、
代替モデル直接交換live2dウィジェットモデル-Z16が、また、このz16.model.jsonを変更するには、Z16(!これは私が会ったピットでは私が~~~~ 1時間を過ごす製)
、「HTTPS:jsonPath: //unpkg.com/[email protected]/assets/z16.model.json
」、 )


同じタイムシェアで、私の仲間のいくつかは、あなたが助けたいリンクを訪問しました

庭園やブログには何の関係もないように思われる、独自のサーバーの看板ニアンモデルを構築することです、あなたが行くと見ることができます興味を持っている
https://mx-model.ga/を

これは、ウェブサイトの兄であるリンク文字モデルカンバン母を選択し、あなたが行くと見ることができます
https://huaji8.top/post/live2d-plugin-2.0/を

これは、私はまだ我々が見ることができ、見ることができ、看板の母に仲間のシェアで、良い記事
https://www.cnblogs.com/yjlblog/p/8724881.html?utm_source=gold_browser_extension

すごい賞賛を指し示すことができる人々を助けるために私の分け前を感じたい、すごい注意を集中、私のフォローアップは、私はそれはあなたを失望させないだろうと信じて、共有するために多くを持っています!

 

おすすめ

転載: www.cnblogs.com/xiaolubin/p/11014789.html