JUGEMでブログを開設しようと只今カスタマイズ中です。
しかしどうしても分からないところがあって質問しにきました
背景とは書いたものの全体の背景ではなく
記事・サイドバーの背景の色という意味です。
その背景に色をつけたいのですが、つけることが
できないのかなかなか分かりません^^;
テンプレートはhttp://nous.jugem.jp/?tid=50 これです。
よろしくお願いしますm(_ _)m
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
テンプレートはアドレスではなく、
「テンプレートの名前」を書いた方がいいと思います。
CSS編集フォームでスタイルシートを編集します。
・サイドバーの背景色
CSS編集フォーム内にある、 back1 のクラス名を探します。
↓のように書かれているのですぐ見つかるはずです。
/*------------------------------------------------
サイドバーの背景設定
urlの次の()内にもこもこ背景のURLをいれてください。
html側のtdのサイズに合わせた背景を用意してください。
デフォルトだと横240pxです。
もこもこ画像ではなく、線にしたい場合はbackgroundから始まる行を削除し
border-left:1px solid #カラーコード;
border-right:1px solid #カラーコード;
という行を追加してください。
-----------------------------------------------*/
.back1 {
margin: 0px;
padding: 0px 0px 10px 0px;
background-image:url(http://nous.img.jugem.jp/20070909_334419.png); ←←←
background-repeat:repeat-y; ←←←
background-position:center top; ←←←
}
←←←で示した部分を消し、
background-color:#******; と背景色の指定を書き足します。
/*------------------------------------------------
サイドバーの背景設定
urlの次の()内にもこもこ背景のURLをいれてください。
html側のtdのサイズに合わせた背景を用意してください。
デフォルトだと横240pxです。
もこもこ画像ではなく、線にしたい場合はbackgroundから始まる行を削除し
border-left:1px solid #カラーコード;
border-right:1px solid #カラーコード;
という行を追加してください。
-----------------------------------------------*/
.back1 {
margin: 0px;
padding: 0px 0px 10px 0px;
backgounnd-color:#******;
}
#****** の部分は好きな色のコードを入力します。
・記事の背景色
CSS編集フォーム内、back2 のクラス名を探します。
back1と同様、説明書きがあるのですぐ見つかるでしょう。
/*------------------------------------------------
記事部分の背景設定
urlの次の()内にもこもこ背景のURLをいれてください。
html側のtdのサイズに合わせた背景を用意してください。
デフォルトだと横460pxです。
もこもこ画像ではなく、線にしたい場合はbackgroundから始まる行を削除し
border-left:1px solid #カラーコード;
border-right:1px solid #カラーコード;
という行を追加してください。
-----------------------------------------------*/
.back2 {
margin: 0px;
padding: 0px 0px 10px 0px;
background-image:url(http://nous.img.jugem.jp/20070909_334418.png);
background-repeat:repeat-y;
background-position:center top;
}
同じように、 backgroundの指定をすべて消して
背景色指定を書き足します。
/*------------------------------------------------
記事部分の背景設定
urlの次の()内にもこもこ背景のURLをいれてください。
html側のtdのサイズに合わせた背景を用意してください。
デフォルトだと横460pxです。
もこもこ画像ではなく、線にしたい場合はbackgroundから始まる行を削除し
border-left:1px solid #カラーコード;
border-right:1px solid #カラーコード;
という行を追加してください。
-----------------------------------------------*/
.back2 {
margin: 0px;
padding: 0px 0px 10px 0px;
background-color:#******;
}
どちらも、背景の画像を消すことになりますので
両端にある縦ラインは消えます。
どうしてもそれを残したい場合は
使っている画像に、透過処理や色をつけるなどの加工が必要になります。
その場合はテンプレート・素材の作成者・著作権保持者に許可を取る必要があるでしょう。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・【お題】絵本のタイトル
- ・【大喜利】世界最古のコンビニについて知ってる事を教えてください【投稿~10/10(木)】
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ワードプレスを使用して作成し...
-
ホームページ制作とコーティング
-
WordPress HP制作したい
-
ヤフーオークションで商品説明...
-
Word Press内に、HP制作を作成...
-
fc2ブログに表を載せたいのです...
-
ライブドアブログ 公開 下書き
-
ワードファックステンプレート...
-
Excel 起動時に開くテンプレー...
-
ひな形とテンプレートの違い?
-
EXCELで損益分岐点って作...
-
ライブドアブログ親子カテゴリ...
-
ブログが公開できません
-
Powerpointの表のスタイルで好...
-
Classic ASP でマスターページ...
-
seesaaブログの本文と追記の間に
-
このテンプレートはどこでDL...
-
fc2ブログの携帯の画面の広...
-
モーダルダイアログでボタン押...
-
gooブログが開かない・・・
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ライブドアブログにおいて記事...
-
livedoorblogで、
-
bloggerブログで画像の枠を消す...
-
ライブドアブログのサイドバー...
-
wordpress カスタムフィールド...
-
WordPressのヘッダー上部の余白
-
W3CのHTML結果とCSS結果の問題...
-
したらば掲示板のタイトルをセ...
-
display:inlineで横並びにした...
-
中央寄せの解除
-
アメーバブログについて…
-
gooブログの画像を背景に文字を...
-
tumblrをやっている方、jsやcss...
-
fc2ブログのアクセス解析がう...
-
至急 ヤプログ カスタマイズ サ...
-
FC2ブログのテンプレートを...
-
fc2ブログで記事とサイドバーに...
-
ブログのデザインがずれる原因
-
FC2 HTML編集について
-
エキサイトブログで挿入画像を...
おすすめ情報