SANGO_ボタンカタログ

MEMO
このページはWordPressテーマ「SANGO」で利用できるボタンのClassをカタログ化してイメージをサクッと確認するためのページです。
参考 ボタンの挿入方法と種類一覧サルワカ
Type
Class

BUTTON

raised main-bc strong

BUTTON

raised accent-bc strong

BUTTON

raised red-bc strong

BUTTON

raised blue-bc strong

BUTTON

raised green-bc strong

BUTTON

raised main-bc strong rippler rippler-default

BUTTON

raised accent-bc strong rippler rippler-default

BUTTON

raised red-bc strong rippler rippler-default

BUTTON

raised blue-bc strong rippler rippler-default

BUTTON

raised green-bc strong rippler rippler-default

BUTTON

btntext strong

BUTTON

btntext strong main-c

BUTTON

btntext strong accent-c

BUTTON

fa fa-cloud-download

BUTTON

btntext strong rippler rippler-inverse

BUTTON

btntext strong main-c rippler rippler-inverse

BUTTON

btntext strong accent-c rippler rippler-inverse

BUTTON

flat1

BUTTON

flat2

BUTTON

flat3

BUTTON

flat4

BUTTON

flat5

BUTTON

flat6

BUTTON

flat7

BUTTON

flat8

BUTTON

flat9

BUTTON

flat10

BUTTON

flat11

BUTTON

grad1

BUTTON

grad2

BUTTON

grad3

BUTTON

grad4

BUTTON

cubic1 main-bc

BUTTON

cubic1 accent-bc

BUTTON

cubic1 red-bc

BUTTON

cubic1 blue-bc

BUTTON

cubic1 green-bc

BUTTON

cubic1 main-bc shadow

BUTTON

cubic1 accent-bc shadow

BUTTON

cubic1 red-bc shadow

BUTTON

cubic1 blue-bc shadow

BUTTON

cubic1 green-bc shadow

BUTTON

cubic1 main-bc shadow emboss

BUTTON

cubic1 accent-bc shadow emboss

BUTTON

cubic1 red-bc shadow emboss

BUTTON

cubic1 blue-bc shadow emboss

BUTTON

cubic1 green-bc shadow emboss

BUTTON

cubic1 main-bc shadow text3d

BUTTON

cubic1 accent-bc shadow text3d

BUTTON

cubic1 red-bc shadow text3d

BUTTON

cubic1 blue-bc shadow text3d

BUTTON

cubic1 green-bc shadow text3d

BUTTON

cubic2 main-bc

BUTTON

cubic2 accent-bc

BUTTON

cubic2 red-bc

BUTTON

cubic2 blue-bc

BUTTON

cubic2 green-bc

BUTTON

cubic3 main-bc

BUTTON

cubic3 accent-bc

BUTTON

cubic3 red-bc

BUTTON

cubic3 blue-bc

BUTTON

cubic3 green-bc

ボタンを横に並べる事もできます。

BUTTON BUTTON BUTTON

ますたー

class=””の横にyokoと入れるだけでOKです。

中央寄せもできます。

ますたー

これはボタンを[center][/center]で囲むだけです。

ボタンを押した時に波紋エフェクトを入れることもできます。

ますたー

class名の中にrippler rippler-defaultと入れるだけでOKです。
試しに押して効果を確認してみてください。
BUTTON BUTTON BUTTON 参考 波紋エフェクトの詳細ripper

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です