このサイトは１ヶ月 (30日) 以上ログインされていません。 サイト管理者の方は
こちら
からログインすると、この広告を消すことができます。
×
マイページ
プロフィール
更新履歴
本棚
なりきりトーク
コメント返信
ダイレクトメッセージ
お問い合わせ
スキのコメント返信
＞ギルルさん（Triangle Sprinkleのタイトル部分の三角を画像にする方法について）
2018
09
27
11:23
ご質問ありがとうございます！
下記に、用途に合わせて編集しやすいよう説明付きのCSSをご用意いたしました。
/* 三角部分 */
.site_title_bg {
border: 0;
top: -90px;/* 数値を変えると画像の位置を上下に動かせます */
background-image: url(配置したい画像のURL);
background-repeat: no-repeat;
background-size: contain; /* 画像の大きさです。containは表示領域内にちょうど収まるように画像を拡大・縮小して表示します */
background-position: center;
height: 180px;/* 画像を表示する領域の大きさ（高さ） */
width: 180px;/* 画像を表示する領域の大きさ（幅） */
}
/* サイトタイトル（文字色を変更したい場合） */
h1.site_title {
/* color: カラーコード;*/
}
こちらをご利用の上、編集をお試しいただけますでしょうか？
よろしくお願い致します。
2018/09/27 01:03
コメント返信TOP
読者登録
このサイトの読者登録を行います。
読者登録すると、このユーザーの更新履歴に新しい投稿があったとき、登録したアドレスにメールで通知が送られます。
ログインして読者登録
非会員で読者登録
＞ギルルさん（Triangle Sprinkleのタイトル部分の三角を画像にする方法について）2018092711:23
下記に、用途に合わせて編集しやすいよう説明付きのCSSをご用意いたしました。
.site_title_bg {
border: 0;
top: -90px;/* 数値を変えると画像の位置を上下に動かせます */
background-image: url(配置したい画像のURL);
background-repeat: no-repeat;
background-size: contain; /* 画像の大きさです。containは表示領域内にちょうど収まるように画像を拡大・縮小して表示します */
background-position: center;
height: 180px;/* 画像を表示する領域の大きさ（高さ） */
width: 180px;/* 画像を表示する領域の大きさ（幅） */
}
/* サイトタイトル（文字色を変更したい場合） */
h1.site_title {
/* color: カラーコード;*/
}
こちらをご利用の上、編集をお試しいただけますでしょうか？
よろしくお願い致します。
2018/09/27 01:03