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の着せ替えブログheart-heartテンプレート 【heart-heart_pink2】公開に伴い

【heart-heart_pink2】公開に伴い

【heart-heart_pink2】の公開に伴いまして、【heart-heart_pink】の方は、ブログからの配布に切り替えさせて頂く予定です。

現在【heart-heart_pink】をご利用の方は、そのままご利用になっても、差し支えはございませんので、ご安心くださいませ。

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

ソースネクスト

コメント

エントリータイトルの位置

はじめまして。
heart-heart_pink2を早速使わせて頂いてます。
いつもとっても可愛いテンプレで私の好みにピッタリです♪

早速ですが、お聞きしたいことがありまして・・・。
今現在見ている、kisekaeさんのブログの日々のタイトル(エントリーのタイトルっていうのでしょうか?)は点線の上、つまり日時の横にきていますよね。
私がFC2からDLしたテンプレは点線の下にタイトルが表示されます。
これをkisekaeさんと同じように点線の上に表示させるにはスタイルシートをどのように編集したらよろしいでしょうか?

是非教えて頂きたいです。
宜しくお願いいたします。

その場合は・・・

>キララさん
その場合は、CSSでは無く、まず、HTMLを弄ります。

エントリーの日付とエントリーのタイトル部分のHTMLのタグを、上下入れ替えるだけです。

では、HTMLの何処にあるのでしょう?

まず、管理画面のテンプレートの設定を選択し、テンプレートの追加のヨコに、「テンプレートに関するヘルプ」と書いてある所をクリックして、テンプレートに関するヘルプのページを開きます。

変えたい場所は、エントリーの繰り返し表示部分の、日付とタイトルですから、これにあたる、FC2の独自タグをそれぞれ調べておきます。

次に、カスタマイズしたいテンプレートのHTMLを開きます。
そして、エントリーの繰り返し表示部分(こちらも、独自のナビゲーションタグが、「テンプレートに関するヘルプ」に明記されていますね)の中の、先程、調べておいた、日付とタイトルのタグを探します。

そうすると、【heart-heart_pink2】テンプレート内では、日付に関するタグの下の行にタイトルのタグがあります。

私のテンプレートでは、FC2の独自タグを<div>と</div>というHTMLタグで挟んでいます。
この<div><独自タグ></div>ごとソックリ、上下を入れ替えます。

そうすると、タイトルが上に、日付が下になりますよね!
これで、OKです。

もし、タイトル部分や日付の上下の余白などが気になる場合は、それぞれの<div>には、クラス名が付けられていますので、今度は、CSSのその、クラス名の記述の所で、気に入るように調節します。

クラス名とは・・・
<div class="クラス名">HTML部分は、こんな感じになっています。

CSSでは・・・
.クラス名{
ここに、いろいろ記述が。

出来ました!!

ありがとうございます!!!!!
早速HTMLを直してみたところ、バッチリでした!!
とっても丁寧に教えて頂いてありがとうございます。

そして、↑の最初のコメントで、私hanamitsukiさんのお名前を間違っていましたね・・・・。
失礼いたしました。

hanamitsukiさんのデザインは色使いなども可愛らしいのでとても好きです。
また新しいデザインを期待していますね。
頑張ってください!!

良かったですね!

>キララさん
ご希望どおりに、出来ましたか!
良かったですね。

HNの事は、気になさらずに。
共有テンプレートスペースでは、IDで呼ばれていますからね(笑)

これからも、どうぞ、よろしく。

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

サイトタイトル

はじめまして。
heart-heart_pink2をダウンロードさせていただきました。
ご質問なのですが、こちらのブログのようにサイトタイトルを一番上の真ん中にもっていくことは可能ですか?

可能ですが・・・

>kananさん
初めまして。
さて、ご質問の件ですが、サイトタイトルを一番上に持って行きたい、との事ですが、それは、可能です。

ただ、その場合、タイトルバナーをどうするか?
つまり、画像を使うのか、画像を使わないで、バックグラウンドカラーで対応するのか、それによって、少し作業が変わってきます。

どちらにせよ、レイアウトにサイトタイトル部分を追加し、そこに、サイトタイトルや説明文部分を記述すると、そのように出来ますが。
(FC2のカスタマイズ・マニュアル:http://blog.fc2.com/custom_manual/
の、レイアウトの作り方をご覧になると、判りやすいと思います。)

タイトルバナー部分に画像を使う場合は、カレンダーやフッター部分の画像を、参考にご自身で作っていただく必要があります。

タイトルバナー画像は、カレンダー部分の画像をもとに、幅を変えないで、高さだけをある程度とって大きく作るか、もしくは、カレンダー部分の画像を、上・中・下に分けてスライスして使用するか。
どちらにせよ、カドを丸くしてあるので、透過GIF画像が扱える、お絵描きソフトが必要になります。

画像を使わない場合は、カドを丸くする事は出来ません。

・・・と、まあ、大雑把にはこんな話になりますが、もし、やってみようと思われましたら、お返事くださいね。
今度は、もっと具体的なお話をしたいと思いますので。

お返事ありがとうございます。

画像を使わずに、タイトルを一番上の真ん中に表示したいです。

記事にしました

説明が長くなってしまったので、記事にしました。
お手数ですが、そちらをご覧になってくださいね。
(http://blog3.fc2.com/kisekae/blog-entry-39.html)

コメント投稿フォーム

(必須)
(必須)
(必須)
(必須)
管理者にだけ表示を許可する

【コメント、トラックバックについて】を読まれましたか?

トラックバックURI

side menu

羽アイコン INDEX 羽アイコン

【heart-heart_pink2】公開に伴い

★★★

【COMMENT】

【TRACKBACK】

    ★★★

    全タイトルを表示

    ★★★

    羽アイコン 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 羽アイコン

    ★★★

    ★★★

    ★★★

    ★★★