FC2ブログ

*All archives* |  *Admin*

2020/09
<<08  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  10>>
PCテンプレート　tl_cocotte_3col
2009-03-06(Fri)
空色地図様から写真をお借りしました。
白いココットのテンプレート3カラム版です。

【tl_cocotte_3col】3/6配布開始
tl_cocotte_3col.gif


・左右メニュー２カラム
　（左にプラグイン１、右にプラグイン２・３が表示されます）
・横カレンダー表示
・トップページのみ記事上に「最近の記事」一覧表示
・各記事に編集画面へのリンク

横カレンダーが不要の方
<!--▼横カレンダーここから-->～<!--▲横カレンダーここまで-->の部分を削除
記事上の「最近の記事」一覧が不要な方
<!--▼最近の記事トップ表示ここから-->～<!--▼最近の記事トップ表示ここまで-->の部分を削除

素材の流用・抜き取り・二次加工・再配布は禁止です。
テンプレートの利用規約及び素材屋さんの利用規約もご一読の上、ご利用いただく様お願いします。

不具合・質問などありましたら、こちらにコメントでお願いします。

Pagetop
PCテンプレート【tl_sakura】 « BLOG TOP  » PCテンプレート　tl_cocotte_2col
Secret
（非公開コメント受付不可）

ちゃーんさんへ
初めまして。テンプレートのご利用ありがとうございます＾＾
お返事が遅くなってしまってすみません。

中央カラムの幅ですが、全体的に横幅を広げれば少し大きくなります。
テンプレートの設定から編集で、CSSをいくつか修正してみてください。

CSS内から「レイアウト」の部分を探してください。
その中にある以下の部分の幅を設定している数値を赤字の数値に変更してください。

/*ブログ表示部分*/
width: 910px; → 910を930に変更

/*ヘッダー*/
width: 700px; →700を720に変更

/*左プラグイン＋記事部分*/
width: 700px; →700を720に変更

/*メイン*/
width: 480px; → 480を500に変更

/*フッター*/
width: 910px; → 910を930に変更

次に同じくCSS内から「記事表示部分」を探してください。
その中の/*記事本文*/の padding: 10px 20px; の部分を、padding: 10px; に変更してください。

以上で中央カラムの幅が広がるので、480pxまでの画像ならUPしてもレイアウトが崩れなくなります。
数値を修正したらプレビューで確認して、更新してください。
これでアフィリバナーを記事本文内に表示しても、大丈夫だと思います。

よろしくお願いします＾＾
  • 2009-08-28 21:57  |
  • *響*@管理人
  • URL
  • [ 編集 ]
ルルさんへ
初めまして。テンプレートのご利用ありがとうございます＾＾
お返事遅くなってすみません。

画像の変更は、規約を読んでいただければ書いてありますが、していただいて大丈夫です。
変更する画像を素材屋さんからお借りしてくる場合は、一番下の著作権表示の部分に素材屋さんへのリンクを必ず追加してください。>

まずTOP画像の変更ですが、変更したい画像を管理ページから「ファイルのアップロード」でアップしてください。
アップロードした画像をクリックすると、その画像のURLがツールバーに表示されるので全てコピーしてください。

管理画面の「テンプレートの設定」で、テンプレート名の横にある「編集」をクリックしてください。
HTMLとCSSが表示されるので、CSSの方の該当箇所を変更してください。

CSS内にあるレイアウトの部分を探してください。その下にある/*ヘッダー*/の以下の部分を変更してください。
background-image: url(http://blog-imgs-30.fc2.com/t/e/m/templabo/cup.jpg);
↑この赤字の部分を削除して、先ほどコピーした画像のURLを貼り付けてください。
更新ボタンをクリックすれば画像が変更されます。

著作権表示はHTMLの最後の方に記述してあります。
HTML内から<!--▼フッター（著作権表示部分）ここから-->を探してください。
↓の青字部分を追加してください。コピペして、素材屋さん名やURLを追加してください。
Phot by <a href="http://sorairo.rocket3.net/" title="空色地図 -sorairo no chizu-" target="_blank">空色地図 -sorairo no chizu-</a>   <a href="http://・・・" title="素材屋さん名" target="_blank">素材屋さん名</a>

青字部分のhttp:・・・となっているところは、お借りしてきた素材屋さんのリンクURLを、素材屋さん名のところには、素材屋さんの名前を入れてください。

更新ボタンをクリックしてブログに著作権表示がきちんとされているか確認してくださいね。
よろしくお願いします。
  • 2009-08-28 21:39  |
  • *響*@管理人
  • URL
  • [ 編集 ]
中央カラムの幅
はじめまして。
すごいきれいなテンプレでぜひ使いたかったのですが、中央のカラムの幅を変更は無理でしょうか？
アフィリのバナー幅が468が多いので、崩れてしまい、使用させていただくのに躊躇しています。
  • 2009-08-07 18:24  |
  • ちゃーん
  • URL
  • [ 編集 ]
No title
はじめまして。 ブログ初心者です。
テンプレートの使用の質問です。（非常識な質問でしたら申し訳ございません＞＜）
ココットの画像を他の画像に変えて使用してもいいでしょうか？
その際、他の画像に変える方法を教えて頂きたいです。
ちゅらてぃママさんへ
無事出来たようで良かったですー＾＾
また何かあればいつでも言ってくださいね。
ありがとうございました！
  • 2009-03-20 15:11  |
  • *響*@管理人
  • URL
  • [ 編集 ]
No title
*響*さん、ありがとうございました！
できました～v-20
とても分かりやすく教えていただいて感謝しますv-352
また何か分からないことがあれば質問させていただくと思いますが
今後ともよろしくおねがいします。
素敵なテンプレートありがとうございます♪
  • 2009-03-19 19:41  |
  • ちゅらてぃママ
  • URL
  • [ 編集 ]
ちゅらてぃママ さんへ
初めまして＾＾テンプレートのご利用ありがとうございます。
お問い合わせの件ですが、ＨＴＭＬの記述を変更してもらえればできます。

管理画面のテンプレートの編集で、ＨＴＭＬ内から<!--▼コメント表示ここから-->の部分を探してください。
この中にある<li><%comment_url+str></li>の部分を以下のように変更してください。
<li><a href="<%comment_url>" target="_blank">URL</a></li>

コピペで大丈夫です。
コピペする場合は<li><%comment_url+str></li>を削除して、同じ箇所に<li><a href="<%comment_url>" target="_blank">URL</a></li>を貼り付けてください。

これでURLをクリックすると、別窓で開きます。
説明が分かりづらかったら、またご連絡ください。
お手数おかけしますが、よろしくお願いします。

  • 2009-03-19 12:48  |
  • *響*@管理人
  • URL
  • [ 編集 ]
No title
はじめまして。
教えていただきたいのですが、投稿されたコメントの右下に表示されるURLをクリックした時に別窓で開きたいのですがどうすればいいのでしょうか？
よろしくおねがいします。
  • 2009-03-19 09:25  |
  • ちゅらてぃママ
  • URL
  • [ 編集 ]
弓弦さんへ
初めまして。
次ページが見れないとのことですが、サイトを拝見したところテンプレが違っていたので、そのテンプレ作者の方に問い合わせしてみてください。
テンプレーターさんによって、ソースが違っていたりするので。
  • 2009-03-18 16:20  |
  • 響@管理人
  • URL
  • [ 編集 ]
No title
はじめまして。
テンプレートで質問があるんですが、どうやったら
『ホーム/次のページ』の次のページを表すにはどうすればいいのでしょうか。次のページが見れなくて困っていまして(苦笑

その方法をよければ教えてくれませんか?＞＜
  • 2009-03-16 16:31  |
  • 弓弦
  • URL
  • [ 編集 ]
Pagetop

trackback


この記事にトラックバックする(FC2ブログユーザー)

Pagetop
« 前のページ ホーム  次のページ »
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様からお借りしました
カレンダー
08 | 2020/09 | 10
日 月 火 水 木 金 土
- - 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 - - -
メールフォーム
Powered by NINJA TOOLS
ご訪問ありがとうございます
全記事表示リンク

全ての記事を表示する

プロフィール

*響*

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

カテゴリ
最近の記事＋コメント
ブログ内検索


RSSフィード
ブロとも申請フォーム

この人とブロともになる

QRコード
ＱＲコード
PIYO
StyleKeeper