f-blog

FC2ブログ用共有テンプレート制作ブログ。

TOPIC


※当ブログからの素材の持ち帰りはご遠慮願います。


 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
edit |  tb: -- | cm: --
 
monochro01_2c
flaw_monochro01_2c.jpg
---確認環境---
Windows7
IE・Firefox:最新版

モノクロでクールなシンプル2カラム。
画像変更可。

始めて質問するときは最初にこちらを読んで下さい。
利用規約はこちらです。
スポンサーサイト
パソコン用テンプレートの関連記事
edit |  tb: 0 | cm: 8

コメント

左2カラムから右2カラムへの変更

はじめまして。
初心者の質問ですがお許し下さい。

こちらのテンプレートを是非使わせて頂きたいのですが
左2カラムから右2カラムへの変更は
どのように行えばいいのでしょうか?

自身で試してみて
サイドバー自体を右に移すことはできたのですが
下地(?)の黒色部分だけ右側に残ったままになってしまいます。

どうぞ宜しくお願いします。


ドロップ #wKydAIho | URL | 2013/01/31 15:35 * edit *

ドロップさんへ

テンプレートをお使い頂きありがとうございます。

ご質問の件ですが、プラグインの背景には画像を利用しているためカラムの入れ替えにはその位置を変更する必要があります。
カラムの入れ替えと画像の位置はスタイルシート各箇所を赤字部分のように変更してください。
------------------------------
#content {
float: left;
width: 710px;
}

#left {
float: right;
width: 260px;
margin: 0;
padding: 10px 0 0;
}

#container {
width: 980px;
margin: 0 auto;
padding: 0 10px;
background: #FAFAFA url(http://blog-imgs-42.fc2.com/f/l/a/flaw/monochro01_00.gif) 730px 0 repeat-y;
}
------------------------------

れん #X.Av9vec | URL | 2013/01/31 21:35 * edit *

できました。
右カラムに慣れているので
とっても使いやすくなって嬉しいです。
早速使わせて頂きます。
本当にありがとうございました。

ドロップ #- | URL | 2013/02/01 09:16 * edit *

初めまして この素敵なテンプレートを使いたいのです
背景(サイドカラム メインカラム以外の)を変えたいのですが
どこをさわればいいでしょうか?宜しくお願いいたします。

Mora #5zjWDM/s | URL | 2013/10/03 19:25 * edit *

Moraさんへ

テンプレートをお使い頂きありがとうございます。

背景色に関してはスタイルシートの編集から青字箇所を変更してください。
------------------------------
#wrap {
width: 100%;
margin: 0;
padding: 0;
background: #000;
}
------------------------------

なおヘッダ及びサイドカラムの背景には画像を用いてますので、画像を変更しないと色は変わらないことを補足しておきます。

れん #X.Av9vec | URL | 2013/10/05 15:57 * edit *

れん様へ

お答え有難うございます ごめんなさい 言葉が全くが足りなくて、
知りたかったのは今背景が黒一色なので背景をオリジナル画像に
したいのでどこのURLを変えたらよいか お聞きしたかったのです
お忙しいのに二度手間でごめんなさい 宜しくお願いしたします。

Mora #5zjWDM/s | URL | 2013/10/05 21:03 * edit *

Moraさんへ

「何をどのように表示させるか」という詳細が分からないので、詳しく解説している下記サイトの方法を参考にしてください。
http://kumacrow.blog111.fc2.com/blog-entry-296.html
前回示した箇所を書き換えれば問題ないはずです。

れん #X.Av9vec | URL | 2013/10/06 19:43 * edit *

れん様へ

ご親切にURL有難うございます
最初から背景に写真などを使っているテンプレートので
試したら良かったですね
言葉足らずでごめんなさい URLで勉強してみます。

Mora #5zjWDM/s | URL | 2013/10/07 10:00 * edit *

▲Page top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。