Loading…

WordPress テーマ 伝えたいこと 備忘録

zenbackイメージ画像を丸くする

zenbackのイメージ画像を丸くする方法

本日の人気記事BEST10

所要時間目安:1


WordPress テーマ 伝えたいこと 備忘録

zenbackイメージ画像を丸くする

つい先の投稿で関連記事のイメージ画像を丸くする方法を投稿しました。

Stinger7の様に関連記事画像をStinger6でも丸くする方法
WordPressのテーマでStinger6がリリースされた頃に私はWordPressにてブログを始めてみました。 そう思っていたら、Stinger7がおおよそ1ヶ月半後に

ですが、
それだけですと全体的なバランスが取れないことに気づきました^^;

なので、

よく読まれている人気記事一覧

zenbackという関連記事?などを表示するツール?サービスのキャプチャ画像を丸くする方法です。

同じくCSSをいじります。

スポンサーリンク

アドセンス336pxPC閲覧記事下表示1つ目コード

修正・追加する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でのキャプチャされてきたイメージ画像は全部丸くできました。

あとは、
どこか抜け目がないかどうかなのですが…。

また、
気づいた際に追加投稿します。

自分への備忘録として残しておきたいと思います。

もし、
参考になる方がいらっしゃれば幸いです。


アドセンス336pxPC閲覧記事下表示1つ目コード

WordPress, テーマ, 伝えたいこと, 備忘録」同じカテゴリーの記事一覧


おすすめの記事一部広告

    Multiplex 広告

関連記事

引用元サイトのテキスト選択部分を自動的に作成するブックマークレット

PC ツール ブックマークレット 伝えたいこと 備忘録

WordPressのインラインリンク化が嫌な場合ブックマークレットにてリンクコード作成方法

私自体、インライン化されたリンク機能はあまり使ったことがないのですが、 ほとんど以前記載したブログカードによるリンクか、 WordPressブログカード作成方法 昨今、ShereHTMLでのリンク作成…

もっと読む

カエレバをCSSでカスタマイズ

Stinger6 Stinger7 WordPress カスタマイズ

カエレバ・ヨメレバをCSSでカスタマイズする方法

  アフィリエイトリンクを作成してくれるカエレバブックマークレットやヨメレバブックマークレットを使用している方々は多いと思います。 私は、 カエレバ。というサイト?を知りはじめは意味がわかり…

もっと読む

ご本人様不在の為お荷物を持ち帰りましたご確認ください。

セキュリティ 伝えたいこと

ご本人様ご不在の為持ち帰りました。ご確認ください。はフィッシング詐欺

タイトル通りなのですが、スマホ(携帯)のSMSに今月初旬に「ご本人様ご不在の為持ち帰りました。ご確認ください。」という内容のSMSがきていました。電話番号は登録されていない番号です。そのメッセージ内に…

もっと読む

帯状疱疹治療薬バルトレックス錠

伝えたいこと 備忘録 治療

帯状疱疹の症状と特効薬治療と塗り薬痛みにはリリカで対処方法

昨今、寒くなってきました。 そうなってくると一番メジャーな病気としてはインフルエンザ(ノロウイルスも)ですが、他にも意外と帯状疱疹(ヘルペス)も多くなってきてしまいます。 なぜかは寒くなった為に抵抗力…

もっと読む

目次に戻る

よろしかったらシェアよろしくお願いします。

-WordPress, テーマ, 伝えたいこと, 備忘録



この記事が良かったら
いいね!お願いします(#^.^#)

せきららの
最新情報をお届けします

言えないことはTwitterで!!



目次に戻る

目次に戻る


コメントを閉じる

comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください