FC2 blog web素材「はっぴ〜★フリー」

blog用テンプレートやflashのweb用素材などを公開配布しています。

03月08日 livedoor用テンプレhappy-red

live-hppy-redFC2用テンプレートのhappy-redをlivedoor用に改良しました。
画像にはBabyMilkさんの素材を利用させていただいてます。


この記事の上へ

takoさんのコメント

一目でデザインに惚れました！
フリーエリアを外して使わせていただいています。個別記事の部分の幅を広くして穴を埋めたいのですが、どうしたらよいでしょうか？また、コメントの部分が中央揃えだと読みにくいので、左揃えに変えて文字色を変えたいのですが出来ますか？
教えて下さい！

はっぴーさんのコメント

はじめまして
気に入っていただけ嬉しいです。
質問の事ですが記事のサイズを変更するには画像をかえないといけないので
私の方で作ってみました。
http://free.hippy.jp/blogx/livedoor/happy-red/red-700.zip
↑の添付してあるcssと個別記事を書き換えてみてください。
一応画像の方もつけときました。
コメントの文字部分の方は
div.entrybg {
background :#F8CFCF;
color : #000000;
/* コメントの文字色*/
margin : 0px 2px 0 0px;
}
↑のcolor : #000000;の部分もお好きな文字コードに変更してください。
もしわからない事ありましたらまたお気軽に聞いてください。
  • [2005-03-17 18:20]
  • [はっぴー]
  • [URL]
  • [編集]

takoさんのコメント

ありがとうございました！
今度は簡単に変更できました。
すごい使いやすくて素敵なデザインになりました！

本当にありがとうございました！大感謝です！

銀ちゃんさんのコメント

こんにちは、はじめまして。
私もこのデザインとても気に入ってます
何事も初めての試みで苦労しましたが
何とか自分でやってみました。

どうもありがとうございました。
  • [2005-06-16 08:47]
  • [銀ちゃん]
  • [URL]
  • [編集]

はっぴーさんのコメント

返事遅くなりましてすいません。

気に入って使っていただけてうれしいてです。
最近 全然つくってないですがまた暇をみて作りたいなぁと思ってますので其の時はよろしくお願いします。
  • [2005-06-30 12:53]
  • [はっぴー]
  • [URL]
  • [編集]

かなさんのコメント

初めまして。happy-redがとても気にいって使わせてもらってます。
それでCSSがよくわからないので教えてほしいのですが、記事やコメントのページに飛ぶと、記事の欄が右端によってますよね。それを中央寄りにしたいんです。あと、記事の背景を透けるようにするにしたいんです。タグは調べてわかったのですがどこに書き込めばいいのかわかりません。
お手数でしょうが、教えてください。よろしくおねがいします。
  • [2005-11-08 22:10]
  • [かな]
  • [URL]
  • [編集]

はっぴーさんのコメント

はじめまして

返事遅くなってしまってごめんなさい。

質問のことですが
個別記事を中央にとのことですが
右エリアを取り除いてそれで中央に寄せたいということでいいでしょうか？
そうだと過程して説明します。
cssの下のようなところを
div#wrapper3 {
width : 600px;
margin: 0px 0px 5px 10px ;
}
に変更します。
個別記事のHTMLの
<center>
<div id="wrapper3"><!--wrapper2-->
と
</div><!--/wrapper2--></center>

<div id="copyright">
<p class="copyright">
に変更します。
cssでは
float : right;
を削除し
HTMLでは<center>と</center>を追加します。
背景の透かせるということですが半透明にするという事ですかね？
その場合だと
記事部分全体の場合は
<div class="entrys">
に
記事本文部分だけの場合は
<div class="entrybody">
にstyleタグを追加すればできると思います。
<div class="entrys" STYLE="filter:alpha(opacity=75);">
こんな感じで
もし違うようでしたらまたコメント頂ければと思います。
  • [2005-11-11 09:01]
  • [はっぴー]
  • [URL]
  • [編集]

かなさんのコメント

わざわざありがとうございます。
丁寧に教えて頂いたので無事に変更することができました。
本当にありがとうございました＾＾
  • [2005-11-14 03:52]
  • [かな]
  • [URL]
  • [編集]

真さんのコメント

こんばんわ。happy-redを使わせてもらってるんですが、ちょっとわからないことがあって書き込みました。

投稿記事の最後行にバナーをはりたいんです。いつもは記事を書くときにタグを書いてるんですが、同じタグなのでCSSで設定して自動ではれるようにしたいのですがよくわかりません。
デザイン変更の質問ではないんですが、もしよかったら教えてください。
  • [2005-12-05 23:25]
  • [真]
  • [URL]
  • [編集]

はっぴーさんのコメント

こんばんは

遅くなってしまいすません。
バナーを張りたいとの事ですが
cssではなくHTMLの方にはるのですがトップページと個別ページに表示させるのかな？
まずトップページの場合は
<div class="entrybody">
<$ArticleBody$>  <IfArticleBodyMore>
<p class="entrymore">
<a class="acontinues" href="<$ArticlePermalink$>">続きを読む</a></p></IfArticleBodyMore><br clear="all">
↑と同じタグを探して
<$ArticleBody$>のあとか
</IfArticleBodyMore>のあとに
バナーのタグを張り付けてみてください。
個別記事の方は
<div class="entrybody">

<$ArticleBody$><$ArticleBodyMore$>
<br clear="all">
↑と同じところを探してもらって
<$ArticleBodyMore$>のあとに
タグをつけたしてみてください。
これでできると思いますが
できなかったらまたコメントください。
  • [2005-12-09 03:00]
  • [はっぴー]
  • [URL]
  • [編集]

真さんのコメント

レスありがとうございます。

やっていたんですが、記事のところにバナーはちゃんと貼る事が出来ました。
ですが、記事ひとつ分くらいの何もないスペースが一番上にあいてしまいます。タグが間違っているんでしょうか。
はったタグは
＜a href="http://www.***"＞＜img src="http://www.***.gif" border="0" alt="***" /＞＜/a＞
なんですが、間違っているんでしょうか？　何度もすみません。
  • [2005-12-09 20:31]
  • [真]
  • [URL]
  • [編集]

コメントの投稿


管理者にだけ表示を許可する

トラックバック


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

[ホーム]