ところで、QooQは全体として丸みを帯びたフォーマットになっており、関連記事も表示されるサムネイル画像が円形になっているのです。
これを四角にしたいのです。全体的に四角いブログサイトですので。
HTML編集で写真の丸みをカスタマイズ
と言っても、大した作業ではありません。HTMLの以下の箇所を編集して、丸くしないようにするだけ。
こちらもどうぞ 【Bloggerカスタマイズ】HTMLを編集する
４５７行目あたりを修正します。元々はこのようになっています。
border-radius: 50%は、角の５０％を丸くする、ということ（ということは四隅が５０％ずつ丸くなるので真円になるってことで）。これを０％にすると、角が全く丸くならず、つまり四角になるということ。
これだけで終了。
変更した結果は
結果は以下の通り、四角くなりました。
簡単ですね！パーセントを変えれば、ちょっと丸みを残すこともできます。
サムネイル画像の大きさとか、他の部分も変えられそうです。
0 件のコメント:
コメントを投稿