CSSのbackground-imageまで

-
youtube埋め込み flex-box

To the background-attachment property

the background-attachment property specfies whether the background image should scroll or be fixed (will not scroll with th rest of the page).

Tip:If you do not see any scrollbars,tyr to resize the browser window.

style でbodyの margin-right: 220px; とすることで右から220px bodyの表示を狭める事ができる。background-attachment: fixed; でスクロールしてもbackground-imageが付いてくる。background-attachment:fixed/ scroll

youtubeの動画を載せるには、動画を右クリックして埋め込み用のURLを取得する

  https://www.youtube.com/watch?v=HgzGwKwLmgM
  HgzGwKwLmgM
  /embed/に加える

動画によってはSSL環境でないと再生されないものもある。

プライバシー強化モードのチェックボックスをチェックする

μMatrixでiframeのページ内で表示されないのはこの辺が理由なのかぁ

Click the button to get your coodinates.

local ではgeolocation を使用できなかった。

Drag the W3Schools image into the rectangle:

Drag and Drop

Drag the image back and forth between the two div elements.


Hello

h1 DodgerBlue でborder 2pxで入れる。casesensitive for the color.

rgb(255,99,71)

#ff6347

hsl(9,100%,64%)

same as color name "tomato", but 50% transparent:

rgba(255,99,71,0.5)

hsla(9,100%,64%,0.5)

in addition to the predefined color names, colors can be specfied using RGB, HEX,HSL, or even transparent colors using RGBA or HSLA color values.

コメント

コメントを投稿

このブログの人気の投稿

スタートアップフォルダとAmatsukazeのエンコード設定

-
イメージ
スタートアップフォルダとAmatsukazeのエンコード設定 windows + R を押して shell:startup 打ち込めばスタートアップフォルダが出てくる。 今回はネットで調べず、もしかしたらwindows のヘルプも使えるんじゃないかなと思って使ってみたらバッチリだった。 対話型botのヘルプ ショートカットを作成する場合は、エクスプローラのアドレスバーを右クリックしてアドレスをコピーすればOK。 C:\Users\ user name \AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Startup windws help が意外と使えた。フォルダの名前が前もってわかっているのと、ここにショートカットをコピーすればいいのは知っていたからだが。 AmatsukazeServer のショートカットをここに置きたかった。EDCB で録画後のbatでエンコードする際にウィンドウのフォーカスが奪われてしまうのを防ぐため。 AmatsukazeServer を起動すると通常のAmatsukazeは起動しててもエラーが出るのでAmatsukazeClientを使う。 Amatsukaze のエンコード設定がGUIが独特でビットレート指定を弄っても、aviUtlでエンコードしたときのようにならず苦戦したので、参考に設定を載せておく。 お手軽エンコード設定。1080P TVで離れて見ても違いはわからない程度がNVEnc 2100Kbps くらいだと思う。PCの画面で近くで見るとちょっと劣化してるなぁとは感じる。特にこだわりは無く、h.264 3000Kbps でエンコードしたものと同等くらいの画質だと思う。1800~1500まで落とすとブロックノイズは無くても何か汚いなぁと感じると思う。 30分番組をCMカットして22分程度で380MBくらいのファイルが出来上がる。 TV の画質向上エンジンってすごいなぁと感じる部分でもあります。 -c hevc --profile main10 --vbrhq 2100 --vbr-quality 15 --maxbitrate 15500 --qp-init 15 --gop-len 90 git...
続きを読む

EDCB Recname_MacroのRMで文字削除がうまく行かない

-
EDCB Recname_Macro.dll EDCB Recname_Macro.dll で[]と文字を消す EDCBはxtne6fさんのものを使っています。 Read.me通りの設定で、Title2で[]でくくられている部分は削除出来るが、SSだけが欲しかったときのメモ(妥協案) Recname_Macro.dll と.iniをコピー コピーしたものは、Recname_Macro - コピー.dll と Recname_Macro.dll - コピー.ini となり、Recname_Macro.dll - コピー.iniをメモ帳などで編集。 簡単な使い方を少し Recname_Macroでタイトル内にある全角文字を半角に。サブタイトル先頭30文字を録画ファイル名に。 [SET] Macro=$ZtoH(Title2)$ $Head30(ZtoH(SubTitle))$$ZtoH(SDMM)$月$ZtoH(SDDD)$日$ZtoH(SDYYYY)$$SDW$.ts $ZtoH(Title2)$ ZtoH で全角を半角に。(Title2)で番組名（[]の括弧でくくられている部分を削除したもの）。ここで区切りをつけるため$で囲むと、$ZtoH(Title2)$ で上のは後ろに半角スペースが入っている。 $Head30(ZtoH(SubTitle))$ Head30でサブタイトル(SubTitle)の先頭30文字を指定し、先程と同じように ZtoH で全角を半角に、そして指定する対象がサブタイトル(SubTitle)。 半角に変換したサブタイトルの30文字が欲しいので()で括ると Head30(ZtoH(SubTitle)) 先頭30としたが15文字だけ欲しい場合は、Head15と変更出来る。 $ZtoH(SDMM)$月 全角から半角にした録画開始の2桁表示の月 $ZtoH(SDDD)$日 全角から半角にした録画開始の2桁表示の日にち $ZtoH(SDYYYY)$$SDW$.ts 全角から半角にした録画開始の西暦4桁 .ts で拡張子をtsに指定。 Rm/削除したい文字/ で文字を消す。 $Rm/[初][映]【最新作】/ZtoH(Title)$ 番組タイトル(Title)から[...
続きを読む

冠山トンネル周辺のライブカメラ

-
イメージ
冠山峠トンネル周辺のライブカメラ 国道303号 新城山橋 北のライブカメラ LINK 国道303号 大蔵谷橋 南のライブカメラ LINK 国道303号 道場山隧道 北のライブカメラ LINK 国道417号 藤橋根尾交差点福井方面のライブカメラ LINK 国道476号 白粟のライブカメラ LINK 福井県道2号武生美山線 清水谷のライブカメラ LINK 福井県道2号武生美山線 相木のライブカメラ >LINK> 国道476号 河原橋のライブカメラ 福井県道229号福井鯖江線 花堂のライブカメラ >LINK> 国道417号 南坂下町のライブカメラ LINK 福井県道229号福井鯖江線 赤十字病院入口のライブカメラ LINK> ...
続きを読む