- 締切済み
Jugem カスタマイズ(背景)
JUGEMでブログを開設しようと只今カスタマイズ中です。 しかしどうしても分からないところがあって質問しにきました 背景とは書いたものの全体の背景ではなく 記事・サイドバーの背景の色という意味です。 その背景に色をつけたいのですが、つけることが できないのかなかなか分かりません^^; テンプレートはhttp://nous.jugem.jp/?tid=50 これです。 よろしくお願いしますm(_ _)m
- x-Akane-x
- お礼率100% (1/1)
- ブログ
- 回答数1
- ありがとう数4
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- 756co
- ベストアンサー率79% (162/203)
テンプレートはアドレスではなく、 「テンプレートの名前」を書いた方がいいと思います。 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
- JUGEMカスタマイズについて
JUGEMのカスタマイズで サイドバーにあるカレンダー表示を消すことって 出来るのでしょうか? また、ブログ記事に表示される アップされた日付時間なども消すことは出来ますか?
- ベストアンサー
- ブログ
- JUGEMのカスタマイズについて
JUGEMカスタマイズ講座「ピックアップピクチャ解説編」(http://nz.jugemers.net/log/eid39.html)の記事についての質問が3つあります。 1.主な仕様の説明の一つに「抜き出した画像に対してエントリーの個別URLにリンクします。」とありますが 説明の通りテンプレートに記述したのに 個別URLではなくトップページにリンクされしまいました。 個別URLにリンクさせるにはそうすればよいのでしょうか? 2.「エントリーにはサムネイル用の画像と普通に表示させる画像を混在させることが出来ます。」 ということの意味が良くわかりませんでした。 この意味が分かる方がいらっしゃればぜひ教えてください。 3.ピックアップピクチャを載せた記事を表示している時にはナビには画像が表示されるのですが その他の記事を表示したときには画像が表示されず「×」になってしまいます。 <img src="http://simpleboxes.jugem.cc/?image=48" alt="" width="120" height="120" /> は記述したままなのですが 何故このようになるのか分かりません。 教えてください。 よろしくお願いします。
- 締切済み
- ブログ
- FC2ブログカスタマイズについて
初心者です。FC2ブログを開設し、ビルダー10にてテンプレートをカスタマイズ(デザインとか文字色とか)したいのですが、「ID・パスワード(合っています)またはエンドポンイトが正しくありません」というエラーが出てサーバーからデザインを読み込めません。これって単純に記事投稿しかできないのでしょうか?HTML・CSSが苦手なので、できればビルダーにてカスタマイズしたいのです。ビルダー10でのFC2のブログ全体のカスタマイズの手順などがあれば教えて下さい。よろしくお願いします。
- ベストアンサー
- ブログ
- FC2のテンプレートのカスタマイズについて(サイドバーの背景画像)
FC2のテンプレートのカスタマイズについて(サイドバーの背景画像)質問です。 サイドバーの背景画像を自分で作った画像に変更すると、プレビューで見たときに変更をした画像が表示されるのがとても遅いです。 テンプレートを変えて試してみたり、画像を変えたりもしてみましたが、プレビューで表示させると、変更したサイドバーの画像だけなかなか表示されません。 (画像ファイルはGIF形式でサイズは500バイト程度です) 元のテンプレートで使用されている画像部分のURLを自分の画像のURLに変更しました。(スタイルシート) この他なにか変更をする必要があるのでしょうか? 宜しくお願い致します。
- ベストアンサー
- ブログ
- FC2ブログの共有テンプレートのカスタマイズについてお伺いしたく
FC2ブログの共有テンプレートのカスタマイズについてお伺いしたく ご質問させて頂きました。どうぞ宜しくお願いします。 こちら↓にて配布しております http://makeatemplate.blog95.fc2.com/ 「Honeymomo3c-b」(水色系のテンプレートです)を 使用したいのですが右サイドバーを上からではなく 左サイドバーと同じ高さからにしたいのですが HTML及びCSSの変更の仕方がわかりません。 ヘッダーの幅をフッダーと同じにする事はできたのですが 右サイドバーがヘッダーと重なった状態で表示されてしまいます。 どこを変更したら良いのかアドバイスお願い致します。
- 締切済み
- ブログ
- fc2ブログでの文字色の変更
fc2ブログを開設しています。 いままで共有テンプレートを使っていましたが、ちょっと変えてみたくなったので、公式テンプレートからダウンロードしたもので テンプレートの編集をしてみました。 背景の画像は変更できたのですが、文字の色がどうしても変更できないのです。 本文とコメントの文字色を変更したいのです。 「はじめてのFC2ブログカスタマイズ」の「文字の色を変更」をみても どこをどうすればいいのか意味がわからなくて。。。 どうかわかりやすく説明していただければありがたいです。 よろしくお願い致します。
- 締切済み
- ブログ
- ライブドア ブログ カスタマイズについて
初めまして。 もし、尋ねたいことがわかるサイトがあればぜひアドレスを教えていただければと思うのですが、 何が聞きたいかと申しますと、 ライブドアブログをカスタマイズしておりまして、 テンプレートで、 デザイン、の中の、シンプル、の2ページ目下のほう、 Liquid Pinkをカスタマイズしようとしておりまして、 ブログ全体の後ろの背景が白になっておりますよね、 そこに画像をリピートで配置したいと思っているのですが ご存知の方がおられましたら教えていただけないでしょうか。 またライブドアに、カスタマイズのことが聞ける 教えてgoo的なサイトがあったように思えるのですが 探せなかったので、そちらのアドレスをご存知の方が おられましたらそちらで聞いたほうが早ければ聞きますので 教えていただけないでしょうか。 よろしくお願いいたします。
- ベストアンサー
- ブログ
- ブログの最新記事の上の注意書きカスタマイズ方法
アメブロ、FC2のブログを開設しています。 その日の最新記事の上に「注意」というか「前提条件」というか 「このブログは○○というブログで・・・・」云々という感じで、 初めてブログに来ていただいた方でも分かるように ”ブログの解説”を載せたいのですが、 (1)まず、その名称 (2)どのようにテンプレートをカスタマイズするのか(できれば詳細を載せてくれると助かります) どうぞよろしくお願いします。
- 締切済み
- ブログ
- FC2ブログの個別記事ページのカスタマイズについて
左がメインで、右のサイドバーにプラグインを表示する 2カラムのカスタマイズ可能テンプレートを使用しています。 ブログのTOPページから記事タイトルをクリックし 個別の記事ページを表示すると右サイドバーが下がってしまい レイアウトが崩れてしまいます。 Firefoxでは個別ページもトップページと同じように崩れることなく表示されるのですが IEだとおかしくなるようです。 散々調べたのですが、どうにもお手上げになってしまいました。 解決方法がわかる方がいらっしゃいましたら、教えてください。
- ベストアンサー
- ブログ
- MovableTypeのカスタマイズでサイドバーの表示が更新されなくなってしまいました。
最近【Movable Type 3.151-ja】を使ってBLOGを作りはじめたものです。 サイドバーをカスタマイズするためにテンプレートの【メインページ】を編集していたのですが途中からサイドバーを編集しても更新されなくなってしまいました。原因は何か心当たりのある方がいましたら教えていただけないでしょうか?
- 締切済み
- その他([技術者向] コンピューター)
お礼
たいへんよく分かりました。 ありがとうございます! URLを出してしまってすみません。 次回からは出しません。