つい先の投稿で関連記事のイメージ画像を丸くする方法を投稿しました。
ですが、
それだけですと全体的なバランスが取れないことに気づきました^^;
なので、
プロモーションを含みます
zenbackのイメージ画像を丸くする方法
2025年10月22日 (水曜日)本日の人気記事トップ１０
-
メルカリ招待コード：
This session is using IPv4 is established in
今日は2025年10月22日です。
zenbackという関連記事？などを表示するツール？サービスのキャプチャ画像を丸くする方法です。
同じくCSSをいじります。
修正・追加するCSSは以下です。
自分の関連する記事のイメージ画像を丸くするCSS
#zenback-widget #zenback-related-article .zenback-module-item.hasthumb .zenback-module-item-image {
float: none;
width: auto;
height: 110px;
margin: 0;
BORDER-RADIUS: 100%;
}
お知らせのイメージ画像を丸くするCSS
#zenback-widget #zenback-news-hasimage .zenback-module-item-image, #zenback-widget #zenback-ad-hasimage .zenback-module-item-image {
height: 110px;
margin: 0;
width: auto;
text-align: center;
float: none;
BORDER-RADIUS: 100%;
}
お知らせのイメージ画像の下の広告イメージ画像（logly）を丸くするCSS
#logly-lift-869470 .logly-lift-ad-image-inner img {
position: absolute;
max-width: none;
max-height: none;
border-style: none;
BORDER-RADIUS: 100%;
}
これで上記画像のように、 zenbackでのキャプチャされてきたイメージ画像は全部丸くできました。
あとは、
どこか抜け目がないかどうかなのですが…。
また、
気づいた際に追加投稿します。
自分への備忘録として残しておきたいと思います。
もし、
参考になる方がいらっしゃれば幸いです。
関連記事
メンテナンス -
-
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法
本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…
メンテナンス -
-
日産ディーラーオプションナビMM316D-WからMM518D-L交換（換装）NISSAN純正ナビリモコン
ある程度、年式がたった車においてはディーラーオプションナビ（DOP）やメーカーオプションナビ（MOP）の地図データが古くなったり、ナビのモニタインチ数が大きくなったりします。地図データが古くなるのはも…
メンテナンス -
-
車のキーナンバー確認方法。キーレス紛失や壊れた時
初めての経験でした。（汗）…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。（汗）…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
¥5,980 （2025/09/20 19:25時点 | Amazon調べ） ポチップ ¥7,800 （2025/09/13 14:27時点 | Amazon調べ） ポチップ
zenbackでのキャプチャされてきたイメージ画像は全部丸くできました。
あとは、
どこか抜け目がないかどうかなのですが…。
また、
気づいた際に追加投稿します。
自分への備忘録として残しておきたいと思います。
もし、
参考になる方がいらっしゃれば幸いです。
関連記事
メンテナンス
-
-
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法
本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…
メンテナンス
-
-
日産ディーラーオプションナビMM316D-WからMM518D-L交換（換装）NISSAN純正ナビリモコン
ある程度、年式がたった車においてはディーラーオプションナビ（DOP）やメーカーオプションナビ（MOP）の地図データが古くなったり、ナビのモニタインチ数が大きくなったりします。地図データが古くなるのはも…
メンテナンス
-
-
車のキーナンバー確認方法。キーレス紛失や壊れた時
初めての経験でした。（汗）…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。（汗）…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
¥5,980 （2025/09/20 19:25時点 | Amazon調べ）
ポチップ 
¥7,800 （2025/09/13 14:27時点 | Amazon調べ）
ポチップ あなたにおすすめ
入学入社まであと…入学入社祝いはどんなPresent（プレゼント）でどのように過ごされますか？
ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
今週の人気記事トップ１０
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法
- Windows10サポート終了後の対応やWindows11への買い替えや移行など
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく
- カーメイトのエンジンスターターでエラー15表示と対処方法
- 日産ディーラーオプションナビMM316D-WからMM518D-L交換（換装）NISSAN純正ナビリモコン
- アルミテープチューン貼る場所で燃費向上と走行性能アップTOYOTAの特許を試してみた
- メガネ価格破壊元祖JINSのレンズ保証期間6ヶ月に2回交換可能
- エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ
- アイドリングストップシステム異常警告灯表示対処方法
- TOYOTAキーレスリモコンの設定方法とキーナンバー（キー番号）
おすすめの記事一部広告
- 車のキーナンバー確認方法。キーレス紛失や壊れた時109
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法101
- 日産ディーラーオプションナビMM316D-WからMM518D-L交換（換装）NISSAN純正ナビリモコン82
- カーメイトのエンジンスターターでエラー15表示と対処方法77
- TOYOTAキーレスリモコンの設定方法とキーナンバー（キー番号）75
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく74
- エクストレイルT32マイナーチェンジ後ステアリング外し方66
- エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ63
- キーIDが正しくありません。エクストレイルT32インテリジェントキー電池交換CR203259
- アイドリングストップシステム異常警告灯表示対処方法56
Total894
よろしかったらシェアよろしくお願いします。
コメントを表示（1）
[…] zenbackのイメージ画像を丸くする方法 […]
新着コメント