つい先の投稿で関連記事のイメージ画像を丸くする方法を投稿しました。
ですが、
それだけですと全体的なバランスが取れないことに気づきました^^;
なので、
人気記事一覧
車のキーナンバー確認方法。キーレス紛失や壊れた時
148,435件の PV
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく
105,301件の PV
Windows10,Windows8.1プロダクトキー確認方法
75,466件の PV
Windows10でエラーコード0x800705b4の対処方法
67,219件の PV
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法
41,006件の PV
スロットルポジションセンサー調整で不安定なアイドリング調整
40,203件の PV
車から異音の原因。カラカラ、カタカタ、コトコトなど…。
38,151件の PV
Office2010・2013でプラダクトキー紛失して確認・再発行してもった方法
37,221件の PV
ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法
36,209件の PV
カーメイトのエンジンスターターでエラー15表示と対処方法
31,240件の PV
- 車のキーナンバー確認方法。キーレス紛失や壊れた時
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく
- Windows10,Windows8.1プロダクトキー確認方法
- Windows10でエラーコード0x800705b4の対処方法
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法
- スロットルポジションセンサー調整で不安定なアイドリング調整
- 車から異音の原因。カラカラ、カタカタ、コトコトなど…。
- Office2010・2013でプラダクトキー紛失して確認・再発行してもった方法
- ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法
- カーメイトのエンジンスターターでエラー15表示と対処方法
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でのキャプチャされてきたイメージ画像は全部丸くできました。
あとは、
どこか抜け目がないかどうかなのですが…。
また、
気づいた際に追加投稿します。
自分への備忘録として残しておきたいと思います。
もし、
参考になる方がいらっしゃれば幸いです。
zenbackでのキャプチャされてきたイメージ画像は全部丸くできました。
あとは、
どこか抜け目がないかどうかなのですが…。
また、
気づいた際に追加投稿します。
自分への備忘録として残しておきたいと思います。
もし、
参考になる方がいらっしゃれば幸いです。
おすすめの記事一部広告
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく22
- 車のキーナンバー確認方法。キーレス紛失や壊れた時21
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法18
- カーメイトのエンジンスターターでエラー15表示と対処方法15
- スロットルポジションセンサー調整で不安定なアイドリング調整8
- TOYOTAキーレスリモコンの設定方法とキーナンバー（キー番号）7
- 日産セレナとエクストレイルでECOモーター（オルタネーター）のリコール情報と対策案など6
- シガーライターがない車にシガーライターソケットの付け方と増設方法5
- アイドリングストップシステム異常警告灯表示対処方法5
- Windows10,Windows8.1プロダクトキー確認方法4
おすすめ！！
世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう！！ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ！！
あなたにおすすめ
-
Windows10サポート期間一覧表
Windows10がリリースされて早いものでもう2年と7ヶ月経ちます。そんなWindowsの最新バージョンであるWindows10ですがサポート期間があるのをご存知でしょうか。
-
帯状疱疹かと思ったけれど蕁麻疹で治らない時にデルマクリン軟膏とアンテベート軟膏
以前に帯状疱疹かと思い皮膚科を受診しました。 そしたら、ちょっと診断まではつかないなぁ。ということでステロイド軟膏と神経障害性疼痛に処方されるリリカという薬が処方されました。 それから1ヶ月弱・・・・…
-
鳥越俊太郎さん週刊文春の記事を否定。当たり前だと思うけど…。
（アイキャッチ画像はhttps://news.tbs.co.jp/newseye/tbs_newseye2826318.htmの動画のスクリーンショットです。） 昨日（2016年7月20日）一部メディ…
「WordPress, テーマ, 伝えたいこと, 備忘録」同じカテゴリーの記事一覧
Total158
アクセスランキング
よろしかったらシェアよろしくお願いします。
コメントを閉じる
[…] zenbackのイメージ画像を丸くする方法 […]