T.Takahashi Bloggerの記事タイトルを吹き出し風にする 2017-07-11T08:24:00Z
０；ゼロからはじめる！

【最終更新日：2017/07/11】 ブログカスタマイズ

Bloggerの記事タイトルを吹き出し風にする

こんな感じで記事タイトルを吹き出しにする。

chromeの検証で覗いてみると記事部分はclass="post-title"に相当すると思われるのでその部分を編集する。下記のCSSを追加する。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
h3.post-title {
 position: relative;
 padding: .5em .75em;
 background-color: #f0f0f0;
 border-radius: 6px;
}
 
h3.post-title::after {
 position: absolute;
 top: 100%;
 left: 30px;
 content: '';
 width: 0;
 height: 0;
 border: 10px solid transparent;
 border-top: 15px solid #f0f0f0;
}

参考にしたサイト様

関連記事


スポンサーリンク

0 件のコメント :

コメントを投稿