ポスター印刷

ポスター印刷で 4枚を一つに  デフォルトで2030年となっているのを 2023年になおしたつもりが、なおってなかった。

どうしたものか！とポスター4枚組のうち1枚だけを印刷するのに成功。

切り取りと のりしろを 重ねてポスターにできました。

Backup

 Backupをとるときは サーバーに接続してからにする
これがおそろしい！ もし間違って消したら怖いな という感じ
サイトマネージャーに接続  wwwのほうのBackupを開く

武田尾資料

 今回の資料の保管場所：

tpk.takarazuka@gmail.com の google drive 内の下記へアップロードしています。

Posted on
Presentation（一般公開）/Presentation_2022-11-05_No1/武田尾紅葉狩り_会員発表写真_公開版.pdf

例会テーマの該当セルへ、上記リンク先を設定しました。

お願い：
今回の様に google drive
へアップロードした「武田尾紅葉狩り_会員発表写真_公開版.pdf」ファイルはダウンロードして、ご自分のPCへバックアップをお願いします。さくらサーバー上にも場所（フォルダー）を作って保存した方が安全ですね。

ｈｔｍｌ 訂正

 訂正版ファイルは下記へアップしてあります。

https://drive.google.com/drive/folders/1Sm7T6y_riMfbZ3VTcLK0kroVWXP2sVqk?usp=sharing

***「right_kougai_2021.html」で書き換えたところ：***
１、right_kougai_2021.html 内の不要コードを思いっ切り削除。理由は不明ですが、各写真の配置が3次元方向にも回転できるコードになっていたので削除しました。カルーセル表示の場合は写真を前後方向へ回転する様な表示になりますが、本ページでは必要ありませんので、2次元での配置にしました。

２、style 内の各設定の上へ内容を示す覚え書きを追記。
３、bodyのheightを1500px → 1250px へ。
４、width、height、left、top に対する値が % 指定の個所を px へ書き換え。

５、画面上の余白を少し増やす。好みの問題。
６、パンダの下を少し空ける。
７、合成写真の縦幅が元写真より長くなっていたので合成された元写真に 合わせるため height: auto; と設定。

８、画面下に表示される左右スクロールバーを消すために、body 項目へ
  overflow-x: hidden; を追記。

９、assets 内に置いてあった写真を html と同じフォルダーへ移動。html 内の写真指定から assets を削除。パブリッシュで出力したのと同等の状態へ。

***「right_kougai_2021_menbers.html」で書き換えたところ：***
１、bodyのheightを1500px → 680px へ。パソコン画面の上下幅を広げても右側スクロールバーが表示されるのを防ぐため。
２、８、画面下に表示される左右スクロールバーを消すために、body 項目へ
overflow-x: hidden; を追記。

他にも書き換えたところがあるかも・・・

よくわかりませんが

 上記 ８）項は、写真を記述している行へ、object-fit="cover"

を追記しました。この追記によって、元写真をカットすること無く上下の中央で指定の幅が切り出されます。

<amp-img src="IMG_5740.jpeg" width="679px" height="294px"
class="gwd-amp-img-w65p" object-fit="cover"></amp-img>

以上です。 らしい よくわかりませんが  😕😕😕

evernote

 画面をｐｄｆにする機能について クロームでするのですが、画面全体をなｋなかpdfにすることができません クリームの拡張機能もだめでした

evernoteのスクリーンショットをつかえば 全体でも 一部でもpdfにできました

昔できたのに 今はできないと思っていたら スクリーンショットでできました
無料でここまで できるのはすごいです！😋😋😋

ひとかたまりだと宣言する命令

 ベクター画像を作成するソフト

（Inkscape）
紹介

この様な場合にも対応する様に、「紹介」と言う文字列が 一塊
だと宣言する命令を記入します。

<li><b>ベクター画像を作成するソフト（Inkscape）<span style="display:
inline-block;">紹介</span></b></li>

紹介 を display: inline-block; と宣言するのです。

以上、さくらサーバの insert-topics.html を書き換えました。