上へ

Q283.QuestCGIの合格画面のボタンのデザインの変更方法は?

A

テンプレートとCSSを編集すると良いです

標準では「合格証書」のボタンのclassは「BLINK」、「再チャレンジ」のボタンのclassは「START」になっていますが、「2-10.完了画面(クリア成功)の編集」の画面の

%CERTIFICATEPDF%



<P id="LASTBTN">
%CERTIFICATEPDF%
</P>

のように修正し、「2-1.スマホ用スタイルシートの編集」に

#LASTBTN A {
変更後のCSS
}
#LASTBTN A:hover {
変更後のhoverのCSS
}

を追記すると、デザインを変更出来ます。


その他、HTMLでボタンを記述する方法もあります。
「2-10.完了画面(クリア成功)の編集」から編集出来るようになっていますので

合格証書
<A class="○○" href="certificate.cgi?cono=%NO%&mode=pdf">合格証書</A>

再チャレンジ
<A class="△△" href="iquest.cgi?no=%NO%">再チャレンジ</A>

のようにボタンをHTMLタグで記述し、「○○」と「△△」の部分をCSSで指定すると、自由なボタンで表示出来ます。

平均:0.00
starstarstarstarstar 0
starstarstarstarstar 0
starstarstarstarstar 0
starstarstarstarstar 0
starstarstarstarstar 0

関連した質問

コメント(全0件)

  • お名前
  • 投稿には免責事項の同意が必要です。
    必ず免責事項 をお読み下さい。
  • 同意する。 同意しない。
更新年月日:2017年10月20日03:07:13