CSSVerUpdate情報


サンプルページ


バージョンアップ情報

【ver1.09】 2016年01月21日
  1. 画像リンクの影響がヘッダーのメニューにも出ないようにした。
  2. 見出し2と見出し3の中にある画像には右に余白が付くようにした。Classes用。
  3. ページ編集画面を整理した。詳しくは下記画像を参照して下さい。
    1. チェックボックス2つ、「タイムスタンプを更新しない」と「更新情報」は削除した。
      1. 前者は使われると更新状況の把握が難しくなるので使用させないため。後者はONでOKなため。
    2. タグの入力フォームも削除した。ページの階層化とWiki内検索で事足りるため。
    3. 「ページ保存」と「プレビュー」ボタンを変更した。見やすく・押しやすくするため。
      1. ついでに上の方にあった一つ目の「ページ保存」は削除した。プレビュー機能を忘れず使ってもらいたいため。

+ 前Version
【ver1.08】 2016年01月20日
  1. ページ編集時のテキストエリアを枠線の外まで広げられないようにした。
  2. ページ編集時に下記画像のようにテキストが出るようにした。
    1. 文字サイズは見出し1と同じ1.17emにしてある。

【ver1.07】 2016年01月13日
  1. 目次(Index)リストのクリック範囲を広げた。
  2. 見出しを控えめにした。線が多すぎてごちゃごちゃしていたため。
  3. 画像リンクにテキストリンクの青背景が出るのを修正した。
    1. 文中のテキストリンクは文字色が変化するだけにした。

【ver1.06】 2016年01月09日
  1. 表の頭に余白を追加した。入れ忘れていたので。
  2. 画像リンクにカーソルを載せたときにエフェクトが出るようにした。見やすさのため。
    1. 画像に青い横線が入るのは仕様です。

【ver1.05】 2016年01月08日
  1. 文字色を#fffから#dddに変えた。コントラストが強すぎてチカチカするように感じられたため。
  2. リンクにカーソルを置いたときに背景色が変わるようにした。クリック可能範囲を分かりやすくするため。
  3. 目次(Index)の横幅が狭すぎたため修正した。
  4. 左メニューのツリーのクリック範囲の拡大はお手上げ。ただアイコンの位置は少し修正した。

【ver1.03】 2015年12月08日
  1. 本文以外の文字サイズを小さくした。特にタイトルは縦幅も縮めた。
  2. 左メニューのリストのクリック範囲を右に広げた。
    1. 更新履歴の縦幅を狭めて日付に色を付けて見やすくした。
  3. 目次(Index)を見やすくした。上の四角く囲ってあるところ。
  4. 差分表示画面を白背景にした。デフォルトの文字色は変更できないため。
  5. 平行線を見出し1番目の境界線と同じにした。目次に表示されない見出しっぽいものを作るため。

【ver1.02】 2015年10月18日
  1. FAQ用に四番目の見出しを調整。既存の三番目より文字サイズを小さくして全体的なバランスを良くして読みやすくした。FAQサンプルページ

【ver1.01】 2015年10月14日
  1. 表のデザインを変更。
  2. 見出し三種類のデザインを変更。
  3. リスト表示の文頭マークを■に変更。リスト自体のデザインも調整して行間を通常の文と同じにした。
  4. ヘッダー、左メニュー、右コンテンツのデザインを変更。特に右コンテンツは幅を固定したので文字が読みやすくなった。
  5. 画像の上下に1.5pxの余白を追加した。Itemsにおいて画像メニューを作るため。

CSS設定方法

  1. デザイン設定→ デザインを選択する→ 黒ベースver2 を選択して「変更する」 を押して下さい。
  2. デザイン設定→ CSSカスタマイズ→ ■基本デザインのCSSを無効化する にチェック を入れて下さい。
    1. これらは一回変更すれば設定は保存されますので次回以降は省略可能です。
  3. ■ユーザ定義CSS に、ページ下部の添付ファイルの全文をコピペして「変更する」 を押して下さい。

以上で作業は完了です。お疲れ様でした。表示崩れなどがあったら教えて下さい。
では、ありがとうございました。またよろしくお願いします。

タグ:

+ タグ編集
  • タグ:

このサイトはreCAPTCHAによって保護されており、Googleの プライバシーポリシー利用規約 が適用されます。

最終更新:2016年01月21日 18:49