パインワークス
つたえて つづけて つながる パインワークス

山口県山口市より
業務内容や経営戦略にあわせた
ウェブサイトづくりや情報発信、
ITC活用についてサポートします

NPO・コミュニティのIT支援CANPANマニア
CANPANマニア

CSSで「記事タイトル」を変更(超シンプル左サイドバーの場合)

1.画像のURLを取得する

2.「デザイン>デザイン一覧」で「適用」にチェックがあるタイトルをクリック

スタイルシート編集画面が開く

3.記事タイトル(下記赤線部分)を探す

4.適時編集

画像を入れる場合
(1)画像URLを記述→background:URL(画像のURL) no-repeat;
アップロードした画像のURL取得はこちら
(2)高さ(height)を記入(タイトル画像の高さ)
(3)画像背景の上にはえる文字色(color)を記入
その他必要に応じて変更

h3.title{
margin:0px 0px 10px 0px ; /* タイトル画像の上右下左の余白 */
padding:8px 0px 0px 35px; /* タイトルの上右下左の余白 */
font-size:18px; /* 文字サイズ */
color:#FFF; /* 文字色 */
font-weight:bold; /* 文字太さ:太い */
height:37px; /* タイトル高さ(タイトル画像の高さ) */
background:URL(http://clayon.sakura.ne.jp/sblo_files/y-densho/layout/h2.png) no-repeat; /* タイトル画像URL;画像の繰り返しなし */
}

5.「スタイルシートを変更する」ボタンをクリック

できあがりはこんな感じ

<背景画像をつくってみよう>

背景画像を作ってくれるサイト例
チェック柄:http://www.tartanmaker.com/
繰り返しパターン:http://www.bgpatterns.com

CANPANマニア

お気軽にお問い合わせください

カテゴリ
最近の投稿