注目タグ

テンプレート・プラグイン

トピック詳細

テンプレートの記事の部分を広げたい

テンプレートの記事の部分を広げるのは、かつてのトピックなどでわかりましたし、何とか出来ましたが元の記事の右の枠がどうして も残ってしまうのです800pxから900pxに変更したいのですが、出来ますでしょうか?
お借りしているテンプレートはcleanly_greenです。
あまり難しければ今ので良いのですがよろしくお願いします。

2013年11月13日 19:52  by 

コメント一覧 5件中、1~5件表示

  • 標野ゆき様

    出来ました!!
    ありがとうございました、本当に嬉しいです、さっそく更新して画像も560PXにしてみました、ご覧になって下さい。

    ご親切に教えて頂きありがとうございました、嬉しいです。
    寒くなってきました、お体にお気を付けになってお仕事頑張って下さい。

    2013年11月15日 09:44 by

  • スタイル指定の変更部分は全部抜粋ですので、それぞれに探してください。
    ctrl+Fでページ内検索できます。

    他に width:465px; というスタイル指定がこのあと随所にあって
    多分そのままでも困らないと思うけど、気になるようなら100ずつ増やすといいかも。

    それと
    記事タイトルやページナビの上下にある飾り罫の長さが半端なのが気になるようなら
    background: url("罫画像のURL") 画像の縦位置 画像の横位置 no-r epeat;
    の太字部分を repeat-x に書き換えると伸びると思います。
    (伸ばした罫が長すぎるときはmargin-right: 10px; <<こういう指定を同じカッコ内のmargin指定の 近くに追加します)

    対象になりそうな飾り罫は
    cleanly_green_line_green.gif/cleanly_green_entry_title.png/ cleanly_green_line_gray.png
    の3種5箇所です。

    また
    #inner_container/#header内の背景指定(backgroundからno-repeat;まで)
    を外すと、ブログの天と地に中途半端に残る飾り罫を削除できます。

    「現在ので十分」とのことですが、もしお気が向かれたら試してみてくださいね。

    それと
    カスタマイズの結果は
    ご本人のプレビュー確認だけでは第三者にはわかりません。

    同じテンプレートを編集用に予備として借りてこられて(適用する必要はありません)
    失敗したカスタムでも更新・保存しておいて見せていただければ
    回答する側としてはとても助かります。

    借りているテンプレートの一覧表で
    テンプレート名をクリックして表示されるプレビュー
    ブログURL/?template=テンプレート名&index はURLを教えて頂ければ拝見できるので
    カスタマイズに関する質問では解決を早めるよすがになります。
    (ブログURL/?preview&index <<このURLのプレビューは拝見できません)

    機会がありましたらお役立てください。

    2013年11月15日 08:20 by 標野ゆき

  • このテンプレートの場合
    背景のグレー画像の上にさらに白い背景を乗せるために
    細長い画像を縦に繰り返すことで実現しているみたいですね。

    罫白白白白白白白白罫
    ↑こんなのを下向きに繰り返して表示することで白く塗りつぶしているので↑
    これをまるっと取って、替わりに白い色を敷かないと左右端の罫が外せません。

    とりあえず編集例は以下。
    弄るのはスタイルシートだけで済みそうです。

    #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/template s/cleanly_green_posted.gif) top left repeat-x;/* */

    /* */のすぐ横が弄った部分です。

    2013年11月15日 08:15 by 標野ゆき

  • 標野ゆき様
    サイドカラムの幅はそのままでメインカラムを広げたかったのです、合せて現在は800PXですが900PXにしましたら、カラ ムの枠の部分が広がらず右側に残ってしまうのです、プレビューでやってみただけですので、ブログページは変わっていません。

    yosoilue様
    お教え頂いたようにやってみましたがうまく行きませんでした。

    お二人様へ
    どうも私は簡単に考えていたようで、私の知識では無理のようです、お騒がせしてすみませんでした、写真を大きく貼りたかったの ですが現在ので十分です、ありがとうございました。

    2013年11月14日 14:25 by

  • 記事部分の枠の移動だけでいいのならば、
    div.content {
    margin-bottom: 30px;
    padding: 30px 0 0 0;
    background: url("http://blog-imgs-50.fc2.com/t/e/m/te mplates/cleanly_green_entry_body.jpg") right top no-rep eat;
    }

    赤文字部分を130pxにすればいいだけです。
    削除したいのならば http://blog-imgs-50.fc2.com/t/e/m/templates/clean ly_green_entry_body.jpg この部分を削除すればいいだけです。




    注.リンクにならないように頭のhを全角にしてあります。

    2013年11月14日 11:14 by ロギラキ