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で質問しましょう!
似たような質問が見つかりました
- その他(ブラウザ) zoomのバーチャル背景が選べない 4 2022/12/08 12:38
- Windows 10 zoomで自分の顔の背景 3 2023/06/07 22:34
- Windows 95・98 タスクバーの背景の色だけを変えたい。 2 2022/07/13 14:44
- Access(アクセス) ACCESS2019 ナビゲーションウィンドウの色 1 2022/05/10 17:15
- Visual Basic(VBA) VBA にて、条件付き書式で背景色を設定しているセルの範囲で、背景色付きのセルをカウントできる、VB 2 2022/04/06 21:33
- Visual Basic(VBA) 昨日、質問した件『VBA にて、条件付き書式で背景色を設定しているセルの範囲で、背景色付きのセルをカ 4 2022/04/07 14:39
- Excel(エクセル) こんなことできますか?例えば、sheetに貼り付けた図形のタイトルを、セルA1の文字で表示する。 5 2022/04/22 15:25
- その他(Microsoft Office) エクセル 表の移動 2 2023/04/05 20:29
- Visual Basic(VBA) マクロ実行時、自動で背景色を変えたい。 C列にあるチェックボックスをチェックするとB列に「TRUE」 4 2022/11/08 11:14
- 日本語 時間的背景・空間的背景という言い方 2 2022/05/04 15:18
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
livedoor blogってどうやって検...
-
パソコンで作成のブログを携帯...
-
ブログの作者・管理者に連絡を...
-
ライブドアブログ でこのように...
-
【ライブドアブログ】スマホ版...
-
すいません真面目な質問です。 ...
-
アマゾンプライムでクレジット...
-
ライブドアブログにて画像アッ...
-
独自ドメインを使用したほうが...
-
YouTubeのコメントについてです
-
ライブドアブログがタグ付けで...
-
ライブドアブログを独自ドメイ...
-
昨日、gooのブログを「別ウイン...
-
LINEに下記メッセージが届きま...
-
絵日記ブログ稼げますでしょうか?
-
blogger で次の様なエラーが発...
-
Bloggerを使用している人のブロ...
-
タグ文字エラーが出る
-
インスタのコメントについて質...
-
インフルエンサーにPRを頼む際...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ライブドアブログのサイドバー...
-
中央寄せの解除
-
wordpress カスタムフィールド...
-
ライブドアブログにおいて記事...
-
FC2ブログの右サイドバーが落ちた
-
bloggerブログで画像の枠を消す...
-
gooブログのヘッダーに画像
-
エキサイトブログで挿入画像を...
-
FC2ブログ タイトルの文字を...
-
アメブロ。日記から本文がはみ...
-
本文の文字を大きくしたい
-
アメーバブログの両サイドの余...
-
2beeブログで行間と文字の間隔...
-
ブログ記事内に文章を左右2列に...
-
アンドロイドで文字が左に偏る。
-
WordPressのヘッダー上部の余白
-
fc2ブログのブログ説明文の文...
-
W3CのHTML結果とCSS結果の問題...
-
お世話になっております。fc2で...
-
seesaaでテンプレートを変更したい
おすすめ情報