このコーナーでは、テンプレートのカスタマイズについて、実際のサンプルページを元に紹介していきます。

皆さん、こんにちは。おちゃのこネットの刑部です。

今回のデザイン道場はスマホ版の右上に表示される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;
}

 
なお、お問い合わせは下記ページからお願い致します。

https://www.ocnk.net/contact/index.php

Copyright (C) 2004-2006 OCHANOKO-NET All Rights Reserved.