このコーナーでは、テンプレートのカスタマイズについて、実際のサンプルページを元に紹介していきます。
皆さん、こんにちは。おちゃのこネットの刑部です。
今回のデザイン道場はスマホ版の右上に表示されるPCサイトリンクのアイコンを変更する方法です。
スマートフォン管理→スタイルシートの編集から指定します。
●画像について
下記に利用しているパソコンアイコンをアップしています。
利用される場合は、保存していただき画像専用管理画面→コンテンツフォルダにアップしてください。
※画像をご自身で作成される場合は、高解像度での表示を考慮し、縦30ピクセル×横30ピクセルで作成してください。サイズはCSSのbackground-sizeで調整できます。
.pcsite {
width: 75px;
}
.pcsite li A {
width: 75px;
background-image: url(image/pc.png);
background-size: 15px 15px;
background-position: 53px 2px;
}
Copyright (C) 2004-2006 OCHANOKO-NET All Rights Reserved.