共有テンプレート制作ブログ。

 

f-blog

04< 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.>06
05月の記事一覧
Posted on 21:45:57 «Edit»
2007
05/19
Sat
Category:共有テンプレート

fwind01-3cの画像入れ替え。。。 

fwind01-3cの画像入れ替え方法を
説明したいと思います。

htmlの編集より。
比較的上の方にある、下記一文を削除してください。


その削除した部分に以下の一文を追加して下さい。

(名前は何でもいいです)

次にスタイルシートの編集をします。
どこでも良いので追加して下さい。

ご自身の画像URLを記入し終了です。
念のためプレビューで確認してから更新して下さい。
セミコロン;のつけ忘れに注意です。

こんな感じですが
わからない事があれば遠慮なく聞いて下さい。
----------------------------------------
時計無しのFLASHを作りました。

pf04fl-1.js
赤字部分を追加して下さい。
こちらも念のためプレビューで確認してから更新して下さい。
tb: (0)    com: (15)
 
gifアニメができました。ありがとうございます。そして、画像入れ替え方法を教えて頂きありがとうございます。明日挑戦してみます。
  by ikuko
 
追加記事も参考にしていただくと
良い感じに仕上がると思います。

頑張って下さい^^
  by れん
 
丁寧に教えて頂いたのですが、コメント投稿でネームなどがずれて入ってしまう事などで、使用を断念しました。色々教えて頂き有難うございました。
  by ikuko
 
記事投稿からコメントの書き込みに至るまでは
簡単ですが事前に確認作業はしています。
私の環境では名前がずれるような事象は
確認出来ませんでした。

今回はお役に立てなかったようで
申し訳ありませんでした。
  by れん
 
れんさん初めまして。^^
テンプレートfwind01-3cを気に入って使わせて頂いているのですが、スタイルシートの
/* 投稿欄 */
font-size : 10px;

このフォントサイズを大きくすると、.html#commentの画面でレイアウトが崩れてしまいます。
できればもう少し文字を大きく表示させたいと思うのですが、
良い解決策はありますでしょうか?

いきなりの質問で済みません。^^;
  by KEITH
 
>KEITHさんへ

お問い合わせありがとうございます。

確かにフォントサイズを大きくするとズレますね。
ご指摘ありがとうございます。
とりあえず簡単な解決方法を書きますが
今回の場合はフォントサイズが17pxまでを対象としています。
17px以上に設定するとサイドのカラムが崩れてしまい
さらにややこしくなってしまうため
出来れば17px以内で指定して下さい。

とりあえずhtmlの修正で対応しますので
htmlの編集画面から
この記事に対するコメントの投稿
という部分を見つけてください。
(htmlの半分より少し下あたりです)
さらに下に移動すると
<textarea id="comment" cols="75" rows="8"
name="comment[body]"></textarea>
というような記述が見つかると思います。
そこのcols="75"の75を40に変更してください
(htmlの記述は全て半角でお願いします)

これで解決出来るはずですので試してみて下さい。
  by れん
 
早速のご返答ありがとうございます。^^
おかげさまで無事解決する事が出来ました。
もう少しだけフォントを大きくできれば良かったので、
見た目のバランスでcols="60"にしてみました。

私の勉強不足でご迷惑お掛けしました。(^^;
  by KEITH
 
解決おめでとうございます。
お役に立てて一安心しています。
ぜひとも素敵なブログに仕上げてください^^
  by れん
 その節はお世話になりました。
れんさん、明けましておめでとうございます。
以前、ご相談させて頂いた時には本当にお世話になりました。^^

再びのご相談で申し訳ないのですが、
最近になって新着記事にNEWマークが表示されない事に気付きました。
他にも確認してみると、どうやらトップページ?には『続きを読む』が表示されるのですが
『最近の記事』や『最近のコメント』、記事末尾のコメントやトラックバックから飛んだ先には
『続きを読む』が表示されなくなってました。
以前まではちゃんと表示していたのですが…
blogサーバの不具合、なんでしょうか?

テンプレートはfwind01-3cを利用させて頂いてます。
FC2のサポート掲示板も調べてみたのですが、よく分からなくてお伺いさせて頂きました。(^^;
ご迷惑お掛けしてすみません。
  by KEITH
 回答
明けましておめでとうございます。
今も使って頂けてる様で光栄というか恐縮です^^;

不具合の件で思い当たることが一つありますが
まずは最近新管理画面に移行したという事はありませんか?
という事を仮定して説明させて頂きますね。
新管理画面での不具合を確認したので昨年の11月21日以降
暫定措置を公表したりテンプレート自体の修正を進めてきました。
KEITHさんは背景画像とか変更されている様なので
再DLした後に再び変更という作業が面倒だと思われるなら
下記リンクの方法を取って頂きたいと思います。
http://flaw.blog80.fc2.com/blog-entry-198.html
修正箇所は続きを閉じるの下、テーマの上と説明すれば
お分かり頂けますか?htmlの方ですね。

ただ個人的には再DLをオススメしたいです。理由としては
・不具合を含む細かな修正を入れた
・タグを表示させる様にした
という事です。
タグ表示についてはサンプルを見てもらえれば分かると思います。

多分いずれかの方法を取ってもらえれば解決すると思います。

再DLの際は今のテンプレートの名称を変更するか-copyとでも付けて頂かないと
同じ名前のモノはDL出来なくなってますのでご注意下さい。
------------------------------
まずは再DLして不具合が無いかを確認すると
良いかもしれませんね。
違う不具合の場合も考えられますから。
  by れん
 お返事ありがとうございます。
新管理画面の件は、拍手ボタンの2重表示対策の修正を加えて以降、
旧管理画面を使用していました。

おっしゃる通り、試しに修正版のfwind01-3cをDLして確認したところ
前述のリンク先で『続きを読む・閉じる』が表示されないのは同じなのですが
記事全文からコメントまでの全てが表示されました。
現状ではトップページ(?)以外では追記分がまったく表示されない状態でしたので
今よりはこちらの方が良いですね。
できればココでも追記の折りたたみができたら良かったのですが(^^;

これから、修正版のfwind01-3cをベースにまた頑張ってみます。
ありがとうございました。^^
  by KEITH
 回答・2
続き表示のスクリプトはちゃんとあります。
実は表示位置を下位置に変えたのでした^^;

以前の様に続きを読むの位置で開閉する場合は
<!--more_link--><!--/more_link-->の中身
点線の間のhtmlと入れ替えて下さい。
------------------------------
<div class="more">
<!--BisEntryIfExtended-->
<span id="varP<%topentry_no>">
<a href="<%topentry_link>#<%topentry_no>" onclick="showMore(<%topentry_no>,'<%topentry_link>#<%topentry_no>');return false;">-- 続きを読む --</a>
</span>

<div id="varXYZ<%topentry_no>" class="entry-more" style="display: none">
<a href="#<%topentry_no>" onclick="showMore(<%topentry_no>,0);return true;">-- 続きを閉じる --</a><br />
<%topentry_more><br clear="all">
</div>
<!--/BisEntryIfExtended-->
</div>
------------------------------
続きを表示させる記事がトップにある場合は
プレヴューで確認出来ます。

個別記事に飛んでも続きが表示されないのは
完全にミスってました(苦笑
2重表示の記事が正解なんです。
現状では以下のようになってると思いますので
赤字部分を削除して下さい。
<!--more-->
<div class="entry-more"><a name="more" id="more"></a><%topentry_more></div>
<!--/more-->
ちなみに個別記事に飛ぶと追記の開閉は
出来なかったと記憶してます。
とにかく上記の方法で表示は完璧です。
お手数ですが変更をお願いします。

共有も修正しなければorz
  by れん
 バッチリです。^^
続けての回答、ありがとうございます。
ホントにお手数お掛けして申し訳ないです。(^^;

再DLしたテンプレートにお教え頂いた修正を新たに加え、
再び自分用に若干のカスタマイズ…
表示、動作もバッチリです。
イジるついでに、フォーラムで紹介されていた個別記事での追記の開閉に
無謀にもチャレンジしてみました(笑)。
結果、無事に個別記事でも開閉ができるようになりました。^^

お忙しい中の回答、本当にありがとうございました。
引き続き、このfwind01-3cを愛用させて頂きたいと思います。
  by KEITH
 KEITH さんへ
こちらこそ何度も失礼しました。

>フォーラムで紹介されていた個別記事での追記の開閉に
>無謀にもチャレンジしてみました(笑)。
なるほど、方法があるんですね。不勉強でした。

引き続きのご利用ありがとうございます。
また何かありましたらいつでも^^
  by れん
 いえいえ(^^;
こちらの方こそ、何度もありがとうございました。
お言葉に甘えて、何かあったらまたお伺いします。^^
  by KEITH
Posted on 01:16:38 «Edit»
2007
05/14
Mon
Category:共有テンプレート

共有テンプレート・12。。。 

fwind01-3c

申請しました。
新緑な感じのな3カラムです。

Flashいらない・画像変更したいって人がいたら
改めて差し替えhtmlでも作ります。
分かる人は勝手にどうぞ。
画像サイズは860×150です。
ちなみにflashだけ外すと、背景画像がずれるので
オススメしません。

始めて質問するときは最初にこちらを読んで下さい。
利用規約はこちらです。
----------------------------------------
FLASHを外して画像を入れる場合はこちらを参考にして下さい。
fwind01-3cの画像入れ替え
tb: (0)    com: (10)
 
はじめまして。テンプレートを使わせて頂きたいのですが、写真の入れ替え方法が分かりません。できれば、何枚かの写真をflashで入れる事に挑戦してみたいのですが・・・。初心者でもできますか?宜しければ教えて下さい。
  by ikuko
 
お問い合わせありがとうございます。
flashの件ですが、文章から察すると
数枚の画像を一定時間ごとに入れ替える?
という事だと判断しますと
ある程度の知識とflashのソフトが必要になるので
ちょっと大変かと思います。
画像が1枚だけなら私の方で入れ替えて、という方法もありますが
ファイルのやり取りという行為も発生しますので
現実的でないと思います。
flash自体、外部ファイルとして扱ってる事もあり
ちょっと面倒だったりします。

一つの方法としてgifアニメーションというやり方もあります。
検索して頂ければわかると思いますが
この場合だと比較的簡単に出来ると思います。

flash以外、gif(アニメーション含む)やjpgであれば簡単なので
ご要望があれば入れ替えの方法も
改めて記事化したいと思いますので遠慮なく言ってください。
  by れん
 
早速お返事頂き有難うございます。gifアニメのソフトをダウンロードしてみたのですが、一枚毎に表示する秒数を指定できる物ではなくて、使えませんでした。
新緑の写真も素敵なので、そのまま使わせて頂こうかなと思っています。
でも、どうしても3匹の犬の写真をどこかに表示したく、プロフィールの写真の所にアニメとして表示できないかなと思案中でした。
そのような事は出来るのでしょうか?
かなりの初心者です。
  by ikuko
 
追伸
できるなら、写真の入れ替え方法も教えて頂けると嬉しいです。また、数枚の写真を横並びで表示する方法も・・・甘えすぎですね。
  by ikuko
 
gifアニメのソフトは色々あると思いますよ。
http://homepage3.nifty.com/furumizo/giamd.htm

プロフィールにgifアニメは置けたと思います。
普通の画像を設置する要領で良いはずです。

画像を横並びにするのに一番簡単なのは
設置場所の最大横幅から必要な分、例えば3枚なら
それぞれを3分の1・4枚なら4分の1というように
画像をリサイズして1枚に仕上げるのが簡単だと思います。

画像の入れ替え方法は改めて記事にしますので
参考にしてください
  by れん
 
有難うございます。ボチボチと頑張ってみます。画像入れ替えの記事を楽しみに待っています。
  by ikuko
 2つ質問がありまして
このテンプレートを見て大変気に入りました。是非使わせていただきたく思います。(この爽やかさにそぐわない内容のBlogですが(^^ゞ)

質問1:タイトル画像内にBlogタイトルを表示させることは可能でしょうか。
      当方、Flashなどの知識はなくHTML程度なのですが

質問2:タイトル画像右端に表示されている日付・時刻などの位置が右寄せに
     なっていませんが、これは画像との関係で意図的に決めてあるものでしょうか

ご教授願えれば助かります。よろしくお願い致します。

  by Bravo
 Bravoさんへ
テンプレートを使っていただき、ありがとうございます。

質問1への回答
Flashを外して普通の画像(jpegとかgifなど)にすれば出来ますが
Flashを使用しつつタイトルを移動させるとなると
Flashを作り直す事になるのでちょっと大変です。
普通の画像への変更方法は記事内にあるので分かると思いますが
ブログタイトルを移動させるにはFlashを外すのが一番簡単な方法です。

質問2への回答
日付・時間の位置は意図的なモノです。
配置した部分が樹の幹にあたり、ちょうど陰がある(黒くなってる)ので
白文字が確認しやすいだろうと思いあの位置にしました。


簡素な回答で申し訳ありませんが、参考になれば幸いです。
  by れん
 

早速の回答ありがとうございました。Flashの件良く解りました。画像変更に関する記事も拝見しましたのでいつか挑戦したいと思います。

昔エディターでHTMLをゴリゴリ書いてホームページを作っていた身としては、最近のwebは難しくなってなかなか追っかける気力が沸きませんが(^^ゞ 手がかりができましたのでそのうちに・・・

回答ありがとうございました。
  by Bravo
 Bravoさんへ
Flashを使うと見た目は綺麗な反面、いざ改造しようとすると
(知らない人にとっては)融通がきかないので使いどころが難しいですね。

昔htmlを書いていたのであれば、改めて挑戦してみてはいかがでしょう?
やはり自分で作ると愛着も沸きますしね^^

何かあれば遠慮なく質問してください。
初心者程度の回答しか出来ませんが^^;
  by れん
Posted on 03:33:13 «Edit»
2007
05/06
Sun
Category:共有テンプレート

共有テンプレート・11。。。 

halfgray01-2r
flaw_halfgray01-2r.jpg
申請しました。
右2カラムのシンプルな仕様です。

上下の写真は変更可です。
お好きなモノに差し替えてください。
スタイルシート
/* 上下の画像変更URL↓ */
という部分があるのでURLを適切に変更して下さい。
初期サイズは上は770×150、下は770×100です。

始めて質問するときは最初にこちらを読んで下さい。
利用規約はこちらです。
tb: (0)    com: (6)
 変更内容
はじめまして。
陽菜多と申します。
今回、こちらのテンプレートが気に入り、ダウンローザさせて頂いたのですが、カスタマイズの事で少々お伺いさせて頂きます。
1.画像の変更は可能との事ですが、壁紙の変更は不可でしょうか?
2.「文字サイズの変更は不可」とありますが
プログ名の下にくるブログ説明の部分も文字サイズを変更不可でしょうか?

どうぞ宜しくお願い致します。
  by 陽菜多
 回答・1
DLありがとうございます^^

Q1:壁紙の変更について
A1:カスタマイズに制限はありませんのでご自由にどうぞ。

Q2:文字サイズの変更不可とは
A2:FC2の広告・著作権及び当方の著作権部分に対してです。
(ある程度は弾力的に対応しますけど^^;)
それ以外の文字サイズや色の変更は自由です。

広告と著作権さえキチンと見えていれば
自由にカスタマイズして頂いて構いません。

それでは素敵なブログに仕上げて下さい。
お手伝いできる事があれば遠慮なくご質問を。
  by れん
 ありがとうございます。
早速がんばってカスタマイズしてみます^^
お忙しい所、ありがとうございました。
  by 陽菜多
 続きを読むに関して
お世話になっております。
こちらのテンプレを使用させて頂いて気づいたのですが、「続きを読む」をクリックして表示させ
コメントがあった場合に、そのコメントを読もうとすると、追記記事が表示されません。
テンプレのどこかを修正すれば、直りますでしょうか?
こんな文章で判ってもらえるでしょうか。
  by 陽菜多
 ご指摘ありがとうございます
確かにミスってました^^;
htmlの138行目付近にある赤字部分を削除して下さい。
<!--more-->
<div class="entry-more"><a name="more" id="more"></a><%topentry_more></div>
<!--/more-->
共有も時間のある時に修正したいと思います。
  by れん
 OKです
無事に修正する事が出来ました。
お忙しい中、ありがとうございました。
これからも頑張って下さいね♪
  by 陽菜多