子猫にも出来るカスタム・バナー [s k i n]
動きのあるバナーにしたいと思っていた。米インディ・レーベルの無料サンプラー・アルバム《Asthmatic Kitty Digital Sampler, Winter 2014》(Asthmatic Kitty 2013)のカヴ ァに使われていた「瞬きするネコ」を借用することにした(当初は瞬きしていたが、今は瞬かない)。ところがGIF画像をパソコン内でリサイズ(縮小)すると何故か動かない。ネット検索すると、リサイズしても動かせるフリーソフトが外部サイトに幾つかあった。使い勝手の良さそうな「バナー工房」の「GIFアニメのサイズ(容量)縮小」を利用した。本ブログで使用可能な画像サイズは1MB以下に制限されているので、これ以上大きな画像はアップロ ード出来ない。ネコの位置を右にCSSで配置して、画像と同じ背景色(#1dc3e6)で左側を塗り潰す。完成したカスタム・バナーを〈スニーズ・ラブ〉のデフォルトにした。ネコの目が瞬くだけでなく、ヒゲや毛先が微動しているところも気に入っています。
*
皆川博子、山尾悠子に続き、川野芽生のスペシャル・バナーを作ってみた。皆川、山尾両氏のバナーはネット上の写真をトリミングして使ったが、初々しい川野氏のポートレイトは少ない。「短歌ムック ねむらない樹」(書肆侃侃房 vol.7 2021)の「バナー広告」から借用することにした。左側に 「川野芽生特集号」、下部に「往復書簡 山尾悠子×川野芽生」「自筆年譜 / 短歌「燃ゆるものは」/ 小説「蟲科病院」ほか」 という文字が入っているので、彼女の横顔だけを切り抜く。画像のトリミングはmacOSの標準アプリ「Preview」で編集した。メイクアップ・ツールから 「投げなわ」(Lasso Selection)を選択し、ポインタを画像の輪郭に沿ってドラッグする。「投げなわ」の方が 「スマート投げなわ」(Smart Lasso)よりも詳細に切り抜ける。微細な部分は画像を拡大して修整する。ファイル形式をPNGに変更すると背景が透過するようになるので、背景を任意のカラー(#a7d28d)や画像で指定する。
*
バナーの上下に文字を挿入することが可能です。管理ページからデザイン→レイアウト→ヘッダ(ブログの紹介文)→挿入テキスト(上部 / 下部)を開いて、任意の文字列を書くだけで、バナーに表示されるようになります。右下にコピーライト(© 2022 Sknynx)を入れてみました。CSSで指定すれば位置や文字サイズ、文字色、フォントなども自由に変更出来ます。サイドバーにあった 「コピーライト」(© 2022 Sknynx. All Rights Reserved.)を記事本文下のフッタに移動しました。管理ページからデザイン→レイアウト→記事カラム(記事)→挿入テキスト(下部)を開いて、任意の文字列を書くだけです。
<span class="csknynx">
<a href="https://sknys.blog.ss-blog.jp/2022-05-06">© 2022 Sknynx</a>
</span>
<style>
.csknynx a{float:right; padding:20px 5px 0px 0px; font-size:90%; color:#fef9fb}
.csknynx a:hover{color:#ffcccc}
</style>
<a href="https://sknys.blog.ss-blog.jp/2022-05-06">© 2022 Sknynx</a>
</span>
<style>
.csknynx a{float:right; padding:20px 5px 0px 0px; font-size:90%; color:#fef9fb}
.csknynx a:hover{color:#ffcccc}
</style>
<div id="footer">
<li class="copyrights">Copyright © 2022 Sknynx. All Rights Reserved.>
</li></div>
<style>
#footer{width:550px; margin:0px auto; padding:30px 0px 20px 0px; clear:both}
#footer .copyrights{float:right; font-size:90%; list-style-type:none}
</style>
<li class="copyrights">Copyright © 2022 Sknynx. All Rights Reserved.>
</li></div>
<style>
#footer{width:550px; margin:0px auto; padding:30px 0px 20px 0px; clear:both}
#footer .copyrights{float:right; font-size:90%; list-style-type:none}
</style>
*
- L i l i t h(書肆侃侃房 2020)川野 芽生
叙情の品格、少女神の孤独。端正な古語をもって紡ぎ出される清新の青。川野芽生の若さは不思議だ、何度も転生した記憶があるのに違いない──山尾 悠子 - 無垢なる花たちのためのユートピア(東京創元社 2022)川野 芽生
鋭い知性を芯とした幻想の葩は豊潤な表現力によって可視の存在となる──皆川 博子 - 「記事下部の文字挿入」(HTML・CCS)を追記しました(2022・8・8 「世界猫の日」)
custom banner / special banner 1 / 2 / 3 / 4 / sknynx 1077
Asthmatic Kitty Digital Sampler, Winter 2014
- Artist: Various Artists
- Label: Asthmatic Kitty
- Date: 2013/11/26
- Media: MP3(Free Download)
- Songs: World In My Eyes / Solo In Place / Devil We Know / Christmas Woman / Doubles / We Will You / I Am The Queen / Nothing But Time / Right Behind You (Acoustic) / Pure Water Displacement / Enters / NO TSURAI / Freely / The Sleigh In The Moon (Featuring Cat Martino)
- 著者:川野 芽生
- 出版社:書肆侃侃房
- 発売日:2020/09/26
- メディア:単行本
- 目次:anywhere / out of / the world / あとがき / 初出一覧 // 栞(石川美南、佐藤弓生、水原紫苑)
- 生年月日:1991/12/07(射手座)
- 出生地:神奈川県
- 所属:東京大学大学院総合文化研究科在学中
- 著作:Lilith(書肆侃侃房 2020)/ 無垢なる花たちのためのユートピア(東京創元社 2022)
- 受賞歴:第29回歌壇賞受賞 / 第65回現代歌人協会賞受賞
- 著者:川野 芽生
- 出版社:東京創元社
- 発売日:2022/06/21
- メディア:単行本
- 目次:無垢なる花たちのためのユートピア / 白昼夢通信 / 人形街 / 最果ての実り / いつか明ける夜を / 卒業の終わり / 解説・石井 千湖
2022-08-06 00:14
コメント(0)
SUBSCRIBED BLOGS 2 (5/28)