my bookshelf

parts

ホームページのデザインを崩さず、ほぼコピー&ペーストで作品展示用デザインを取り入れられるデザインCSS。

同人誌やサイト内作品の展示に。

設置方法

  1. <head>~</head>の間で「my-bookshelf.css」を読み込みんでください
    href内のパスは環境に合わせて変更してください 不安な場合は、http://から始まる絶対パスで指定してください)
<link rel="stylesheet" href="my-bookshelf/my-bookshelf.css">
  1. ドキュメント(2ページ目にあります)に沿って、HTMLファイル内にタグを記述してください

サイトのデザインに合わせて設定する

このデザインでは以下のカスタムプロパティを変更することでデザインの変更が可能です。

カスタムプロパティ概要初期値
--border-color線色■ #b2c3dd
--link-btn-text-color強調リンクテキスト色■ #333
--link-btn-bg-color強調リンク背景色■ #ddd
--link-btn-on-bg-color強調リンク背景色(オンマウス時)■ #ccc
--em-bg-color強調テキスト色■ #ded0d0

更新履歴

2020/12/14公開・配布開始
2021/10/20色設定にカスタムプロパティを使用

ドキュメント

次のページにドキュメントをご用意しています。

タイトルとURLをコピーしました