05≪ 2017/06 ≫07
123456789101112131415161718192021222324252627282930
個別記事の管理2010-06-09 (Wed)
また1ヶ月以上放置してたので広告が出てました。
何か書かないと、せっかく頂いたコメントも表示されないので見落としてしまいます。
まぁ、不精な私が悪いのですが…

最近少し体調があんまり良くなくって 更に筆不精になってます。
メールやコメント・ご質問のお返事は、必ず致しますので遅くなっても待ってて下さいませ。
宜しくお願い致します。m(__)m
宜しければポチッと♪→FC2 Blog Ranking
* Category : その他
* Comment : (43) * Trackback : (0) |

momo様へ * by aki
無事に改変できて良かったです。(^_^)
著作権表記部分削除以外はカスタマイズ可能ですので、何かございましたらご連絡下さいませ。
今後とも末永くご利用下さいね♪

* by momo
ありがとうございました!!!
無事に思っていた通りのブログが出来ました!
また何かあったら、教えて頂けたら嬉しいです*:.。..。.:*・。+゚:.

momo様へ * by aki
大変お待たせしまして申し訳ございませんでした。
出来ましたので、改変の方法を掲載致します。

先ず、下記のurlをクリックしてHTMLを開いて下さい。
http://blog-imgs-43.fc2.com/s/o/r/sorauta1/lace-pk3-0.html
次に、開いたウインドウの上段メニュー[表示(V)→エンコード(D)→日本語(自動選択)か日本語(シフト-JIS)]を選択して正しい表示に直して下さい。
次に、同じく上段メニュー[表示(V)→ソース(C)]をクリックしてソースを表示して下さい。

FC2のテンプレート管理画面でlace-pk3のHTML/CSSの「編集」をクリックし、HTML編集枠(上段枠)を全て選択して削除して下さい。
次に、先程開いたHTMLのソースを全て選択してHTML編集枠に貼り付けて下さい。

続いて、スタイルシート編集枠(下段枠)をスクロールし、1/4位のところの

/* Header */
#header {
float: left;
width: 100%;
height: 115px;
margin: 0px;
padding: 0px;
}
という部分を下記に変更して下さい。

/* Header */
#header {
float: left;
background:#fef9f6 url(画像のurl) no-repeat center top;
width: 800px;
height: 220px;
margin: 0px 20px 5px 20px;
padding: 0px;
}

「画像のurl」という部分に作成した画像のurlを入れて下さい。
次に、その下の下記の部分を探して

#header div#description {
text-align: right;
margin: 0px 20px 10px 0px;
padding: 0px;
color: #999999;
font-size: 12px;
}
という部分を下記に変更して下さい。

#header div#description {
text-align: right;
margin: 0px 20px 105px 0px;
padding: 0px;
color: #999999;
font-size: 12px;
}


後は更新ボタンを押せばOKです。
ご不明な点がございましたら再度コメント下さいね。

momo様へ * by aki
トップの画像サイズ800px×220pxで作成します。
ご準備頂いても大丈夫ですよ。(^_^)
近日、作成したHTMLと改変したCSSをアップして方法をご案内致します。
もう暫くお待ち下さいませ。m(__)m

* by momo
お返事ありがとうございます!
私の方は、急いでいないので、お時間のある時に教えて頂けたら嬉しいです*^_^*

トップに表示させたい画像なんですが、表示サイズが分からなかったので、まだ作っていないんです。
タイトルが入って、説明文が入って…と考えて、横が800pxで、縦が220pxくらいだといいなと思ったんですが、この大きさで大丈夫でしょうか?

大丈夫なようでしたら、画像を作ろうと思うので教えて頂けたら嬉しいです!




momo様へ * by aki
お返事が遅くなって申し訳ございません。
只今HTML/CSSの改変作業中なのですが、色々と修正箇所が有りまして…。
出来れば全てをコピペでカスタマイズが完了出来る様にしたいので、トップに表示させたい画像のURLをお教え頂けますか?
拝見させて頂いてから表示サイズを決めたいので。
何卒、宜しくお願い致します。m(__)m

momo様へ * by aki
コメント有難うございます。
改変方法掲載まで少しお待ち下さいね。

なほ様へ * by aki
無事に改変出来たようで良かったです。(^_^)

スタイルシートを知るとカスタマイズが楽しくなりますよ。
著作権表記部分以外は改変可能なので、是非♪色々カスタマイズにTRYしてみて下さい。
今後とも末永くお付き合い下さいませ。m(__)m

* by momo
初めまして。
fc2ブログ初心者なんですが、e-ssenceさんのテンプレートがとっても可愛くて使わせて頂きたいと思っています!

lace-pk3をダウンロードさせて頂いたんですが、カスタマイズのことで質問させて頂いてもよろしいですか?

lace-pk3は、タイトルの部分に画像がないんですが、
出来たら、ここを自分の好きな画像に変えて、
その画像の中にブログのタイトル名とブログの説明文が来るようにしたいんですけど、
そんなことは出来ますか?


こちらのe-ssenceさんのブログのカスタマイズのカテゴリで書いてあったように、
自分でココかなと思う場所に、
<img src="画像のURL" border="0">
を入れてみたりしたんですが、
画像は入れられたんですが、タイトルは上に説明文は下に表示されてしまったり、画像自体がトップページへのリンクになってしまったりと、なかなかわかりません。。。


お時間がありましたら、教えて頂けたら嬉しいです!!!

* by なほ
度々お手数おかけしました!

ありがとうございます。
思ったように出来ました。

marginの数値は何度か弄ったんですが
その方向の数字を上げればその方向に移動するのかと
勘違いしており、反映されなかったようですorz
余白だったんですね(苦笑

初歩的な質問にも快く応じてくださり感謝しております。
早速使わせていただきたいと思います。
ありがとうございました<m(__)m>

なほ様へ * by aki
お返事有難うございます。
当方の調整より、もう少し下げたいのですね?
レスに有りますように、
margin: 180px 20px 0px 20px; の180pxという数値を増やすと下げる事ができます。
この margin(余白)という部分は、左の数値から「上・右・下・左」になっていて、上記の場合は、
「blog説明文の上の余白180px,右の余白20px,下の余白0px,左の余白20px」
という事になります。
もう少し下げたいのであれば180pxを200pxに、右に寄せたいのであれば2番目の数値20pxを10pxに…という感じでお好みに微調整して下さい。

説明が不十分であれば再度コメント下さいませ。m(__)m

* by なほ
ご丁寧な回答ありがとうございます!

やってみたんですが、思ったより下がらなかったので
補足しますね。

明らかに私の説明不足だったんですが
予定しているトップの画像の関係上

左上にサブタイトル(ちょっと長め)の文字があると邪魔になるので
右下の角まで移動させたいのです。
タイトルは短いので今の位置のままで問題ないのですが・・・

難しいようでしたら
タイトル、サブタイトル全ての文字を今の左上から
右下への移動でも問題ありません。

知識がないので、もしとんでもないことを言っていたら
すみません。
宜しくお願いします(汗

なほ様へ * by aki
初めまして♪
テンプレートのご検討、誠に有難うございます。

ブログ説明文(discription)の位置変更についてです。
テンプレートをDLしてスタイルシート部分を半分近くスクロールした所に /*タイトル*/ という部分が有ります。
その下の方を探すと
.description {
top: 20px;
margin: 0px 20px 0px 30px;
font-size: 12px;
color: #444444;
position:relative;
}

という部分が有るので、そこを下記のように変更して更新ボタンを押して下さい。
.description {
top: 20px;
margin: 180px 20px 0px 20px;
text-align: right;
font-size: 12px;
color: #444444;
position:relative;
}


marginの180pxという数値を増やしていくともっと下に移動できますが、この位置がbetterではないかと。(^_^)
ご不明な点がございましたら再度コメント下さいね。

ショコラカントリーママ様へ * by aki
すみません。(^_^;)記事を一ヶ月以上更新してなかったのでコメントが表示されなかったのです。(承認しないと表示されない)
本日記事の更新をしたので表示されました。
メールでのご指摘、有難うございました。

バックアップは何か有った時の予防策にも必要だと思います。
時間が出来ましたらやってみて下さいね。(^_^)

管理人のみ閲覧できます * by -

* by なほ
candyの3カラムがとてもかわいくて
この度お借りしようと考えております。

そこで質問なんですが
ブログ名のすぐ下のサブタイトル(ブログ説明文)
の位置だけを右下まで移動させたいのですが可能でしょうか?

難しいようでしたらブログ名を含めた文字全ての(右下へ)
移動方法でもかまいません。
お時間のあるときで構いませんので宜しくお願いします。

★ バックアップ ★ * by ショコラカントリーママ
v-254 こんにちは v-254
 バックアップの件まで、アドバイス、
 ありがとうございます。
 イベントの準備の為、暫く出来そうもないので
 落ち着いたら、試してみようと思います。
 又、後日報告しますね♪

おはようございます。 * by ちたえ
できました~。
いつもありがとうございます。

ちたえ様へ * by aki
お返事が遅くなり申し訳ございません。

ご質問の件です。
ご利用テンプレートのHTML編集画面を開き、半分位スクロールした所に
<!--コメント表示-->
という部分が有ります。この下の空行入れて4行目の
<div class="link_title"><%comment_title></div>
という部分を
<div class="link_title"><img src="http://blog-imgs-44-origin.fc2.com/y/o/u/youkokoume/fo3-2.gif" border=0> <%comment_title></div>
のように変更し、更新して下さい。

これでコメントタイトルの左に足跡が表示されると思います。

* by ちたえ
こんばんわ~
お久しぶりです。

ずっと思ってる事があって・・・
まぁいいや~なんて思ってたので、
ほってたんですけど・・・

やっぱり相談してみようかと・・・
私のブログのコメ欄ですが・・・
勝手にクマの足跡を入れ込んでます。
むりくりなので、
その下にSubjectが入ってしまうんですよね。
それを隣に文字が出るように
するにはどうすればいいでしょう?
できるようなら教えていただきたいです。
よろしくお願いします。

管理人のみ閲覧できます * by -

ショコラカントリーママ様へ * by aki
無事にアニメーション画像が表示できたようで良かったです。(^_^)
色々試行錯誤しながら自分好みにしていくのがカスタマイズの楽しみです。
頑張って何事もTRYしてみて下さいね。(^^)/

★ ついに出来ました♪ ★ * by ショコラカントリーママ
v-254 こんにちは v-254
 いつも親切にアドバイス、ありがとうございます。
 お陰様でプラグイン3にアニメーション画像
 アップ出来ました♪

 色々、お気遣い頂ありがとうございます。
 長い間、お世話になり心より感謝申し上げます。
 

 

ブログを拝見しました 。様へ * by aki
ブログを拝見しました 。様へ

コメント及び応援ポチ、誠に有難うございます。
お褒めのお言葉もとても有り難く、嬉しく思います。m(__)m
しかしながら、貴殿サイトのURLがカテゴリー的に掲載不適当と判断致しましたので、誠に勝手ながら削除させて頂きました。
URLのみ削除という事が出来ませんので、申し訳ございませんがご了承下さいませ。

ショコラカントリーママ様へ * by aki
ショコラカントリーママ様へ

ランキングバナーの貼り方は他の画像の貼り方と同じです。
<a href="http://blogranking.fc2.com/in.php?id=529420" target="_blank"><img src="画像のURL" border="0"></a>
これで良いと思いますが…。
画像のURLという部分は、アップロードした画像のサムネイルをクリックして表示された画像のURLを入れて下さい。
試してみてダメでしたら再度コメント頂けますか?
宜しくお願い致します。(土日は県外帰省のためレス出来ませんが。^^;)

★ アニメーション ★ * by ショコラカントリーママ
v-254 こんにちは v-254
 いつもアドバイス、ありがとうございます。
 お陰様で、アニメーション画像ブログに
 アップできました。
 ブログはファイルのアップロードーの所で
 「この画像で記事を書く」をクイックすれば
 動画になるのにプラグインでは設定方法が違うので
 後で試してみます」。
 親切に教えて下さるので、学ぶ事が出来、
 うれしく思います♪
 

マリのママ様へ * by aki
マリのママ様へ

無事に改変出来たようで良かったです。(^_^)
当方のテンプレートは、著作権表示部を削除しなければカスタマイズOKなので、お気に召すよう手を加えていって下さいね。

今後とも末永くご利用下さいませ。m(__)m

ショコラカントリーママ様へ * by aki
ショコラカントリーママ様へ

私も末尾に少し加えただけで可能でしたが…それでもだめでしたか?
上書きが出来ない(画像が反映されない)場合は、いっその事「別名で保存」で新しく画像のURLを取得した方が簡単です。
アップロードした画像のサムネイルをクリックしてみて、表示された画像が動いていないようであれば、元の画像がアニメーションGIFではないという事だと思います。

カラーコードの変更 * by マりのママ
文字が見えにくいので
写真を替えなければ と気になっていました
アドバイスしていただいたように
カラーコードを変更したら
タイトルが見やすくなりましたi-179
記事の文字も少し大きくしてみました

どうもありがとうございました

★ 私でも出来ました♪ ★ * by ショコラカントリーママ
v-254 こんにちは v-254
 いつもアドバイス、ありがとうございます。
 文字の色、やっと・・・変更できました。
 タグの意味も全然私に、根気強くご指導して下さった
 お陰で、私でも編集する事が出来、とってもうれしい ですv-238

 アニメーションの方のファイル名は
 全部変えないといけないのでしょうか?
 元のファイル名の後に付け加える程度では
 無理でした。

マりのママ様へ * by aki
マりのママ様へ

無事に改変出来たようで良かったです。(^_^)
ブログタイトルやブログの説明文が見難いようでしたら、スタイルシートの下記の部分を探してカラーコードを変更してみて下さい。
スタイルシート編集枠を2/5程スクロールしたところに/*タイトル*/という部分が有ります。ここの、

ブログタイトル部分
h1 a, h1 a:visited,h1 a:hover {
font: bold 28px 'Verdana', sans-serif;
text-decoration: none;
color: #BA6F6F;
}

ブログの説明部分
.description {
margin: 10px 28px 0px 35px;
font-size: 12px;
color: #666666;
position:relative;
}

赤色の部分を変更する事で色を変える事が出来ます。
カラーコードは下記リンクを参考にしてみて下さい。
http://e-ssence.main.jp/tips/t-websafe.html

今後とも末永くテンプレートとお付き合い下さいませ。m(__)m

ショコラカントリーママ様へ * by aki
ショコラカントリーママ様へ

文字色変更の件ですが、拝見してみました所タグ内のスタイルシートの特殊文字が間違っているので、反映されないのだと思います。

<span style="font-size*14px:color:#ff0000">ハッピースペースH&Sの自宅工房のご紹介。
★ こだわりがわかります。★</span>

となっておりますが、font-size*14px: は font-size:14px; の間違いです。
*(アスタリスク)ではなく:(コロン)、:(コロン)ではなく ;(セミコロン)です。

<span style="font-size : 14px; color : #ff0000">ハッピースペースH&Sの自宅工房のご紹介。 ★ こだわりがわかります。★</span>
↑これが正しい表記ですので修正して下さい。
ランキングバナー画像をアップロードしたFC2サーバーの容量はとても大きな容量なので、サーバーの容量は関係無いと思います。
GIFの作成・保存の方法がまずいか、アップロード時の上書き保存のせいではないでしょうか?
アニメーションGIFはパラパラ漫画の要領で、何枚かの画像を組み合わせて作成します。
作成ソフトで作った後にアニメーション保存を忘れたとか、作成後に普通のソフトで改変して保存してしまったとか。(特に後者の場合はアニメGIFが普通のGIFになってしまいます。)
先日私が見た時も動いていませんでしたので、アップロードした画像自体がアニメGIFになってなかったのか、若しくは何度かアップロード時の上書きをして画像の更新がされていないのだと思います。
画像がキチンとアニメGIFになっているのならば、再度、画像の名前を別名に変更
してアップロードしてみる事をおススメします。
(アップロードの上書きで、画像が更新されない事がよくあります。私にも経験有りますので。)

管理人のみ閲覧できます * by -

出来ました! * by マりのママ
丁寧に教えてくださったので 私でも出来ました

トップも 『産まれた家から わが家に連れて来る帰る時の写真』に 変更できました
とても嬉しいです

ピンクのレースのテンプレートでも試してみたいと思います
これからも ご指導お願いいたします
ありがとうございました

★ 感謝いたします。★ * by ショコラカントリーママ
v-254 こんにちは v-254
 いつも解かり易くアドバイス
 ありがとうございます。
 教えて頂いた通り、編集しましたが、プラグインの
 説明の文字は変えられませんでした。((・_・;)
 たぶん、PCの状態が良くないのかもしれません。
 ランキングバナーの所も容量が決まっているのか
 アニメーションの画像が静止画になって、アップ
 されてしまいます。
 お忙しい中、親切に教えてくださって、感謝します。

Re: ショコラカントリーママ様へ * by aki
下記コメントの続きです。文末</a>の後に↓を繋げて下さい。

<a href="http://blogranking.fc2.com/in.php?id=529420" target="_blank"><img src="http://blog-imgs-44-origin.fc2.com/h/a/p/happyspace706/20100606171710faa.gif" border="0"></a></div>

画像にリンクをする場合は、<a href="~~"><画像タグ></a>のようにアンカータグ(aタグ)で括らなくてはいけません。

次にご質問の件ですが、プラグインの設定画面で改変を必要とするプラグインの編集画面を開き、「プラグイン説明(上部)」の枠の中に入れて下さい。
例:
<span style="font-size : 14px; color : #ff0000">ハッピースペースH&Sの自宅工房のご紹介。
★ こだわりがわかります。★</span>

これで、赤色&14pxの文字サイズになります。

ショコラカントリーママ様へ * by aki
ショコラカントリーママ様へ
先ずご質問の回答の前に、プラグイン3に記述している部分にタグの間違いが有ります。
検索フォームの後のFC2ランキングがリンクされていません。
この部分はこのように書き換えて下さい。↓(コメント投稿で記載できるURLの数が制限されていますので、二つに分けて掲載します)

<div align="center">ランキングに参加しています。<br>応援の「ポチ」よろし
くお願いします。励みになります。<br>
<a href="http://goods.blogmura.com/goods_country/"><img
src="http://goods.blogmura.com/goods_country/img/goods_country88_31_lightred.gif
" width="88" height="31" border="0" alt="にほんブログ村 雑貨ブログ カント
リー雑貨へ" /></a> <a href="http://dog.blogmura.com/toypoodle/"><img
src="http://dog.blogmura.com/toypoodle/img/toypoodle88_31_lightred.gif"
width="88" height="31" border="0" alt="にほんブログ村 犬ブログ トイプード
ルへ" /></a>
上記コメント部分に続きを掲載します。

★ プラグイン上部の説明の文字 ★ * by ショコラカントリーママ
 v-254 こんにちは v-254
 いつもありがとうございます。
 プラグイン3のプラグイン上部の説明の文字の色と
 サイズを変更しょうと試しました。
 HTMLの編集のところに入力しましたが、文字は
 代わりませんでした(汗)
 どこで、編集すればいいのですか?
 アドバイスお願いします。
 

ショコラカントリーママ様へ * by aki
ショコラカントリーママ様へ

文字にタグを追加する事で文字を装飾する事ができます。
装飾方法は下記のページ(当方素材配布サイト)を参考にしてみて下さい。
http://e-ssence.main.jp/tips/t-moji.html

カラーコードについては↓
http://e-ssence.main.jp/tips/t-websafe.html
カラーネームについては↓
http://e-ssence.main.jp/tips/t-colorname.html

★ お暇な時にお願いします ★ * by ショコラカントリーママ
v-254 こんにちは v-254
 いつもアドバイス、ありがとうございます。
 お陰様で、問題は解決しました(*^_^*)♪
 プラグイン3の説明文の文字は大きさを変えたり
 文字の色を変えたりする事は出来るのですか?
 私のブログを例にすると、パパの手作りカントリー
 工房入り口のタイトルの下の枠の中の文字です。
 お暇な時にお願いします♪

管理人のみ閲覧できます * by -

ショコラカントリーママ様へ * by aki
お返事が遅れて申し訳ございません。

>  プラグインの3を使用すると、自然に2カラムに
>  なってしまうのですか?

プラグイン3を使っても2カラムにはなりません。
ブログのソースを拝見させて頂くと、ランキングバナーの後の終了タグが不完全です。
</div>としなければいけないところが</di>になっているため、テンプレートの表示がおかしくなっているのだと思います。

<div align="center">ランキングに参加しています。<br>応援の「ポチ」よろし
くお願いします。励みになります。<br>
<a href="http://goods.blogmura.com/goods_country/"><img
src="http://goods.blogmura.com/goods_country/img/goods_country88_31_lightred.gif
" width="88" height="31" border="0" alt="にほんブログ村 雑貨ブログ カント
リー雑貨へ" /></a> <a href="http://dog.blogmura.com/toypoodle/"><img
src="http://dog.blogmura.com/toypoodle/img/toypoodle88_31_lightred.gif"
width="88" height="31" border="0" alt="にほんブログ村 犬ブログ トイプード
ルへ" /></a></di>←この部分

ここを</div>に直して更新して下さい。

>  さらに欲を申しますと、バナーの下の中央に
>  アニメーションの画像をアップさせたいのです。

バナーの下に画像を追加したい場合は、上記</div>の直前に画像タグを入れて下さい。
ご不明な場合はまたコメント下さいませ。

★ありがとうございました♪ ★ * by ショコラカントリーママ
 v-254 こんにちは v-254
 昨日はアドバイス、ありがとうございました♪
 おかげ様で、ランキングバナーをカレンダーの
 中央に表示できました。

 さらに欲を申しますと、バナーの下の中央に
 アニメーションの画像をアップさせたいのです。

 プラグインの3を使用すると、自然に2カラムに
 なってしまうのですか?

 体調がすぐれないようで、申し分けございませんが
 アドバイス、よろしくお願いします。
 お大事にe-414

コメント







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