ホームページ制作関連の技術ネタを備忘録的にまとめています

Greyboxの閉じるボタンがデフォルトのままだと押しづらいしデザインもイマイチなのでカスタマイズしてみました。

閉じるボタンを表示したい位置に

<a href=”#” onclick=”parent.parent.GB_hide();”>閉じる</a>

とか

<button name=”closebutton” type=”button” onclick=”parent.parent.GB_hide();”>閉じる</button>

表示する文言は画像にしたり色々加工すればOK！

それで、デフォルトで表示される閉じるボタンを消すには、gb_styles.cssの.GB_Window .headerにdisplay:none;を追加すれば表示されなくなる。