ブログ関連 ブログの改造
てぃーだブログテンプレート簡単カスタマイズ:サイドタイトル
今回は、てぃーだブログテンプレートの
「[sp-21] 専科特別テンプレート_2カラム」で使用されている
サイドタイトル部分を変更したいと思います。(⌒-⌒)ニコニコ...
前回は、記事タイトル部分に設定されている背景画像ファイルを削除して、
カラーだけを表示する方法を紹介しましたが、
今回は、サイドタイトル部分に設定されている背景画像ファイルを削除して、
カラーだけを表示する方法を紹介します。
下記が
「[sp-21] 専科特別テンプレート_2カラム」のサイドタイトル部分です。(⌒-⌒)ニコニコ...
【サイドタイトル部分:背景画像ファイル削除前】
【スタイルシート】変更前
/* サイドタイトル */
.sidetitle{
margin-top: 0;
margin-bottom: 5px;
font-weight: bold;
font-size: 87%;
margin-right: 0px;
margin-left: 0px;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 8px;
padding-left: 5px;
text-align: center;
background-image: url(http://admin.ti-da.net/_img/hadasenka/side_title_bg.gif);
background-repeat: no-repeat;
background-color: #de3979;
color: #FFF;
}
【サイドタイトル部分:背景画像ファイル削除後】
【スタイルシート】変更後
/* サイドタイトル */
.sidetitle{
margin-top: 0;
margin-bottom: 5px;
font-weight: bold;
font-size: 87%;
margin-right: 0px;
margin-left: 0px;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 8px;
padding-left: 5px;
text-align: center;
background-color: #85cc44;
color: #FFF;
}
下記の、赤文字部分で、背景カラーの設定をしています。
背景カラーの指定:変更前
background-color: #dd0079;
背景カラーの指定:変更後
background-color: #85cc44;
今回は、背景画像ファイルの設定を削除し、
背景カラーのみを設定するだけでOKです。
上記のソースコード(青文字)に変更しただけです!∑( ̄ロ ̄|||)なんと!?
いろいろ試してみると楽しいですよ~♪p(*^-^*)q がんばっ♪
実際の表示は、テスト表示用ブログの
『ブログをカスタマイズ!「ブログスタイル」』で!
上記をクリックすると表示されますよ~♪(⌒-⌒)ニコニコ...
皆さんも、この機会にカスタマイズしませんか?
- 関連記事
- 『てぃーだブログテンプレートの簡単カスタマイズをスタート!』
- 『てぃーだブログテンプレート簡単カスタマイズ:テンプレート選択』
- 『てぃーだブログテンプレート簡単カスタマイズ:ソースコード①』
- 『てぃーだブログテンプレート簡単カスタマイズ:ソースコード②』
- 『てぃーだブログテンプレート簡単カスタマイズ:背景①』
- 『てぃーだブログテンプレート簡単カスタマイズ:背景②』
- 『てぃーだブログテンプレート簡単カスタマイズ:背景③』
- 『てぃーだブログテンプレート簡単カスタマイズ:フッター』
- 『てぃーだブログテンプレート簡単カスタマイズ:記事タイトル』
- 『てぃーだブログテンプレート簡単カスタマイズ:サイドタイトル』
- 『てぃーだブログテンプレート簡単カスタマイズ:左サイド』
- 『てぃーだブログテンプレート簡単カスタマイズ:このページの上へ』
- 『てぃーだブログテンプレート簡単カスタマイズ:ヘッダー画像①』
- 『てぃーだブログテンプレート簡単カスタマイズ:ヘッダー画像②』
- 『てぃーだブログテンプレート簡単カスタマイズ:ヘッダー画像③』
↓ 只今、ランキング参加中なので、クリックをお願いしま~す!(⌒-⌒)ニコニコ...
[PR]
minne(ミンネ)はハンドメイド作品のオンラインマーケットです。
手作り作品のネット販売が、月額利用料「0円」で行えます。
お金のやりとりはminneが代行するので、初めての方でも安心です♪
パソコン、スマホどちらからでも
すぐにあなたの作品を販売できるminne(ミンネ)はこちらから。