トーカロ株式会社 様向け
ショールームトーカロ様Webサイトのコンテンツ表現をより魅力的にする、専用のリッチパーツを取り揃えています。
「クリップボード」を利用し、任意のページにそのまま貼り付けてご利用いただけます。
 ■使い方
  編集バー(緑の 1カラム表示 / 2カラム表示 のバー)をクリックし、右サイドのアクションパネル内の
  「パーツをクリップボードに保存」を選択し、クリップボードへ格納してご利用ください。
  実際の表示は、全画面プレビューにてご確認ください。

クリップボードとは?

トーカロ株式会社 様向け
ショールームトーカロ様Webサイトのコンテンツ表現をより魅力的にする、専用のリッチパーツを取り揃えています。
「クリップボード」を利用し、任意のページにそのまま貼り付けてご利用いただけます。

  • [01-01]画像左寄せ・右寄せ 2025年12月31日 [01-01]画像左寄せ・右寄せ
    • PC画像の位置指定が可能
  • [01-02]スマホ時の画像位置指定 2025年12月30日 [01-02]スマホ時の画像位置指定
    • PC表示、スマートフォン表示の画像位置指定【1カラムの場合】 (スマートフォンの場合、テキスト上部に画像を100%表示)
  • [01-03]高さ合わせ(複数カラム) 2025年12月29日 [01-03]高さ合わせ(複数カラム)
    • 2カラム配置時のテキストボックスの高さ統一
  • [01-04]天地中央揃え(複数カラム) 2025年12月28日 [01-04]天地中央揃え(複数カラム)
    • 「2カラム」のパーツを天地中央に配置
  • [01-05]PC・スマホ画像出し分け 2025年12月27日 [01-05]PC・スマホ画像出し分け
    • PC表示と、スマートフォン表示で異なる画像の出し分けが可能
  • [01-06]複数画像の設置(1カラム内) 2025年12月26日 [01-06]複数画像の設置(1カラム内)
    • 「1カラム」内に複数パーツを設置可能なため、追加、削除、移動の編集操作が自在
  • [01-07]横並び(左寄せ・中央寄せ・右寄せ) 2025年12月25日 [01-07]横並び(左寄せ・中央寄せ・右寄せ)
    • 「リンクリスト」パーツの位置指定
  • [02-01]リッチテーブル1 2025年9月30日 [02-01]リッチテーブル1
    • 「マルチセル」パーツを使用した「表」のサンプル
  • [02-02]リッチテーブル2 2025年9月29日 [02-02]リッチテーブル2
    • 「マルチセル」パーツを使用した「表」のサンプル
  • [02-03]会社概要 2025年9月28日 [02-03]会社概要
    • 「マルチセル」パーツを使用した「会社概要」のサンプル
  • [02-04]表の縮小表示 2025年9月27日 [02-04]表の縮小表示
    • セル内の余白を0にし、表を縮小表示
  • [02-05]スマホ時スワイプ 2025年9月26日 [02-05]スマホ時スワイプ
    • スマートフォン表示にて、「表」をスワイプに変更可能
  • [02-06]枠線を消す 2025年9月25日 [02-06]枠線を消す
    • 表の枠線(縦線・横線・全て)を削除可能
  • [02-07]背景色を消す 2025年9月24日 [02-07]背景色を消す
    • 表の背景色を非表示にすることが可能
  • [02-08]PDF登録(マルチセル) 2025年9月23日 [02-08]PDF登録(マルチセル)
    • 表(マルチセル)内にPDFファイルを登録
  • [02-09]PDF登録(各種パーツ利用) 2025年9月22日 [02-09]PDF登録(各種パーツ利用)
    • 「リンクリスト」パーツを活用し、表内にPDFファイルを登録可能
  • [03-01]番号付きリスト 2025年8月30日 [03-01]番号付きリスト
    • テキストのリスト形式「番号付きリスト」の使い方
  • [03-02]番号無しリスト 2025年8月29日 [03-02]番号無しリスト
    • テキストの箇条書き「番号無しリスト」の使い方
  • [04-01]背景色設定 2025年7月31日 [04-01]背景色設定
    • 「スタイルコード」を使用した、背景色や角丸の設定
  • [04-02]リンク&テキスト 2025年7月30日 [04-02]リンク&テキスト
    • 「見出しタイトル」や「バナー」を効果的に組み合わせた、レイアウトサンプル
  • [04-03]お問い合わせ先 2025年7月29日 [04-03]お問い合わせ先
    • 「お問い合わせ」バナーのデザインサンプル
  • [04-04]「3STEP」デザイン 2025年7月28日 [04-04]「3STEP」デザイン
    • 3段階で構成された、プロセスに適したデザインサンプル
  • [04-05]サンプルカラーコード 2025年7月27日 [04-05]サンプルカラーコード
  • [05-01]枠線設定 2025年6月30日 [05-01]枠線設定
    • 「スタイルコード」を使用した、枠線や角丸の設定
  • [05-02]リンク&テキスト 2025年6月29日 [05-02]リンク&テキスト
    • 「見出しタイトル」や「バナー」を効果的に組み合わせた、レイアウトサンプル
  • [05-03]サンプルカラーコード 2025年6月27日 [05-03]サンプルカラーコード
  • [06-01]画像入り見出しタイトル 2025年5月30日 [06-01]画像入り見出しタイトル
    • 「見出しタイトル」に画像を付与し、視覚的に強調
  • [06-02]中央揃え 2025年5月29日 [06-02]中央揃え
    • 「見出しタイトル」の中央表示および、サブタイトルの併記に対応
  • [07-01]横並び(左寄せ・中央寄せ) 2025年4月30日 [07-01]横並び(左寄せ・中央寄せ)
    • 「ページ内リンク(アンカー)」パーツの位置指定
  • [08-01]左・右揃え 2025年3月31日 [08-01]左・右揃え
    • 「パネル」パーツ(バナー)の位置指定
  • [08-02]幅調整 2025年3月30日 [08-02]幅調整
    • 「バナー」の長さ調整
  • [08-03]高さ合わせ 2025年3月29日 [08-03]高さ合わせ
    • 「バナー」の高さ統一
  • [08-04]透過パネルバナー 2025年3月28日 [08-04]透過パネルバナー
    • 「タイトルエリア」を画像上に重ね、帯背景を透過処理
  • [08-05]デザインBOX 2025年3月27日 [08-05]デザインBOX
    • デザイン性のあるサンプルバナー
  • [16-01]ナンバリングBOX(縦) 2025年3月15日 [16-01]ナンバリングBOX(縦)
    • BOX内にナンバリングを表示し、番号も手動更新。「画像、見出し、テキスト」を1セットとして表示。
  • [16-02]ナンバリングBOX(横) 2025年3月14日 [16-02]ナンバリングBOX(横)
    • BOX内にナンバリングを表示し(手動更新可)、テキストを表示
  • [16-03]ステップアップフローBOX 2025年3月13日 [16-03]ステップアップフローBOX
    • BOX内にナンバリングを表示し(手動更新可)、画像表示有無選択可でテキスト表示
  • [17-01]吹き出し 2025年3月7日 [17-01]吹き出し
    • キャラクター画像等に対し、任意のテキストを吹き出し形式で表示可能
  • [09-01]スライダー 2025年2月28日 [09-01]スライダー
    • 用途に応じた自動再生・ドット表示付きの画像スライダー
  • [10-01]パネル(内部リンク) 2025年1月31日 [10-01]パネル(内部リンク)
    • 画像リンクをモーダル表示で展開し、ページ遷移を抑えた表示が可能
  • [10-02]パネル(ダウンロードリンク) 2025年1月30日 [10-02]パネル(ダウンロードリンク)
    • クリック操作により、画像をモーダルで拡大表示
  • [10-03]リンクリスト(内部リンク) 2025年1月29日 [10-03]リンクリスト(内部リンク)
    • テキストリンク「リンクリスト(内部リンク)」パーツをモーダル表示で展開し、ページ遷移を抑えた表示が可能
  • [11-01]「YouTube」パーツ 2024年10月30日 [11-01]「YouTube」パーツ
    • 「YouTube」パーツを使用した動画再生
  • [11-02]「モーダルダイアログ」で表示 2024年10月29日 [11-02]「モーダルダイアログ」で表示
    • ページ遷移を行わず、モーダルダイアログ上で、動画再生が可能
  • [12-01]ページ遷移有り 2024年9月30日 [12-01]ページ遷移有り
    • コンテンツ切り替えに最適なタブ風リンク
  • [12-02]ページ遷移無し 2024年9月29日 [12-02]ページ遷移無し
    • ページ遷移を行わず、コンテンツの切り替えに最適なタブ機能
  • [13-01]常時閉設定 2024年8月30日 [13-01]常時閉設定
    • 初期表示はアコーディオンが閉じた状態。 「見出しタイトル」のクリック操作にて、後続のマルチカラムを開閉可能。
  • [13-02]常時開設定 2024年8月29日 [13-02]常時開設定
    • 初期表示は、アコーディオンが開いた状態で表示されます。 「見出しタイトル」のクリック操作にて、後続のマルチカラムが閉じます。
  • [14-01]データラベル非表示 2024年7月30日 [14-01]データラベル非表示
    • グラフの「データをラベル」を表示・非表示に切り替え可能
  • [14-02]グラフ(SP時スワイプ) 2024年7月29日 [14-02]グラフ(SP時スワイプ)
    • スマートフォン表示にて、グラフをスワイプに変更可能
  • [14-03]円グラフ 2024年7月28日 [14-03]円グラフ
    • 割合表示に最適な円グラフ
  • [14-04]ドーナツグラフ 2024年7月27日 [14-04]ドーナツグラフ
    • 割合表示に最適なドーナツグラフ
  • [14-05]複合グラフ 2024年7月26日 [14-05]複合グラフ
    • 複合グラフ(棒グラフと折れ線グラフ)のサンプル
  • [14-06]積上げ横棒グラフ 2024年7月25日 [14-06]積上げ横棒グラフ
    • 項目数の多いデータ比較に対応した「積上げ横棒グラフ」
  • [15-01]「SDGs」アイコン 2024年6月30日 [15-01]「SDGs」アイコン
    • テキスト入力にて、SDGsアイコン(日・英)の呼び出しが可能
  • [15-02]「フリーダイヤル」アイコン 2024年6月29日 [15-02]「フリーダイヤル」アイコン
    • テキスト入力にて、「フリーダイヤル」アイコンの呼び出しが可能
  • 2020年5月30日 【スライド素材】

お問い合わせ一覧はこちら

表面処理技術に関する疑問やご要望など、
お気軽にお問い合わせください。

技術に関する資料はこちら

当社の技術カタログ資料をご用意しております。
こちらよりお気軽にダウンロードして下さい。

  • header-content
  • header-content

  • CLOSE
  • MENU

サイト内検索

当サイトはサービス向上を目的としてCookieを利用しています。Cookieの利用に同意いただける場合は「同意」ボタンをクリックしてください。同意いただけない場合は当サイトのご利用をお控えください。詳細は以下のページにてご確認ください。
プライバシーポリシー

同意

  • footer-content