2008年05月 / 04月≪ 12345678910111213141516171819202122232425262728293031≫06月

2008'05.12 (Mon)

do_popflowerのコメント不具合

また禁止ワードにひっかかってコメントできないので新記事でお答えします;
禁止ワードをなしにしても、英数字100パーセントでOKにしても、ソースを書くと駄目みたいで……FC2の方で蹴られちゃってるのかな?;

http://dokode.blog87.fc2.com/blog-entry-51.html#comment1248へのコメントレスです。
do_popflowerでコメントが送れないとのことですが、あれ、本当ですね……前はコメントできたので、数日前に書き直した時に何かおかしなことになったようです……でも、ソース見ても変なところは見つからない……うっかりメモ帳に保存でもしたのかな……
ともあれHTMLの
<!--▼コメント投稿ここから-->
から
<!--/コメント編集ここまで-->
の部分を追記に載せたソースに差し替えれば、コメントできるようになると思います。
申し訳ありませんが、不具合の出る方は、その部分をコピペで差し替えてくださいませm(_ _)m

【Read More・・・】



テンプレート部門に参加中。クリックしてくださると励みになります♪
08:46  |  カスタマイズ色々  |  TB(0)  |  CM(0)  |  EDIT  |  Top↑

2008'05.11 (Sun)

do_resky3cのカスタマイズ

禁止した覚えのない禁止ワードにひっかかってコメントできないので; 新記事でお答えします。
http://dokode.blog87.fc2.com/blog-entry-105.html#comment1243へのレスです。

>hotmaikoさんへ
簡単に出来ますよ。

これこんな風になればいいんですよね?

HTMLの順番を
全体レイアウト→ヘッダー→横カレンダー→左メニュー+中央記事→中央メイン……
にするだけです。
そのレイアウトなら、横カレンダーはdo_re_sky2cのを流用するのではなく、以下のものを使った方がいいかも。
該当部分を以下に差し替えてください。

<!--▼全体のレイアウトここから▼-->
<div id="layout">

<!--▼ヘッダーここから▼-->
<div id="header">
<h1 id="pagetop"><a href="<%url>"><%blog_name></a></h1>
<p class="intro"><%introduction></p>
<p class="admin">
<a href="<%url>?all" target="_self" title="全記事リストへ">★All&nbsp;archives</a>&nbsp;&nbsp;
<a href="<%server_url>control.php" title="管理ページトップへ">★Admin</a></p>
</div>
<!--/ヘッダーここまで-->

<!--▼横カレンダーここから(いらない場合はここから削除▼-->
<div class="yoko_calender">
<b><%now_year>年<%now_month>月</b>/
<a href="<%prev_month_link>"><%prev_month>月≪</a>
<!--calender2-->
<span class="day"><%days></span>
<!--/calender2-->
<a href="<%next_month_link>">≫<%next_month>月</a>
</div>
<!--/横カレンダーここまで(いらない場合はここまでを削除)-->


<!--▼左メニュー+中央記事ここから▼-->
<div id="left_and_main">

<!--▼中央メインここから▼-->
<div id="main_block">




テンプレート部門に参加中。クリックしてくださると励みになります♪
19:42  |  カスタマイズ色々  |  TB(0)  |  CM(2)  |  EDIT  |  Top↑

2008'05.02 (Fri)

投稿時間等のカスタマイズ

>AAAさんへ
投稿時間を消したいというご質問をいただいたのですが、どのテンプレでも共通なので、新記事にしておきます。
まず、テンプレートの編集のHTMLのところからリンクされている、テンプレート中に使える変数一覧をご覧になってください。
すると、<%topentry_hour>が時間を表示し、<%topentry_minute>は分を表示する……等のことがおわかりなると思います。

で、テンプレのHTMLからそれらの独自変数を探して下さい。
私は、記事下のデータと、コメント下のデータにそれらの変数を使っております。
必要なければそれらの変数を削除すればいいわけです。

変数一覧表見て、HTMLから対応変数を探すようにすれば、ご自分で必要に応じて、場所を移したり、いらないものは削除したり、いるものを付け加えたりと色々カスタマイズできるようになりますよ♪

ただ記事下データの方は記事にリンクを貼っていますので、そのリンクはいる、でも投稿時間は表示させたくないのであれば、投稿時間・分をあらわしている<%topentry_hour>:<%topentry_minute>をなんでもいいので代わりのものに差し替えてください。「この記事を開く」とか「この記事を別窓で」あたりかな。↓例
<a href="<%topentry_link>" target="_blank" title="この記事を別窓で開く">この記事を別窓で開く</a>

もっとも、記事タイトルからも記事にリンク貼っているので、リンクもいらなければ、下記の赤字部分を丸ごと削除しちゃってください。

<!--▼記事下データここから▼-->
<div class="entry_state">
<a href="<%topentry_link>" target="_blank" title="この記事を別窓で開く"><%topentry_hour>:<%topentry_minute></a>


テンプレート部門に参加中。クリックしてくださると励みになります♪
21:35  |  カスタマイズ色々  |  TB(0)  |  CM(2)  |  EDIT  |  Top↑

2008'04.13 (Sun)

プラグイン1と2で文字設定を変える

2カラムのdo_renight2cで、プラグイン1と2の文字色をそれぞれ変えたいという質問があったのですが、私のテンプレの2カラムはどれも共通ですので、また同じ質問があった時に見つけやすいよう、あらたに記事にしておきます。

文字色でしたら、HTMLの編集で、プラグイン1と2のそれぞれにある
<div class="menu_text">
をまず探してください。
そしてプラグイン1の部分は
<div class="menu_text1">
プラグイン2は
<div class="menu_text2">
にでもしてください(なんでもいいんですが、ようは1と2で違うクラス名にするってことです。あ、テンプレの他の部分で使われてないのにしてくださいね)。
そして、今度はスタイルシートから
.menu_text

.menu_text p
の設定を探し、これをコピペし、それぞれ.menu_text1 と.menu_text1 pと.menu_text2と.menu_text2 pに変え、個々に文字色などをお好きなように設定すればいいわけです。

同じ要領で、プラグインのタイトル(menu_title)やリストマーク(menu_body ul)の色なども1と2で別に設定できます。
HTMLとスタイルシートを両方をつきあわせて見れば、私のテンプレはどれが何なのか説明入れてますし、すぐわかると思いますので、お好きなようにカスタマイズしてくださいね。

でも、プラグイン部分の文字みたいな、表示しないことも多いものではなく、おそらくリストのリンク色を変えたいんじゃないか……という「推測」のもとに; その方法も書いておきますね。

これはテンプレによって、設定違うんですが、スタイルシートのリンク設定を見れば、プラグイン(サイドメニュー)部分は、ご質問いただいたdo_re_night_2cの場合、全体のリンク色が適用されていることがわかりますよね(ものによっては、メニュー部分に個別にリンク色設定していることもあります)。

HTMLでサイドメニュー部分の設定を見て、プラグイン1と2にある
<div class="menu_body">
の末尾にそれぞれわかりやすく1とか2でもつけて、違うクラス名にしてください。

(あ、書き忘れてましたが、スタイルシートの
.menu_body {
なんとかかんとか
}
の設定は、
.menu_body1, .menu_body2 {
なんとかかんとか
}
に変えておいてくださいね;)。

でもって、もしどちらかのリンク色が、初期設定のままでいいのなら、変えたいものだけリンク色をあらたに設定します。両方変えたいのなら、両方、設定してください。
たとえば、スタイルシートに以下のような設定を付け加えれば、プラグイン2部分のリンク色のみ、初期設定とは違う色(この場合は#f00……赤)になるわけです。

/* 未閲覧 */
.menu_body2 a:link {
color:#f00; /* リンク色 */
text-decoration:none; /* 下線をなしに */
}
/* 閲覧済 */
.menu_body2 a:visited {
color:#f00;
text-decoration:none;
}
/* カーソルが乗った時 */
.menu_body2 a:hover {
color:#999;
text-decoration:none;
}


menu_body1(プラグイン1部分)にも設定したければ、同じ要領でどうぞ。

で、もし、メニュー部分に全体の設定とは別にリンク色が設定してあるテンプレだと、有効にならないかもしれませんので、その場合は、
color:#f00 !important;
のように !importantを付け加えてください。最優先でその設定が適用されます。
(!importantは便利だけど、あまり乱用しない方がいいみたいなので、どうしても必要な時だけ使ってください)。

別に上のに限らず、やり方は色々ですがようは、HTMLのプラグイン1も2も、同じクラスで、CSSで一括で設定している初期状態から、カスタマイズで別なクラス名にし、スタイルシートでもそれぞれ別個に設定すればいいってだけです。


テンプレート部門に参加中。クリックしてくださると励みになります♪
17:15  |  カスタマイズ色々  |  TB(2)  |  CM(2)  |  EDIT  |  Top↑

2008'03.29 (Sat)

よくある質問なので……

>ぴぃーさんへ
テンプレ気にいっていただけて、嬉しいです(*^▽^*)
do_qp_dotに対する質問だったのですが、どのテンプレでも共通なので、新規記事でお答えします。
というのは、これと同じ質問、何度も答えてるんですけど、 それぞれのテンプレの個別記事にいっちゃってるもんで、探しにくいんですよね……なんせ自分でも探すの大変でした;
(不精がってないで、いい加減、よくある質問と回答くらい作らないとなー;)
ということで新規記事にしておきます。

記事にUPした写真等の画像に常に枠をつける等の修飾をするには、スタイルシートにそのような設定を書き加えてください。
私のテンプレですと、HTMLにもCSSにも説明を入れているので、すぐわかると思いますが、記事内部のクラス名は、entry_bodyです。
ですので、スタイルシートに、以下のタグを場所はどこでもいいので入れれば出来ます。
.entry_body img {
お好きな内容に設定してください
}
つまりは
.entry_body(←設定したいクラス) img(←画像) {
お好きな内容に設定してください
}
ってことです。
imgに一律で設定してしまうと、テンプレにあらかじめ使っている画像すべてに影響出ますので、気をつけてくださいね。

例)
.entry_body img {
padding:5px; /* 画像の余白を5pxに設定 */
background-color:#fff; /* 余白部分の色を白に設定 */
border:1px solid #000; /* 枠の色を黒色設定 */
}


他の方のテンプレでも、該当クラス名を探せば、同じ要領で出来ますよ。

>2n29nさんへ
テンプレ気にいっていただけて、嬉しいです(*^▽^*)

常に画像の一番上の右からとは、一体どういう状態なのか、わかりづらいのですが、画像の横に文章を回りこませたいのではないかと推測……(的外れだったらすみません)。
だとしたら、特にテンプレに限った話ではないんですが、これも何度か答えている質問なので、ここに書いておきますね。

個別に記事内で設定するのでしたら、FC2ブログで画像挿入をすると、下のようなタグが自動で挿入されますよね。

上のタグを以下のように書き換えます。

alignでleftとrightのどちらに回り込ませるか、marginでどこにどれだけ余白を取るか指定してください。 例のmarginは上・右・下・左の順に設定してあります。適当にお好みで変えてください。
<br clear="all" />は回り込みを解除するタグです。 解除しない場合は、削除してください。


テンプレート部門に参加中。クリックしてくださると励みになります♪
11:56  |  カスタマイズ色々  |  TB(0)  |  CM(2)  |  EDIT  |  Top↑

2008'02.28 (Thu)

色々レスです

87サーバーの画像非表示のトラブルは、直ったように思われますが、どうでしょうか?
書き換え前のテンプレで見ても、すべて表示されているようです♪

今後はこういうことが起きませんように……(いえ、無料BLOGなんだし、あっても仕方ないと思うけど、長引く時はFC2さんの方から告知がありますように……(-人-)。

最初にDLした時の状態から不具合があるわけではなく、今回のように急に不具合が出た場合は、サーバートラブルないし、記事かプラグインに原因があるということを覚えておいてくださいねー。
それから、ねぎらいや激励やお誉めのコメントをくださった方々、ありがとうございました(*´∇`*)

正直言って、FC2でテンプレ作り続けるのって厳しいなあ……なんて思わないでもなかったんですが:(トラブルの多さより、トラブルに関する告知が圧倒的に少ないことが辛い……;)皆様のコメントに元気づけられたのと、不安だった新管理画面への移行も、今のとこ、目だったトラブルは出てないようですので、もうちょい様子見したら、また新作も作りたいとは思ってます。

コメントに全部レスするのは大変なのと、画像非表示の件以外の質問やリクを書いた人も、どこに書き込んだんだか、探すの大変な状態になっていると思われますので; この記事でまとめてお返事いたしますね。

答えが欲しいんだけど、無視されてるよ〜と思った方は、すみませんが、見落としですので、再度、質問してください;(この記事にしましたとの誘導でもいいです)。
そして、規約にもありますように、非公開コメントには回答は致しませんので、ご了承ください。

>桜舞さんへ
3カラムで中央幅が広めのデザインご希望とのことですが、何も知らない初心者でも、足し算さえ出来れば、幅変更のカスタマイズが簡単に出来るように、作っているつもりですので、ぜひカスタマイズに挑戦してみてくださいね♪
その部分だけでしたら、計算間違いさえしなければ、問題ないですよ。
(もっともそのままのデザインでは、幅変更が難しいのもありますので、目的に応じてテンプレを選んでくださいませー)。

>よびこさんへ
また・・・で申し訳ないのですが、日記記事の下にあるページ移動の文章を記事のタイトル表示じゃなくて「次の日」BLOGTOP「前の日」みたいにしたいのですが、どこを修正すればいいのかわかりません!
このテンプレートだったら修正不可能でしょうか??

とのことですが、どのテンプレでも可能です。
HTMLから↓を探してください。

<!--▼記事移動ここから▼-->
<div class="navi">
<!--preventry-->
≪<a href="<%preventry_url>"><%preventry_title></a>
<!--/preventry-->
&nbsp;|&nbsp;<a href="<%url>">HOME</a>&nbsp;|&nbsp;
<!--nextentry-->
<a href="<%nextentry_url>"><%nextentry_title></a>≫
<!--/nextentry-->
</div>
<!--/記事移動ここまで-->


<%preventry_title>は、前の記事タイトルを表記するFC2独自変数で、<%nextentry_title>は次の記事タイトルを表記する独自変数ですので、その部分を、好きな言葉に書き換えてください。
詳しくはFC2独自変数表をご覧ください。
HOMEへのリンクもBLOGTOPなど好きなものに変えてくださいね。

>プチセレたーちゃんさんへ
申し訳ありませんが、カスタマイズ後の不具合は、そちらのカスタマイズに問題があるとわかっているわけですから、こちらで検証等は引き受けかねます;
こういうカスタマイズをしたいけれど、どうしたらいいかならまだしも、人によって様々なカスタマイズをしているのに、どのようなカスタマイズをしたかを具体的に教えていただけてないまま、他人のカスタマイズ過程を私が推理したり、BLOGを見て、ミス部分を検証したりしなくちゃならないというのは、手間がかかりすぎるんです><(引き受け出すとキリがないので〜;)。
出来れば、カスタマイズをしたご本人が、カスタマイズ前のソースと見比べながら、ここでこういうことをしたら不具合が出るようになるというところまで突き止め、自力解決をお願い致します。
それでもどうしても対処法がわからないのでしたら、最低限、上記までは突き止めた上で、具体的にご質問してくださいね。


テンプレート部門に参加中。クリックしてくださると励みになります♪
01:11  |  カスタマイズ色々  |  TB(0)  |  CM(1)  |  EDIT  |  Top↑

2007'11.29 (Thu)

フォント指定

VISTA&IE7ユーザーの方から、do_xmas_psbのフォント(文字)の種類をメイリオにするにはどうしたらいいかというご質問をいただいたので、ご回答したのですが、他のテンプレでも同様なので、新しく記事にしておきますね。

PCによって、インストールされているフォントはまちまちです。スタイルシートのフォント指定は、複数のフォントを指定していると、一番前に書いたものが最優先で表示され、それがなければ次のもの、何もなければそのPCに入っている標準のフォントで……というような仕組みになっています。
何も指定されていなければ、そのPCの標準フォントでの表示になりますので、何も指定しないことでも、VISTAユーザーに標準フォントであるメイリオで見せることは可能になるわけです。

なので、いっそ、bodyのフォント指定はなくてもいいかも……と思って、指定なしで、色々なブラウザでチェックしてみたんですが、SAFARIは明朝になるんですねえ(今頃知りました;)。これはちょっと読みづらいかも……もっとも標準フォントが読みづらいなんて思うSAFARIユーザーだったら、標準フォントを変更しているだろうし、たぶん問題ないだろうけど……。

でもまあ、とりあえず、MACの場合は、ヒラギノ角ゴ、なければosaka、WINの場合、メイリオがインストールされていればメイリオで、他のWINはMS Pゴシック、以上のものがなければ、そのPCにインストールされているなんらかのゴシック系で表示されるように、全テンプレを書き換えました。
以前のものをお使いの方で、メイリオにする必要があれば、一番前に'メイリオ',Meiryo,を付け加えか、以下の太字部分のように書き換えてください。

body {
text-align:center; /* IEのバグを利用して中央に配置 */
color:#003; /* 画面全体の文字色 */
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',Osaka,sans-serif; /* 画面全体のフォント指定 */
font-size:12px; /* 画面全体の文字サイズ */
以下略
}



メイリオはきれいですが、ゴシック系のフォントと比べると、幅が広く、太いので、AAを貼る人なんかは注意した方がいいかもです。
VISTAユーザーにもメイリオで見せたくない方は、メイリオ指定部分を取っちゃえば、VISTAであっても、MS Pゴシックが優先表示になります。

FC2の公式テンプレも作っていらっしゃるCFDNさんのブログに次のような記事があったので、
http://blog1.fc2.com/cfdn/blog-entry-46.html
これまで、よくわからないものの; 保険で、\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AFとか\30D2\30E9\30AE\30CE\20Pro\20W3と書いていたのですが、最近、こういう書き方、見かけないので(MACユーザーさんの作るテンプレでも)、おそらく今のSAFARIでは解決しているのだろう……という予測のもとに、ビクビクしながら取っ払うことにしました;

それと、以前、英数字をVerdanaにしたいという要望をいただいたことあるんですが、bodyのフォント指定の一番前にVerdanaを付け加えれば、英数字をVerdana表記に出来ますので、お好みでどうぞ。
font-family:Verdana,以下略
私のテンプレは、全体に欧文フォントを指定していない分(本文の英数字が変わるのあまり好きじゃないので;)、日付けやカレンダーや見出しやページ移動等、個別に欧文フォント指定をしていますので、そのあたりもご必要に応じて、お好みで変えてくださいませ。

ちなみに日本語のフォントは'なんとか'のように、引用符で囲む必要があります。
カスタマイズの際は、引用符を削除し忘れたり,を不要に削除してしまったりしないように気をつけてくださいねー。


テンプレート部門に参加中。クリックしてくださると励みになります♪
23:56  |  カスタマイズ色々  |  TB(0)  |  CM(4)  |  EDIT  |  Top↑

2007'10.22 (Mon)

CSSのLINK設定

古本屋で買ったXHTMLとCSSのガイドブックを読むというか、眺めていたら、CSSのリンク設定って、

a:link (未訪問)
a:visited (訪問済)
a:hover (マウスがリンクに乗っている)
a:active (訪問中)


の順番で書くのが正しいそうですね。
私は何でそう思いこんだのか、ずっとa:link→a:visited→a:active →a:hoverの順だと思っていました〜(-▽-u (あっ、たぶんHTMLでリンクを設定してた時の癖をひきずってたからなんだわ……未訪問、訪問済、アクティブ中とセットで覚えていて、a:hoverだけはCSSにしかないから、つい最後にしてしまうという;;)
でも、確かに、リンクにカーソルを乗せた後に、a:activeで設定した色に変わるんだから、理にかなっている……のかな?
というわけで、全テンプレ書き換え……そして、その最中に、do_ichigo3cでメニュータイトルとプラグインのリストの間の余白が、以前より増えているのを発見Σ

/* メニューリスト */
/* リスト親要素 */
.menu_body ul {
text-align:left; /* 左寄せ */
color:#F08080; /* リストマーク等の色 */
line-height:150%; /* 行間 */
text-decoration:none;
list-style-type:disc; /* リストマークの種類 */
margin:0 0 0 2px;
padding:0 0 0 14px;
}


赤字部分をpadding-left:14px;と書いていたせいでした;
おそらく10月5日に上書きした時に、そうしてしまったと思うので、その間にDLした方で、サイドメニューのタイトルの下の余白が多すぎると感じる方は、赤字のようにスタイルシートを書き換えてくださいませm(_ _)m


テンプレート部門に参加中。クリックしてくださると励みになります♪
22:08  |  カスタマイズ色々  |  TB(0)  |  CM(6)  |  EDIT  |  Top↑
 | HOME |  NEXT