• コミュニティトップ
• トピック一覧
• 新着トピック
• 最近活発なトピック
• 閲覧数の多いトピック

公式テンプレートribbonの横幅を大きくしたいのですが・・・

テンプレートribbonの全体の横幅および記事の幅を大きくしたいのですが、HTMLとCSSの知識が無いため分かりません。
このテンプレートがとても素敵なので是非使いたいので、どなたか変更の仕方を教えていただけませんでしょうか？よろしくお願いいたします。

by   2015年01月15日 13:05

by 
2015年01月15日 13:05

コメント一覧 新しい順に表示▽ / 古い順に表示△

コメント一覧

新しい順  |  古い順

• 標野ゆき様、
  
  おかげ様で無事に理想とした外観に出来ました。本当にありがとうございました。
  
  なんとお礼を申し上げてよいかわかりません。重ね重ねありがとうございます。
  
  JUNKO
  
  
  by   2015年01月16日 09:48
  by 
  2015年01月16日 09:48
• 標野ゆき様、
  
  お忙しい中本当にありがとうございます。
  こんなにご親切にしていただいてどうしてよいかわからない程嬉しく思います。
  
  スタイルシートをコピーさせていただきましたので週末にゆっくり取り掛かりたいと思います。
  来週始め頃には横幅の大きくなったブログをお披露目出来ればと思っております。
  
  万が一またご質問させていただくかもしれませんがその時には再びよろしくお願いいたします。
  
  重ね重ね本当にありがとうございます。　JUNKO
  by   2015年01月15日 22:52
  by 
  2015年01月15日 22:52
• http://blog-imgs-78.fc2.com/s/h/i/shimenoyuki/ribbon.txt
  編集後のスタイルシートをコピーして上記のURLにアップしましたので、参考になさってください。
  直後に/*こんなカンジのコメント*/が入っている個所が編集済の部分です。
  
  >>おそらく全体の背景画像（gif）が粗いと
  質問者さんのおっしゃる通りで間違いありません。
  ＧＩＦ画像と相性の悪いＭＳペイントを使ったため、モアレが出てしまってますが、ちゃんとしたソフトで加工すれば大丈夫です＾＾；
  
  加工後の画像をご自分のファイルにアップロードして、スタイルシート内のＵＲＬを書きかえてください。
  どんな加工が必要かは実際の画像を参考にしてくださいね。
  by 標野ゆき  2015年01月15日 22:30
  by 標野ゆき
  2015年01月15日 22:30
• 標野ゆき様、
  
  早速のお返事ありがとうございます。プレビューを拝見させていただいて、まさに私の目指していた外観でとてもうれしくなりました。
  
  画像を2種類拝見したところタイトル画像のリボン幅も770pxとのことでおそらく出来上がりが800～820px幅位だと思いますが本当にこの様な出来上がりにしたいです！
  
  htmlとCSSの記述？もなんとなく文字列を見るとわかるような所があるのでもしお差し支えなければ是非CSSの12箇所の編集方法（具体的に記述箇所や変更数値など）ご教示ねがえますでしょうか？時間と情熱？だけはあると思うので頑張ってみたいのですが・・・
  
  あと、おそらく全体の背景画像（gif）が粗いとおっしゃっているのですよね？
  更に全体の背景画像のありかはおそらくfc2のサーバー上の画像だと思うのですが、そのありかから画像をDLして画像ソフトでgifイメージの解像度を上げてそれをULし、それを背景画像にHTMLの記述で指定しなおすと粗いものでなくなると言うことでしょうか？
  
  おそらくご教示いただくのに膨大な量のinputをお願いしてしまうと思うのですが、是非よろしくお願いいたします。
  by   2015年01月15日 15:39
  by 
  2015年01月15日 15:39
• このテンプレートはリボン背景の幅が決まっていますので
  画像編集ソフトで背景画像を加工しないとブログ幅が変更できないと思います。
  
  ブログ題の背景／http://templates.blog.fc2.com/template/ribbon/b_title.jpg
  ブログ全体の背景／http://templates.blog.fc2.com/template/ribbon/b_bg.gif
  
  ２種類の背景を加工して
  スタイルシートを１２か所編集する必要があると思われます。
  
  かなり煩雑でめんどくさい作業になるので、あまりお勧めできません。
  自分ちで試してみたプレビューはこちらですが（リンク削除しています1/26）
  画像加工をイイカゲンなソフトで試した所為で粗くなっています＾＾；
  
  
  by 標野ゆき  2015年01月15日 14:53
  by 標野ゆき
  2015年01月15日 14:53