ブロックサンプル：ログイン・ログアウト（1/2）

ログイン・ログアウト（1/2）

ブロックの設定を比較するサンプルです。各例の直前に変更設定と値を記載しています。

画像等は同梱素材を使用します。コピー用コードと書かれた例は、説明に従って必要なデータ・編集場所を用意してください。

sample-12597 / core/loginout　基本形

sample-12598 / core/loginout　displayLoginAsForm：displayLoginAsForm=false

sample-12599 / core/loginout　displayLoginAsForm：displayLoginAsForm=true

sample-12600 / core/loginout　redirectToCurrent：redirectToCurrent=false

sample-12601 / core/loginout　redirectToCurrent：redirectToCurrent=true

sample-12602 / core/loginout　プリセットの前景色：borderColor="key-color" / textColor="key-color"

sample-12603 / core/loginout　プリセットの前景色：borderColor="red" / textColor="red"

sample-12604 / core/loginout　プリセットの前景色：borderColor="pink" / textColor="pink"

sample-12605 / core/loginout　プリセットの前景色：borderColor="purple" / textColor="purple"

sample-12606 / core/loginout　プリセットの前景色：borderColor="deep" / textColor="deep"

sample-12607 / core/loginout　プリセットの前景色：borderColor="indigo" / textColor="indigo"

sample-12608 / core/loginout　プリセットの前景色：borderColor="blue" / textColor="blue"

sample-12609 / core/loginout　プリセットの前景色：borderColor="light-blue" / textColor="light-blue"

sample-12610 / core/loginout　プリセットの前景色：borderColor="cyan" / textColor="cyan"

sample-12611 / core/loginout　プリセットの前景色：borderColor="teal" / textColor="teal"

sample-12612 / core/loginout　プリセットの前景色：borderColor="green" / textColor="green"

sample-12613 / core/loginout　プリセットの前景色：borderColor="light-green" / textColor="light-green"

sample-12614 / core/loginout　プリセットの前景色：borderColor="lime" / textColor="lime"

sample-12615 / core/loginout　プリセットの前景色：borderColor="yellow" / textColor="yellow"

sample-12616 / core/loginout　プリセットの前景色：borderColor="amber" / textColor="amber"

sample-12617 / core/loginout　プリセットの前景色：borderColor="orange" / textColor="orange"

sample-12618 / core/loginout　プリセットの前景色：borderColor="deep-orange" / textColor="deep-orange"

sample-12619 / core/loginout　プリセットの前景色：borderColor="brown" / textColor="brown"

sample-12620 / core/loginout　プリセットの前景色：borderColor="light-grey" / textColor="light-grey"

sample-12621 / core/loginout　プリセットの前景色：borderColor="grey" / textColor="grey"

sample-12622 / core/loginout　プリセットの前景色：borderColor="dark-grey" / textColor="dark-grey"

sample-12623 / core/loginout　プリセットの前景色：borderColor="cocoon-black" / textColor="cocoon-black"

sample-12624 / core/loginout　プリセットの前景色：borderColor="cocoon-white" / textColor="cocoon-white"

sample-12625 / core/loginout　プリセットの前景色：borderColor="watery-blue" / textColor="watery-blue"

sample-12626 / core/loginout　プリセットの前景色：borderColor="watery-yellow" / textColor="watery-yellow"

sample-12627 / core/loginout　プリセットの前景色：borderColor="watery-red" / textColor="watery-red"

sample-12628 / core/loginout　プリセットの前景色：borderColor="watery-green" / textColor="watery-green"

sample-12629 / core/loginout　プリセットの前景色：borderColor="ex-a" / textColor="ex-a"

sample-12630 / core/loginout　プリセットの前景色：borderColor="ex-b" / textColor="ex-b"

sample-12631 / core/loginout　プリセットの前景色：borderColor="ex-c" / textColor="ex-c"

sample-12632 / core/loginout　プリセットの前景色：borderColor="ex-d" / textColor="ex-d"

sample-12633 / core/loginout　プリセットの前景色：borderColor="ex-e" / textColor="ex-e"

sample-12634 / core/loginout　プリセットの前景色：borderColor="ex-f" / textColor="ex-f"

sample-12635 / core/loginout　backgroundColor：backgroundColor="key-color"

sample-12636 / core/loginout　backgroundColor：backgroundColor="red"

sample-12637 / core/loginout　backgroundColor：backgroundColor="pink"

sample-12638 / core/loginout　backgroundColor：backgroundColor="purple"

sample-12639 / core/loginout　backgroundColor：backgroundColor="deep"

sample-12640 / core/loginout　backgroundColor：backgroundColor="indigo"

sample-12641 / core/loginout　backgroundColor：backgroundColor="blue"

sample-12642 / core/loginout　backgroundColor：backgroundColor="light-blue"

sample-12643 / core/loginout　backgroundColor：backgroundColor="cyan"

sample-12644 / core/loginout　backgroundColor：backgroundColor="teal"

sample-12645 / core/loginout　backgroundColor：backgroundColor="green"

sample-12646 / core/loginout　backgroundColor：backgroundColor="light-green"

sample-12647 / core/loginout　backgroundColor：backgroundColor="lime"

sample-12648 / core/loginout　backgroundColor：backgroundColor="yellow"

sample-12649 / core/loginout　backgroundColor：backgroundColor="amber"

sample-12650 / core/loginout　backgroundColor：backgroundColor="orange"

sample-12651 / core/loginout　backgroundColor：backgroundColor="deep-orange"

sample-12652 / core/loginout　backgroundColor：backgroundColor="brown"

sample-12653 / core/loginout　backgroundColor：backgroundColor="light-grey"

sample-12654 / core/loginout　backgroundColor：backgroundColor="grey"

sample-12655 / core/loginout　backgroundColor：backgroundColor="dark-grey"

sample-12656 / core/loginout　backgroundColor：backgroundColor="cocoon-black"

sample-12657 / core/loginout　backgroundColor：backgroundColor="cocoon-white"

sample-12658 / core/loginout　backgroundColor：backgroundColor="watery-blue"

sample-12659 / core/loginout　backgroundColor：backgroundColor="watery-yellow"

sample-12660 / core/loginout　backgroundColor：backgroundColor="watery-red"

sample-12661 / core/loginout　backgroundColor：backgroundColor="watery-green"

sample-12662 / core/loginout　backgroundColor：backgroundColor="ex-a"

sample-12663 / core/loginout　backgroundColor：backgroundColor="ex-b"

sample-12664 / core/loginout　backgroundColor：backgroundColor="ex-c"

sample-12665 / core/loginout　backgroundColor：backgroundColor="ex-d"

sample-12666 / core/loginout　backgroundColor：backgroundColor="ex-e"

sample-12667 / core/loginout　backgroundColor：backgroundColor="ex-f"

sample-12668 / core/loginout　fontSize：fontSize="small"

sample-12669 / core/loginout　fontSize：fontSize="medium"

sample-12670 / core/loginout　fontSize：fontSize="large"

sample-12671 / core/loginout　fontSize：fontSize="huge"

sample-12672 / core/loginout　lock：lock={"move":false,"remove":false}

sample-12673 / core/loginout　lock：lock={"move":true,"remove":false}

sample-12674 / core/loginout　lock：lock={"move":false,"remove":true}

sample-12675 / core/loginout　lock：lock={"move":true,"remove":true}

sample-12676 / core/loginout　anchor：anchor="sample-anchor"