Links

set

1周年企画 その他サイト(プロフィール・リンクリストサイト向け)のリクエストテンプレート。

特徴

  • ビビット・ハイコントラストな配色
  • 外部リンクに使えるリンクボタン(+アイコン)
  • プロフィールのようなコンパクトなコンテンツに似合う、やや幅狭の本文エリア

サンプルページ

実装要素

お借りしたもの

アイコン

Font Awesome
The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free...

カラーセット

カラーセットの使い方

style.css内の:rootカスタムプロパティによる色設定を行っています。
:rootを書き換えるとカラーセットが反映されます。

  • #d0aba8
  • #e7d5d3
  • #ffffff
  • #4768c4
  • #e2e7d3
  • #ccd7f6
  • #c5c8dc
:root {
    --text-color: #555;
    --bg-color: #d0aba8;
    --required-color: var(--theme-color2-default);
    --white: #fff;
    --theme-color1-light: #e7d5d3;
    --theme-color1-default: #fff;
    --theme-color2-default: #4768c4;
    --theme-color3-default: #e2e7d3;
    --theme-color4-default: #ccd7f6;
    --theme-color5-default: #c5c8dc;
}

スタートアップガイド

更新履歴

  • 2021.09.06
    公開・配布開始
  • 202301.12
    要素・サンプルの追加
    一部デザインの変更
    jQueryからJavaScriptに変更
    カラーセット追加
    • 枠線ブロック(.box)追加
    • スクロール可能ブロック(.scrollbox)追加
    • 一行表示ブロック(.onlyrow)追加
    • 各種コンテンツサンプル追加
タイトルとURLをコピーしました