その他

スクロールの上矢印アイコンを変更する

【手順】

1. scrollup.inc.phpを /plugin からダウンロードします。
2. 以下の通りソースを修正します。
   42行目付近から、3ヶ所修正。色とアイコンを指定します。

<style data-qhm-plugin="scrollup">
.qhm-plugin-scrollup {
/* color: inherit;  2016.12.29 */
  color: orange; /* アイコンの色を変更 2016.12.29 */
  bottom: 10px;
  right: 10px;
  cursor: pointer;
}
.qhm-plugin-scrollup.affix:hover {
/* color: inherit;  2016.12.29 */
  color: orange; /* アイコンの色を変更 2016.12.29 */
  opacity: .8;
}
</style>
EOD;
    $qt->appendv_once('plugin_scrollup_style', 'beforescript', $add_style);

    $add_script = <<< EOD
<script data-qhm-plugin="scrollup">
$(function() {
    $("body").append('<a class="qhm-plugin-scrollup"></a>').find(".qhm-plugin-scrollup")
/*  .html('<i class="fa fa-arrow-up fa-2x"></i>')  2016.12.29*/
    .html('<i class="fa fa-arrow-circle-up fa-2x"></i>') /*矢印アイコンを変更 2016.12.29*/

1. scrollup.inc.phpを /plugin へアップロードします。

【解説】

• アイコンは、以下のサイトのアイコンが指定できます。
  http://fontawesome.io/icons/
• アイコンの大きさを変更したいときは、fa-2x を fa-3x　などと変更してください。

【注意】

• 当Tipsは、ソースを変更しますので十分注意してください。
• 必ずバックアップを取ってから実施しましょう。