RiZelion

マイナスマージンで画像を枠線に重ねる ※利息には復興特別所得税が課され、20.315％ （国税15.315％、地方税5％）の税金がかかります。※普通預金は、預金保険制度における「決済用預金」ではありません。 ※利息 ※普通預金金利は変動金利です。お預入れ後の...

動画ブロック 解説 動画ブロックは、iPhoneは、そのままでは動画のサムネイルが表示されないので、「置換」の「リンクを編集」から、動画のアドレスの後に「#t=0.1」（0.1秒から再生する。）と再生開始時間指定をすると、そのフレームがサムネイルとして表...

インライン画像による、画像のテキスト回り込み（float） インライン画像にclassを付け、float属性を設定する。 インライン画像にclassをつける場合は、「HTMLとして編集」から手動でimgタグにclassを付加する。 3～4にはサンデル教授，ホーキング博士，ノ...

変更前 変更後 解説 投稿リストブロックにclass（oshi）をつけて、CSSで変更している。 カテゴリと日付の並び替えは、flexboxのorderプロパティで並び替えている。 アイコンは　display: none;　で描画しない。 SVG　セガロゴ 解説 「カスタムHTMLブロック...

游明朝・・有井 理明　紫藤 美良　RiZelion Noto s・・有井 理明　紫藤 美良　RiZelion 源明朝・・有井 理明　紫藤 美良　RiZelion

Flex　横並び 25%指定 スペースを埋める(計算上55%になる) 20%指定 ←画像の親divにフィルター、blur()関数と opacity()関数を掛けてある。 横並びの中にショートコードブロック（ブログパーツID895） Flex　縦積み fffffffff 44444455 Flex　グリッド　グ...

RiZelion ルミラリア VWはブラウザ幅に対する一文字の割合（10%なら一文字がブラウザ幅の10%）となる。コンテンツ幅が基準ではないので文字が大きくコンテンツ幅を超えるようなら改行される。ただし、スマホ表示ではブラウザ幅がコンテンツ幅なので改行は...

うぇろｇｆんをｐ ｒほいｓｄｆにｗ えｐｒにおえｒｆｎ

説明リストの線を消す その1 おおお その2 もののお その3 ふきるつととん 解説：dtタグの::after要素のbackgroundプロパティで色を付けているので、色を透明に設定する。そのままでは全dtに適応されてしまうので、変更したいdtに追加SCCクラスをつける。 ...

カラムの中の縦並び要素で最後の要素を下ぞろえにする。Flexボックス カラムの中の要素をグループで囲まないやり方 解説：追加CSSで、各列のカラムを縦積みのFlexボックス化する。さらに追加CSSで、各カラムの最後の要素に、margin-top: auto;をつける。 ...

リッチカラムの中の縦並び要素で最後の要素を下ぞろえにする。Flexボックス リッチカラムの中の要素をグループで囲まないやり方 解説：追加CSSで、各列のカラムを縦積みのFlexボックス化する。さらに追加CSSで、各カラムの最後の要素に、margin-top: auto;...

疑似クラス :active　クリックされたときに実行   家長：アルパカめんま   0123-45-6789　FAX 9876-54-3210 :hover　マウスオーバーしたときに実行   家長：アルパカめんま   0123-45-6789　FAX 9876-54-3210 疑似要素 ::before　要素の直前に実行　　::af...

記事コンテンツ幅：900px　　post_content：868px サイト幅：記事コンテンツ幅：1200px フルワイド：記事コンテンツ幅：ブラウザ幅   〒123-4567 滋賀県大津市辻堂236-5   家長：アルパカめんま   0123-45-6789　FAX 9876-54-3210   https://www.pupupup.com/

記事コンテンツ幅：900px　　post_content：868px 幅広：1068px 全幅：ブラウザ幅だが、<p>は、記事コンテンツ幅：900pxとなる。

サイト幅設定：1200px　ブラウザ幅（PCモード）：960px ～ 記事コンテンツ幅：576px ～ 844px　　post_content：544 ～ 812px 幅広：576px ～ 844px 全幅：576px ～ 844px

リッチカラムでレイアウト アップル（Apple）は、「iOS 18」と「iPadOS 18」のパブリックベータ版を公開した。正式版は今秋公開。 「iOS 18」の対象機種は、2018年9月に発売された「iPhone XS」以降の機種。無料でアップデートできる。 「iOS 18」では、ホ...

vwでフォントサイズを指定（ブラウザ幅に対してフォントサイズが可変） おおから 例、文字サイズ（一文字分）は、ブラウザ幅の9%のpxサイズで可変する。 vw =（基準となる文字サイズpx）÷（基準となるブラウザ幅px）× 100例：ブラウザ幅900pxの時に30pxで...

flexボックス（枠線がflexボックス）は通常、左からのHTML要素順の横並びになるが、 一番目の要素 二番目の要素 flaxボックスに flex-direction: row-reverse; をつけると要素の横並びが右からの逆順になる。 一番目の要素 二番目の要素 左からの逆順の横...

divタグにリンクをつけるには下記のようにカスタムHTMLブロックでaタグを入れて挟む。 <a href="https://rizelion.main.jp/qw/">　 カスタムHTMLブロック このグループブロックにリンクをつける。 このように前後にカスタムHTMLブロックを入れ、aタ...

ボックスメニュー ボックスメニューのスタイル「標準」、縦並び。画像は正方形の方が良い。「正方形にトリミング」をすると変になるため。背景が透明なのでcssで背景色をつけるか、塗りのスタイルを使う。 AdobePhotoshop AdobeIllustrator AdobePremiere ...