穏やか暮らし研究所(旧どろっぷしっぴんぐ研究所)0こんにちは、どろっぷしっぴんぐ研究所の奥成大輔(オクナリダイスケ)です。今週はWEBデザイナーの山口美登利さんです。前回はショップできすぎくんで一番目立つタイトル画像作りのヒントについて寄稿してくださいましたが、今回はCSSを使った小技を3つ紹介してくれました。今週もお楽しみください。皆さんこんにちは、山口です。1年経つのは早いものでもう残すところ今年も50日そこそことなってしまいました。最近私は自分のショップやブログについて、今後も末永く運営できるようにどうすればいいか、そんなことを考えたり模索したりしているうちにどんどん時間が経ってしまいました。手を動かさないうちに時間が経ってしまうことの焦りがどんなものか、皆さんも良くご存じだと思います(^_^;)そんな焦りを感じつつも、自分なりに考察して改善できたことに少しばかりの達成感を感じています。前置きが長くなってしまいましたが今回のメルマガでは、CSSを使った小技を3つご紹介いたします。すると目新しい情報ではないかもしれませんがお役に立てれば幸いです。★px;」を追加することで、角を丸めることが出来ます。5px;」とすれば、半径5pxの角丸が反映されます。画像にも使えるので、四角い画像を丸く切り抜いた画像に見せることもできますね。数字を変えていろいろ試してみて下さい。因みに、4つある角それぞれに別の数値を設定することも出来ます。アドレスバーの色を変えるホームページの上部にURLを入力する場所がありますよね。その部分の色を変える方法です。必要かどうかと問われると、特に必要がないかもしれない小ネタですが、細かなところにこだわることで、他のサイトと差別化を図ったり、ユーザーに印象を残せるかもしれません。Chromeでご覧ください。head内に以下のメタタグを追記するだけです。head内に追加してください。content=”●●●”の部分を好きなカラーコードに変更してください。できすぎくんショップ、スマホ時のバーガーメニュー画像を変更するできすぎくんショップのスマホ時のバーガーメニューを自分の用意した画像に差し替えることで、一気にイメチェンできる...かも!?まずはCSSファイルと画像をご自分で用意する必要がありますので、その時点で面倒!と感じる人には向いていないかもしれません(^_^;)いろいろやり方はありますが、今回はデフォルトで設定されているバーガー画像を差替える方法です。えたい160px×64pxの画像を用意して、どこかにアップロードします。CSSファイルに以下のコードを貼り付けます。次に「https:hogehoge.com/★★★.jpg」部分をアップロードした画像URLに変更してアップロード。ショップできすぎくんの管理画面でCSSファイルをリンクすれば完成です。0!important;}...と、今回は3つの小技をお知らせしました。良くも悪くも様々な経験を経てフリーランスになる。出来ることはWEBデザインほかDTPデータ制作など。2018年からはもしもドロップシッピングのショップ運営や、創作活動をメインに活動、研究中。それでは、次号もお楽しみに。公式メルマガ(無料)』の一部を修正、改訂して掲載しています。メルマガのご登録はこちらTweetPocket公式メルマガ『ドロップシッピング十戒』好評発売中!ドロップシッピングでは正しいノウハウを実践して成果につながる作業を実行することが大切です。『ドロップシッピング十戒』は、ドロップシッピングのショップ運営の指針を解説する電子書籍です。KB商品ファイル名:dsjikkai20141117.pdfページ数:全62ページ(表紙・背表紙含む)『ドロップシッピング運営者十戒』を心得に、共にチャレンジする仲間やコミュニティを大切に、夢や目標を達成し、理想のライフスタイルを実現してください。ご購入・詳細はこちら穏やか暮らし研究所(旧どろっぷしっぴんぐ研究所)穏やか暮らし研究所(旧名称どろっぷしっぴんぐ研究所)は「自由に穏やかに暮らそう」を理念にWebメディア運営や個人のビジネスをサポートしています。2020年1月で創立10周年。