自宅内ネットワーク構成Geartics(ギアティクス)アマゾンほしい物リストSNSXInstagramYouTubeフォト蔵mixi問い合わせ問い合わせプライバシーポリシー(確認事項)このMASAa.netには【広告】【PR記事】が掲載されています。MASAa.netご利用の方はプライバシーポリシーをご確認下さい。Pinterest2019.01.12この記事は約40分で読めます。Cocoonのカスタマイズによって、このMASAa.netのデザインが確立されています。Cocoon用スキンとして掲載してみました。今回アップするスタイルシート(style.css)とCocoonの設定を行うことで、このMASAa.netと同じデザインとなります。不具合が発生する可能性もありますので、カスタマイズを行う前には必ずスタイルシート(style.css)やCocoon設定等のバックアップを必ず行って下さい。テーマカラーのパープルに従って、Cocoonの設定内容を変更します。変更する設定箇所と変更内容は下記の通りです。サイドバー枠設定:#9b61feフッター~フッター設定フッター色:フッター背景色:#9b61feボタン~トップへ戻るボタン設定ボタン色ー背景色:#9b61feヘッダーメニュー画像ヘッダーメニューには、png画像が使われています。今回パープルのヘッダーメニュー画像を用意しました。このヘッダーメニュー画像を保存して、自分が使っているサーバーにアップします。画像にリンクを行わずに必ずダウンロードしてご利用下さい(一定期間後削除します)。カスタマイズ内容これまでエントリー記事としてアップしてきたカスタマイズをまとめたものが下記となります。ヘッダーメニュー画像を指定します(※721行目辺りpngを検索して下さい)。後は初期状態の「スタイルシート(style.css)」に貼り付ければ完了です。/*1つの空白にまとめて表示。/*アニメーション*/}プロフィールボックスとモバイルメニューについてプロフィールボックスとモバイルメニューのカスタマイズは入っていません。プロフィールボックスについては、リスブロサイトの「【Cocoon】プロフィールボックスをオシャレにカスタマイズしてみたッ!!」を利用させて頂きました。安心s41t0h.jpモバイルメニューについては、同じくリスブロサイトの「【Cocoon】モバイルメニューを横並びにしてスクロール可能にするCSSカスタマイズ(β版)」をそのまま利用させて頂きました。安心s41t0h.jpこちらのソースを「スタイルシート(style.css)」を貼り付けることで、プロフィールボックスとモバイルメニューのカスタマイズが行えます。最後に今回パープルのテーマカラーを作成してみましたが、MASAa.netのテーマカラーであるピンクや前回のオレンジと違ってハッキリとた派手さがあります。サイトとしてはあまり使われていないカラーなので、結構目立つかもしれません(笑)Jリーグのサンフレッチェ広島や京都サンガF.C.好きには良いテーマカラーかも(・∀・)ノ次も、ピンク、オレンジ、パープル以外のテーマカラーを掲載したいと思います。Cocoon側の設定によっては正常に表示されない場合があります(目次など)。その場合は、先日エントリー記事としてアップした「【Cocoon】MASAa.net開設3ヶ月後のCocoon設定について」で、Cocoonの設定を照らし合わせて下さい。【Cocoon】MASAa.net開設3ヶ月後のCocoon設定について2018年9月25日から開始したこのブログ「MASAa.net」も早いもので3ヶ月以上が経過しました。Cocoonの設定項目についてまとめてみました。masaa.net2019.01.07もし今回のデザインをご利用される方が(居ないと思うけど)おられましたら、ご一報頂ければ幸いです。コメントをキャンセルメールアドレスが公開されることはありません。date*日本語が含まれない投稿は無視されますのでご注意ください。(3)サイト運営者masaaブログ歴20年目の弱小ブロガー。PCはMZ-80Cから始まりMZ-80B,PC-8001/8801/88VA/9801/9821/N/NS等を経て現在自作PCに夢中。THORで3つのウェブサイトを運営中。blogたっけーブログもう50年生きちゃったよ。(3)MASAa.net内を検索サイト運営者masaaブログ歴20年目の弱小ブロガー。PCはMZ-80Cから始まりMZ-80B,PC-8001/8801/88VA/9801/9821/N/NS等を経て現在自作PCに夢中。THORで3つのウェブサイトを運営中。blogたっけーブログもう50年生きちゃったよ。defined.")}))})()。