FC2blogのブログテンプレートを配布中

 - - 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 - -

FC2blogの着せ替えブログ 200503

【heart-heart_pink2】の3カラム版

FC2のテンプレート共有スペースから配布しております、【heart-heart_pink2】ハート&ハート(ピンクX白)テンプレートの3カラム版を作ってみました。

昨日までは、花*花(茶)テンプレートの3カラムバージョンで運用していましたが、今日からは、こちらの試作版を運用しながら、不具合などを手直しして行きたいと思っています。

花*花(3カラム)同様、ご意見や感想などいただけたら、嬉しいです。

羽アイコン FC2 Blog Ranking 羽アイコン

10000人のご来場!

10000人のご来場があったんですね(シミジミ)
このようなブログへ、足をお運びくださって、ありがとうございます。大変、感謝いたします。

昨年の暮の押し迫った時期に、開設してから、そろそろ3ヶ月が経とうとしています。

まったくのシロウトなのですが、皆様からのコメントを頂戴しながら、勉強しながら、これからも頑張って行きたいと思いますので、これからも宜しくお願いいたします。

ありがとうございます!

羽アイコン FC2 Blog Ranking 羽アイコン

花*花(茶)テンプレの3カラムバージョン

昨日までは、花*花(藍)テンプレートの3カラムバージョンで運用していましたが、今日からは、茶色バージョンでしばらく運用してみます。
よろしかったら、また、コメントなどお願いいたします。

※こちらのエントリーへのコメントやトラックバックは、花*花の3カラムバージョンを作ってみましたのエントリーでお願いいたします。

============== 2005/03/26 (土) =============

広告挿入の為、カラムが段違いになっていますが、
通常は、3カラムが水平になっています。

羽アイコン FC2 Blog Ranking 羽アイコン

【heart-heart_pink】ハート&ハート(ダブルピンク)

3月まで、FC2の共有テンプレートスペースから配布していました、ハートいっぱい、ピンクのテンプレートです。

FC2の共有テンプレートスペースから配布しています、【heart-heart_pink2】【heart-heart_grey】の色違いバージョンです。

20050123145147.gif

フッター部分の<FC2ブログの着せ替え>へのリンク部分は、削除したり、改変せずに、そのままご利用ください。

クッキー対応、ブラウザに対してのセンタリング対応、サイトの著作権表示、コメント欄へのリンク、ブラウザのサイトナビゲーション対応。
2005.03.16修正

【heart-heart_pink】ハート&ハート(ダブルピンク)の続きを読む▽

羽アイコン FC2 Blog Ranking 羽アイコン

URLが変わりました

今日から、こちらのブログのURLが変わりました。

今まで
http://blog3.fc2.com/kisekae/

今日から
http://kisekae.blog3.fc2.com/

ブックマークの変更など、よろしくお願いいたします。

羽アイコン FC2 Blog Ranking 羽アイコン

BlogPet春の背景をお借りしました

春らしくなって来たので、桜がまい散る、**Silver Heart**さんの、BlogPet背景をお借りしてきました。

FC2は、フラッシュファイルもサーバーへアップできるようになったので、とても嬉しいですね。

羽アイコン FC2 Blog Ranking 羽アイコン

花*花の3カラムバージョンを作ってみました

花*花テンプレートの、3カラムバージョンを作ってみました。
まだ、試作の段階です。
ここで、テスト運用しながら、少しずつ直していく予定です。
また、まだどこかに不具合があるかもしれませんので、教えて頂けたら嬉しいです。

花*花や、ハート&ハートテンプレートの3カラムへの要望は、たまにあるのですが、2カラム用に作ったテンプレートは、どれも、装飾が過剰で3カラム向きでは無いと思うのですが、どうでしょう?
3カラムを希望される方は、アフィリやブログパーツの画像入りのタグをはりつけたい、という方が多いと思うのですが。

この、花*花テンプレートの3カラムバージョンは、ゴチャゴチャしてうるさくは無いでしょうか?

それでも、使ってみたいという方が多数いらっしゃいましたら、茶色バージョンや、ハート&ハートの3カラムバージョンを作って、こちらのブログから配布するようにしようかな?と思ったり。

要望や、コメントなど頂けたら嬉しいです。

羽アイコン FC2 Blog Ranking 羽アイコン

【heart-heart】サイドメニューを増やす

ご要望がありましたので記事にしてみます。

サイドバーの項目を増やす為には、HTMLを書き足します。
まず、新たに、サイドメニューをHTMLで書きます。
それを、サイドバーの中の、表示したい位置に書き足します。

まず、最初にサイドメニューの作り方を、説明します。

【heart-heart】サイドメニューを増やすの続きを読む▽

羽アイコン FC2 Blog Ranking 羽アイコン

新【花*花】サイドバーを左へ

新【花*花】テンプレートは、サイドバーが右側にあります。
これを簡単に、左側へ移動する事が出来ます。

新【花*花】サイドバーを左への続きを読む▽

羽アイコン FC2 Blog Ranking 羽アイコン

新【花*花】サイドバーに入れられる画像のサイズ

サイドバーに入れられる画像のサイズについて。

200pxが目安となります。
それ以上だと、テンプレートが崩れる可能性があります。

「サイドバーのメニューを増やす」の記事中で使われている、クラス名【side_text】【side_text_b】のスタイルには、左右と下にマージンを設けております。
ですから、上記のスタイルで画像を入れる場合は、180pxが目安となります。

画像は200pxの大きさまで入れられますが、その場合は、クラス名の記述の部分【class="クラス名"】を削除し、スタイルは無指定にするか、新たにスタイルを設定(下のマージンを設定すると良いです)しなおしてください。

羽アイコン FC2 Blog Ranking 羽アイコン

新【花*花】サイドバーのメニューを増やす

サイドバーにアフィリエイトバナースペースや、ブログペットなどのスペースを設ける場合は、以下のようにすると良いです。

一応、通常のリスト形式以外に、以下の2つの形式をあらかじめCSS(スタイルシート)内で用意してあります。

・リスト化無しテキスト用(左寄せ)
(要素にクラス名【side_text】で、スタイルが適用されます。)

・リスト化無しテキスト用(中心寄せ)
(要素にクラス名【side_text_b】で、スタイルが適用されます。)

ですから、こちらを使って説明したいと思います。

新【花*花】サイドバーのメニューを増やすの続きを読む▽

羽アイコン FC2 Blog Ranking 羽アイコン

新【花*花】サイト説明文がはみ出した

サイトタイトル背景画像には、ワクのようなものが描いてありますが、サイトタイトルやサイト説明文を入れる為のスペースは、実際のタイトル背景画像ぶんのスペースを設定しちゃっています。
ですから、大量のテキストを流し込むと、ワクのような場所までの中に止まらず、はみ出る事になります。
その場合は、以下のように対処していただけますようお願いいたします。

まず、CSS(スタイルシート)内の以下の場所を探します。
タイトルバナー部分詳細 ▼と書かれたブロックにあります。

新【花*花】サイト説明文がはみ出したの続きを読む▽

羽アイコン FC2 Blog Ranking 羽アイコン

新、花*花テンプレートの構造

新、花*花テンプレート(茶、藍色)【hana_cha】【hana_ai】の構造は、以下のようになっています。

新、花*花テンプレートの構造の続きを読む▽

羽アイコン FC2 Blog Ranking 羽アイコン

花*花テンプレ、リニューアルしました

花*花(茶、藍)テンプレート【hana_cha】【hana_ai】ともに、ソースとデザインを少しだけ、リニューアルしました。

茶色の方は、共有テンプレートスペースから、藍色の方は当ブログのカテゴリー「テンプレート配布 」の「花*花(藍)」の記事から、ダウンロードする事が出来ます。

主な変更点は、ブラウザに対してのセンタリング対応、サイトの著作権表示、ブラウザのサイトナビゲーション対応、などです。

また、今回からは、サイトタイトル、サイト説明文も、ディフォルトでセンタリングになり、面倒な位置合わせが無くなりました。

当ブログの花*花テンプレートのカスタマイズについての記事は、当てはまらなくなる記事もございますので、ご注意ください。

新バージョンの花*花テンプレートについての詳細は、もう少々お待ちくださいませ。

羽アイコン FC2 Blog Ranking 羽アイコン

HTMLとCSSの違い

FC2のブログテンプレートは、HTMLファイルと、CSSファイルにわかれています。
テンプレートのカスタマイズで、HTMLとCSSのどちらを直したらいいの?って迷いませんか?

HTMLやCSSについての本を調べてみると、HTMLでは、文章の構造を定義し、CSSでは、装飾や配置などの文章の体裁を設定します。
と、書いてあります。
でも、これを読んでもピンと来ないでしょう?
私はピンと来ませんでした(笑)。

ブラウザでブログを見た時に、表示される文字は、基本的に、すべてHTMLに記載されています。
そして文字は、必ず何らかのHTMLタグに挟まれています。
その、何らかのHTMLタグというのが、その構造を表す為のタグです。

ブログの場合、サーバーにアップロードし蓄積されたデータを、HTML上に取り出す為に、テンプレートが必要になり、それは、テンプレートのHTML上では、具体的な文字では無く、そのブログサービス独自の置き換えタグを配置します。
ただし、固定でいつも決まって表示される文字(サイドバーの見だしタイトル、記事のステータス部分の一部などは、直接HTMLに「最新のコメント」などと書かれています。
そして、基本的には、上から、表示したいものを順に、次々と記入してあります。

たとえば、記事部分の大まかな部分を大まかに(大汗)HTMLタグにしてみると、以下のようになります。

HTMLとCSSの違いの続きを読む▽

羽アイコン FC2 Blog Ranking 羽アイコン

ソースネクスト

side menu

羽アイコン INDEX 羽アイコン

羽アイコン INFORMATION 羽アイコン

★★★

ご利用の前に

お問い合わせの前に

★★★

  • ▼リンクスタッフがおすすめ!
  • 3000円キャッシュバック中

ホームページ売上アップ診断+オリジナルSEO対策ツールで売上アップ!
ホームページ売上アップ診断+オリジナルSEO対策ツールで売上アップ!

★★★

このブログをリンクに追加する

FC2ブックマークに追加

羽アイコン RECENT ENTRIES 羽アイコン

羽アイコン RECENT COMMENTS 羽アイコン

★★★

羽アイコン RECENT TRACKBACK 羽アイコン

羽アイコン CATEGORY 羽アイコン

羽アイコン ARCHIVES 羽アイコン

羽アイコン LINKS 羽アイコン

羽アイコン MATERIAL 羽アイコン

【イラスト素材】
オレンジジュース100%
オレンジジュース100% 様

【素材の加工】
FC2blogの着せ替えブログ

<こうさぎ背景>
silverheart

羽アイコン PROFILE 羽アイコン

elouai's doll maker 3

ez-HTML

Powered By FC2 blog
無料ホームページ アフィリエイト レンタルサーバー
FC2ブログ 一戸建て



side menu

サイトマップラス
Powered by SEO対策

マクロミルへ登録

羽アイコン BLOG PET 羽アイコン

羽アイコン Collection Picnic 羽アイコン

★★★

羽アイコン 訪問バナー配布中 羽アイコン

★★★

はなみつきのお家に行く!

★★★

はなみつきの家に訪問の際は、コレピクにログインしている必要があります。

★★★

トイザらス・オンラインショッピング

★★★

Apple Store
(Japan)

art5_120x90.jpg

羽アイコン おすすめ本・ソフト 羽アイコン

ベクターPCショップ&ソフトウェア・ライブラリ

★★★

羽アイコン RECOMMEND 羽アイコン

★★★

★★★

★★★

★★★