wa-pa-paのブログ一覧

今週の３連休は３日間とも曇り雨の天気で特に出かけもせずに晴れ間を見て洗車&整備をしていました。
２週間くらい前に恵山へ海岸線を通りドライブをしてきました。
出発前に湯の川の植物園駐車場でサルとのショット。


海岸線を走っていると昆布の最盛期なのか昆布干通りは昆布だらけでした。天気も良く青森もくっきり見えていたので本州最短距離地点の近くでのショット。


いつもは整備された道を通っていたのですが今回は常に海岸線をということで通行止めでもいけるところまではと1度も通ったことのない道に行ってみたら断崖絶壁に細い道手掘りトンネルととてもスリル満点の道でした。道南金剛というところだそうです。お気に入りの場所になりりそうです。
細い道ですが対向車もきます。ところどころに待避所があります。




手掘りトンネル。


函館バスも通ります。




目的地の恵山に到着
標高618 mの気象庁による常時観測対象の活火山だそうです。






2週間ほど雨で洗車できなくて近くで見るとかなり汚れていたのですが写真で見るとそうでもないです。
とてもいいドライブでした。

タイトル通りブログに大きな画像を貼るための設定を物忘れがひどいのでブログに記録しておきます。自己責任で作業を行ってください。
スマホ版アプリで見ても画像サイズが同じで何のこっちゃなのでPCで見るとサイズの違いがわかります。


ブログに大きな画像を貼るための設定(画像準備編)で作成したブログで大きい画像の右側が欠けている部分を欠けないで表示する設定方法です。


①みんカラマイページの管理よりスタイルシートを選択します。


②スタイルの選択画面が表示されるのでここでスタイルを選択しても設定できるみたいですが自分はできなかったので簡易編集でスタイルシートを設定しました。
また現在スタイルシートを複雑にカスタマイズ設定している方は設定がリセットされてしまいますので、そのまま⑥から設定するか、してみてください。


③簡易編集画面の赤丸の基本とするスタイルより自分はみんカラホワイトを選択しました。
選択後読み込みボタンを押します。
読み込みボタンを押したら今まで使用していたスタイルシートは上書きされますので気を付けてください。


④基本とするスタイルを選択・読込後、簡易編集画面の一番下に保存ボタンがあるので保存ボタンを押します。


⑤保存ボタンを押すと「スタイルシートを読み込みますか?保存されている画像以外の編集内容は破棄されます」とメッセージが表示されるのでOKを選択


⑥スタイルシートの読み込みが完了したら赤丸の詳細編集を選択し共通コンテンツを選択します。


⑦コンテンツ領域の赤丸部分「overflow:hidden;」を変更します。


⑧コンテンツ領域の赤丸部分「overflow:hidden;」を「overflow:visible;」に変更します。
この変更で画像の右側の欠けがなくなり全体が表示されるようになります


⑨変更完了後共通コンテンツ画面の一番下に保存があるので保存します。


⑩共通コンテンツの保存が完了したら赤丸のスタイル選択をクリックしてカスタムスタイルの適用を押します。これで右側の欠けがなくなり全体が表示されるようになっているはずなので画像準備編で作成したブログを表示してみます。


⑪右側の欠けがなくなり全体が表示されるようになっていますが、赤矢印の線と赤丸部分のサイドメニューの背景で画像が見えていないので、赤矢印の線の除去と、赤丸のサイドメニュー背景の透明化をします。


⑫まずは赤矢印の線の除去ですが、スタイルシートの詳細編集のコンテンツ共通 の コンテンツ表示上部・コンテンツ表示・コンテンツ表示下部3か所赤丸部分に「background:url(https://cdn.snsimg.carview.co.jp/～) no-repeat bottom left;」とありますがカッコ内のURLを削除して「background:url() no-repeat bottom left;」とします。3か所ともにカッコ内のないURLを削除します。


⑬変更後は赤丸の様になります。確認後共通コンテンツの保存をし、スタイル選択の中のカスタムスタイルの適用を押します。これで赤矢印の線の除去とが完了したので、またまた画像準備編で作成したブログを表示してみます。


⑭赤矢印にあった線が消えています。
次に赤丸のサイドメニューの背景の透明化です。
スタイルシートの詳細編集のサイドメニューを選択します。


⑮赤丸のサイドメニュー領域の
width:300px; を　width:200px; に変更。
background:#fff;　を　background:; に変更。
最終行にmargin:100px;　を追加入力。


⑯⑮の通り変更・追加するとこうなります。
並びが違うかもしれませんが、それぞれの項目が変更・追加されたことを確認後、サイドメニューの保存をし、スタイル選択の中のカスタムスタイルの適用を押します。これで赤丸のサイドメニューの透明化が完了したので、またまた画像準備編で作成したブログを表示してみます。


⑰サイドメニューの背景は透明化されているので以上で完了です。


以上で設定は完了です。
またサイドメニューが邪魔で気になる方はサイドメニューを消してしまうこともできるようなのでご紹介します。
画像はございません。
スタイルシートの詳細編集のサイドメニューで
サイド領域リンク内とサイドメニュー領域内に
opacity:0;
を追加入力をします。
その後サイドメニューの保存。
スタイル選択の中のカスタムスタイルの適用を押します。
画像準備編で作成したブログを表示してみます。
サイドメニューが消えていれば完了です。

長々とお付き合い頂きありがとうございます。