RiZelion

変更前 変更後 投稿リストブロックにclass（oshi）をつけて、CSSで変更している。 カテゴリと日付の並び替えは、flexboxのorderプロパティで並び替えている。 アイコンは　display: none;　でレンダリングしない。

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

adobe Illustrator adobe Photoshop adobe Premier 　 aaaaaaaaaaa fffffffff 44444455 トラクター sss ddd(span)　fff(span) おおおお ショートコードブロック（ブログパーツID895） 最新の投稿ブロック 投稿リストブロック

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となる。

記事コンテンツ幅：844px　　post_content：812px 幅広：844px 全幅：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 ...

カバーブロック WDは、最大容量4TBのNVMe SSD「WD Blue SN5000 NVMe SSD」を発売した。容量は500GB、1TB、2TB、4TBの4種類で、直販価格は順に1万1,220円、1万5,840円、2万9,260円、5万2,360円。 　クリエイターやプロフェッショナル向けのSSD。AIやクリエ...

バナーリンク リッチカラムを用いてバナーリンクで画像が拡大するボックスメニュー AdobePhotoshop AdobeIllustrator AdobePremire リッチカラムの中にバナーブロックと段落を入れる。CSSでリッチカラムのセルに枠線と角丸を適用。段落の背景に塗り、CSSで...

Amazonにおいて、プライベートブランド「Amazonベーシック」に属した液晶モニター「‎C27M2020JP」(27型)および「‎C24M2020DJP」(23.8型)が発売された。価格はそれぞれ1万8,616円と1万4,861円。 　いずれも100Hz表示に対応。主な仕様はほぼ共通で、解像度が...