*All archives* |  *Admin*

2017/08
<<07  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31  09>>
スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
【tl_cherry】の2カラム変更
【tl_cherry】の2カラムへのカスタマイズ方法です。
HTMLとCSS両方の変更が必要になります。

左メニューと右メニューへの両方の変更方法をUPします。
HTMLに関しては、左メニュー・右メニューともに共通です。
CSSは左メニューと右メニューで記述が少し違います。
カスタマイズしたい方を使ってくださいね。

説明が分かりにくい場合は、コメントにてお願いします。

では、変更方法は続きからどうぞ♪


【tl_cherry】2カラムへのカスタマイズ

管理画面のテンプレートの設定で、tl_cherryの編集をクリック。

左メニュー・右メニュー共通
HTML
HTML内から以下の部分を探して、削除してください。(四箇所あります)
<!--▼左プラグイン+記事部分ここから-->
<div id="wrap">

</div><!--/wrap-->
<!--▲左プラグイン+記事部分ここまで-->

<!--/plugin-->
</div><!-- /sidemenu -->
<!--▲左プラグイン1ここまで-->

<!--▼右プラグインここから-->
<div id="sidemenu2">
<!--plugin-->


CSS
左メニュー用カスタマイズ
CSSの中にある「レイアウト」内から以下の部分を探して、削除してください。

/*左プラグイン+記事部分*/
div#wrap {
float: left;
width: 700px;
}

#wrap:after {
content: "";
overflow: hidden;
display: block;
height: 1px;
clear: both;
}
/*\*/
* html #wrap {
overflow: visible;
height: 1px;
}
/**/

/*右プラグイン*/
div#sidemenu2 {
float: right;
width: 210px;
padding: 0px;
margin-left: 10px;
margin-bottom: 20px;
overflow: hidden;
}


CSS内の変更箇所です。
「レイアウト」の下にある以下の部分の青色の数値赤色の数値に変更してください。

/*ブログ表示部分*/
div#container {
width: 920px; → 750px

/*ヘッダー*/
div#header {
width: 920px; → 750px

/*メイン*/
div#main {
float: right;
width: 480px; → 530px

/*フッター*/
div#footer {
clear: both;
width: 920px; → 750px


以上変更が終わったら、プレビューで確認をして更新ボタンを押してください。

****************************************************************

CSS
右メニュー用カスタマイズ
CSSの中にある「レイアウト」内から以下の部分を探して、削除してください。
/*左プラグイン+記事部分*/
div#wrap {
float: left;
width: 700px;
}

#wrap:after {
content: "";
overflow: hidden;
display: block;
height: 1px;
clear: both;
}
/*\*/
* html #wrap {
overflow: visible;
height: 1px;
}
/**/

/*左プラグイン*/
div#sidemenu1 {
float: right;
width: 210px;
padding: 0px;
margin-left: 10px;
margin-bottom: 20px;
overflow: hidden;
}


CSS内の変更箇所です。
「レイアウト」の下にある以下の部分の青色の数値赤色の数値に変更してください。

/*ブログ表示部分*/
div#container {
width: 920px; → 750px

/*ヘッダー*/
div#header {
width: 920px; → 750px

/*メイン*/
div#main {
float: right; → left
width: 480px; → 530px

/*フッター*/
div#footer {
clear: both;
width: 920px; → 750px


以上変更が終わったら、プレビューで確認をして更新ボタンを押してください。

テーマ : 共有テンプレート
ジャンル : ブログ

Secret
(非公開コメント受付不可)

ご報告遅れて申し訳ないです;;
以前こちらに,チェリーのテンプレの2カラムをリクエストした者です。
無事に2カラムに変更出来たので
その報告にコメントしました^^

有難う御座いましたm(_ _)m
あいさんへ
こんばんは。お返事が遅くなってすみません;

TOP画像の変更箇所は、CSSで設定していますのでスタイルシート編集の中の
/* -------------------------------------------------
レイアウト
------------------------------------------------- */
の部分を探してください。この中にある/*ヘッダー*/の下に書かれているものが画像の設定になります。
画像を変更するには
background-image: url(http://blog-imgs-30.fc2.com/t/e/m/templabo/cherry04m.jpg);
↑この部分の赤字のの箇所が、画像のURLになります。
ここを変更する画像のURLに変えてください。

それともう一箇所。
画像URLのすぐ上にある、height: 236px; というのが画像の高さになります。
赤字の数字が縦の長さです。
今使用している画像の高さに合わせて設定しているので、画像を変更したらここも入れ替えた画像の高さに変更してください。

よろしくお願い致します。

No title
再び失礼いたします。2カラムについてではないのでこちらで不適切でしたら申し訳ございません。

前回はご返答ありがとうございました!
再びで申し訳ないのですが画像をいじる部分を探したのですがどうしても見つからず…とても申し訳ないのですが差し替えたいのでどのあたりの部分か教えていただいても構いませんでしょうか?

宜しくお願い致します
Temp*laboへようこそ!
temp*laboにお越しいただき、ありがとうございます。
FC2ブログ用のPCと携帯のテンプレートを製作しています。

利用規約&テンプレート記事を必ずご確認いただくようお願い致します。
質問・不具合などありましたら、該当記事のコメントでお願いします。
現在非公開コメントは受付ておりません。コメントは公開になりますのでご了承ください。

使いやすいものを目指して試行錯誤真っ只中・・・。気に入っていただけるものがあると嬉しいです♪

PCテンプレート利用規約
携帯テンプレート利用規約
共有登録テンプレート
【PCテンプレート】
◆左メニュー2カラム
  ・tl_autumncafe
  ・tl_flower
  ・tl_sakurasaku
  ・tl_cocotte_2col
  ・tl_spring_smile
  ・tl_valentine2col
  ・tl_icigo_cake
  ・tl_cute_cosmos
  ・tl_cosmos
  ・tl_pureheart
  ・tl_crownEX

◆右メニュー2カラム
  ・tl_hanabi
  ・tl_summer
  ・tl_cuteclover
  ・tl_clover
  ・tl_green2col
  ・tl_sakura
  ・tl_neko
  ・tl_gerbera
  ・tl_ichigo2
  ・tl_ichigo
  ・tl_valentine_heart
  ・tl_yukidaruma
  ・tl_blueheart

◆左右メニュー3カラム
  ・tl_bluexmas
  ・tl_Halloween
  ・tl_cherry
  ・tl_sunflower
  ・tl_checkheart_3col
  ・tl_clover_3col
  ・tl_green_3col
  ・tl_checkheart
  ・tl_cocotte_3col
  ・tl_valentine
  ・tl_blueheart_3col

  ・共有登録テンプレート一覧

【携帯テンプレート】
  ・tl_autumncafe_mo
  ・tl_cosmos_mo
FC2投票
アンケートにご協力お願いします!
Special Thanks!
配布テンプレートに素材をお借りしています。

管理人 舞様 カワイイダケジャ様
ハートフォントをお借りして素材を作りました。

管理人 Tom様 +cherish+様

管理人 星村様 Spica*port様

管理人 Anezaki様 Egg*Station様

管理人 氷室夕霧様 Atelier Black/White様

管理人 橘 樹様 空色地図様

管理人 こもすけ様 MiniaureType様

管理人 あさひ様 ポカポカ色様

管理人 裕様 Abundant Shine様

管理人 なつる様 空に咲く花様

管理人 Honey様 Sweety様

管理人 芽生様 FOG.様

管理人 花散里様 はながら屋様

管理人 ハマ様 Kun様

管理人 あおい様 ミントBlue様

お役立ちサイト
月別アーカイブ
リンク
リンクバナー&アドレスです。
必要な方はお持ち帰りください。

  

temp*labo
http://templabo.blog61.fc2.com/

☆バナー台はMAPPY様からお借りしました
カレンダー
07 | 2017/08 | 09
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -
メールフォーム
ご訪問ありがとうございます
全記事表示リンク

全ての記事を表示する

プロフィール

*響*

Author:*響*
テンプレ作成格闘中。
シンプルで可愛いく、使いやすいテンプレ目指して試行錯誤な日々。
巷で国民的アイドルと呼ばれるグループと某長男を応援中だったりします。

カテゴリ
最近の記事+コメント
ブログ内検索
RSSフィード
ブロとも申請フォーム

この人とブロともになる

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