記事の見出しタイトル

ご覧頂きありがとうございます。

下記のブログのタイトル？？（青いフキダシ部分のタイトル）はどうやれば書くことができるのでしょうか？？

http://rentalhomepage.com/gravity/

【ゼロ・グラビティを観た感想・レビュー】や【宇宙遊泳を体験】といった青いフキダシの部分です。

当方も同じようにワードプレスを使用し、stingerというテーマを使用してみました。しかし全くできませんでした。

CSSなのかjavaなのか。。。ソースを見ても、ほとんど知識が無いためわかりません。
具体的にどういうタグを追加・削除すればいいのか、どなたか教えて頂けませんか？
お願い致します。

No.1 ベストアンサー 回答者： torayoshi 回答日時： 2013/12/20 19:23

私はワードプレス使ってないので、参考程度に（回答でなくて申し訳ないです）。

「青い吹き出し」は画像です。
http://rentalhomepage.com/wp-content/themes/stin …
それをCSSで背景として指定し、上にテキストを重ねてます。

【CSS】
http://rentalhomepage.com/wp-content/themes/stin …
↑上記CSSの
/*中見出し*/
h2 {
font-size: 26px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 35px;
padding-left: 45px;
color: #FFFFFF;
line-height: 40px;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 20px;
background-image: url(images/h2no.png);
background-repeat: no-repeat;
background-position: left bottom;
margin-left: -45px;
}
の所のbackground-image: url(images/h2no.png);
が青い吹き出しの背景画像。

テキスト（ゼロ・グラビティを観た感想・レビュー）は
本サイトのソースの242行目<h2>ゼロ・グラビティを観た感想・レビュー</h2>

この回答へのお礼

ありがとうございます!!よくわからないまま質問してしまい申し訳ありませんでした。
最初回答内容をみても『？』でした。。
その後、多少勉強をし、今では何を指摘されているのかよくわかるようになりました！

本当にどうもありがとうございました！

お礼日時：2013/12/22 14:44

No.2 回答者： kobliha 回答日時： 2013/12/21 12:29

フキダシは記事投稿時に「見出し2」として記述。

その下のチェックマークは同じく見出し3として書く。
CSS には torayoshi さんの回答どおり追加し、モチロン画像もアップロードして書き換える。
チェックマークはこのように指定してある。
.post h3 {
font-size: 20px;
margin-bottom: 30px;
margin-top: 10px;
padding-top: 15px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 60px;
color: #000000;
line-height: 30px;
background-image: url(images/topih3.png);
background-repeat: no-repeat;
background-position: left center;
margin-left: 0px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #6D9AB7;
}

この回答へのお礼

お答えいただきありがとうございました！

お礼日時：2013/12/22 14:44