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

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

コメント一覧

新しい順  |  古い順

• 標野ゆき様
  
  出来ました！！
  ありがとうございました、本当に嬉しいです、さっそく更新して画像も５６０ＰＸにしてみました、ご覧になって下さい。
  
  ご親切に教えて頂きありがとうございました、嬉しいです。
  寒くなってきました、お体にお気を付けになってお仕事頑張って下さい。
  by   2013年11月15日 09:44
  by 
  2013年11月15日 09:44
• スタイル指定の変更部分は全部抜粋ですので、それぞれに探してください。
  ctrl＋Fでページ内検索できます。
  
  他に width:465px; というスタイル指定がこのあと随所にあって
  多分そのままでも困らないと思うけど、気になるようなら100ずつ増やすといいかも。
  
  それと
  記事タイトルやページナビの上下にある飾り罫の長さが半端なのが気になるようなら
  background: url("罫画像のURL") 画像の縦位置 画像の横位置 no-repeat;
  の太字部分を repeat-x に書き換えると伸びると思います。
  （伸ばした罫が長すぎるときはmargin-right: 10px; ＜＜こういう指定を同じカッコ内のmargin指定の近くに追加します）
  
  対象になりそうな飾り罫は
  cleanly_green_line_green.gif／cleanly_green_entry_title.png／cleanly_green_line_gray.png
  の３種５箇所です。
  
  また
  #inner_container／#header内の背景指定（backgroundからno-repeat;まで）
  を外すと、ブログの天と地に中途半端に残る飾り罫を削除できます。
  
  「現在ので十分」とのことですが、もしお気が向かれたら試してみてくださいね。
  
  それと
  カスタマイズの結果は
  ご本人のプレビュー確認だけでは第三者にはわかりません。
  
  同じテンプレートを編集用に予備として借りてこられて（適用する必要はありません）
  失敗したカスタムでも更新・保存しておいて見せていただければ
  回答する側としてはとても助かります。
  
  借りているテンプレートの一覧表で
  テンプレート名をクリックして表示されるプレビュー
  ブログURL/?template=テンプレート名&index はURLを教えて頂ければ拝見できるので
  カスタマイズに関する質問では解決を早めるよすがになります。
  （ブログURL/?preview&index ＜＜このURLのプレビューは拝見できません）
  
  機会がありましたらお役立てください。
  by 標野ゆき  2013年11月15日 08:20
  by 標野ゆき
  2013年11月15日 08:20
• このテンプレートの場合
  背景のグレー画像の上にさらに白い背景を乗せるために
  細長い画像を縦に繰り返すことで実現しているみたいですね。
  
  罫白白白白白白白白罫
  ↑こんなのを下向きに繰り返して表示することで白く塗りつぶしているので↑
  これをまるっと取って、替わりに白い色を敷かないと左右端の罫が外せません。
  
  とりあえず編集例は以下。
  弄るのはスタイルシートだけで済みそうです。
  
  #container {
  width: 900px;/* */
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  background: #ffffff;/* 背景画像を削除 */
  
  #inner_container {
  width: 900px;/* */
  
  div#calendar {
  width:855px;/* */
  
  div#main {
  float: left;
  width: 606px;/* */
  
  #footer {
  margin: 0 auto;
  padding: 13px 0 40px 45px;
  width: 900px;/* */
  
  #title_wrapper {
  float: left;
  padding: 0 25px 0 0;
  width: 667px;/* */
  
  div.entry_body {
  margin: 0 0 0 10px;
  width: 565px;/* */
  
  /* clap + bookmark */
  div.entry_footer {
  height: 32px;
  margin: 20px 0 0 0;
  padding: 0.5em 45px 0 0 ;
  text-align: right;
  background: url(http://blog-imgs-50.fc2.com/t/e/m/templates/cleanly_green_posted.gif) top left repeat-x;/* */
  
  /* */のすぐ横が弄った部分です。
  
  
  by 標野ゆき  2013年11月15日 08:15
  by 標野ゆき
  2013年11月15日 08:15
• 標野ゆき様
  サイドカラムの幅はそのままでメインカラムを広げたかったのです、合せて現在は８００PXですが９００PXにしましたら、カラムの枠の部分が広がらず右側に残ってしまうのです、プレビューでやってみただけですので、ブログページは変わっていません。
  
  yosoilue様
  お教え頂いたようにやってみましたがうまく行きませんでした。
  
  お二人様へ
  どうも私は簡単に考えていたようで、私の知識では無理のようです、お騒がせしてすみませんでした、写真を大きく貼りたかったのですが現在ので十分です、ありがとうございました。
  by   2013年11月14日 14:25
  by 
  2013年11月14日 14:25
• 記事部分の枠の移動だけでいいのならば、
  div.content {
  margin-bottom: 30px;
  padding: 30px 0 0 0;
  background: url("ｈttp://blog-imgs-50.fc2.com/t/e/m/templates/cleanly_green_entry_body.jpg") right top no-repeat;
  }
  
  赤文字部分を130pxにすればいいだけです。
  削除したいのならば ｈttp://blog-imgs-50.fc2.com/t/e/m/templates/cleanly_green_entry_body.jpg この部分を削除すればいいだけです。
  
  
  
  
  注．リンクにならないように頭のｈを全角にしてあります。
  by ロギラキ  2013年11月14日 11:14
  by ロギラキ
  2013年11月14日 11:14