忍者ブログ
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。



【概要】
無難に作ったつもりテンプレート・改。[画像パーツ:未使用]
windows8【IE11,Chrome38】で動作確認。macでどうなっているかは全くの謎。
IE6には対応していません。
テンプレートの解説は今回作っていません。何かあれば当ブログのコメント欄よりご質問ください。

テンプレートは好きに弄っていただいて構いません。リンク・報告等も不要です。
不備や疑問等、お気づきの点ございましたらコメントよりお知らせ頂けると幸いです。

以下、「つづき」よりソースを載せています。
PR


【概要】
ツイッタ風もどきテンプレート。[画像パーツ:背景のみ使用($user.image001)]
windows8【IE11,Chrome37】で動作確認。macでどうなっているかは全くの謎。
IE6には対応していません。(IE6への対応は今後一切行わないつもりです)
テンプレートの解説は今回作っていません。何かあれば当ブログのコメント欄よりご質問ください。

【注意点】
手ブロの詳細設定で、ハートの編集制限を使用している方(「友達のみ編集OK」または「編集不可」に設定されている方)は現在ご使用頂けないテンプレートとなっております。
使用すると他ユーザーから見た詳細画面が崩れます。(自分のアカウントからでは分かりません)
公式のタグミスによる現象と思われましたので、その旨報告し現在対応待ち中です。

テンプレートは好きに弄っていただいて構いません。リンク・報告等も不要です。
かれこれ1年ぶりくらいの更新になるので色々と自信薄です。
不備や疑問等、お気づきの点ございましたらコメントよりお知らせ頂けると幸いです。

以下、「つづき」よりソースを載せています。
まとめ図解。
協賛会員のコメントパレットがどうなっているかは分からない。
テンプレートの修正を行いました。
致命傷になる点ではありませんのでそのまま使用して頂いても問題ありません。

概説
・全て詳細ページのみの修正となります。
・コメントパレットのcss記述で不要な点をカット【001,002,003】
・全く意味のなかった無駄記述(コメントパレット内)をカット、凡ミスすんません【002,003】
・コメント欄、コメントパレットの自己満足的なデザインのブラッシュアップ【001,002,003】
・ie6への対応ちょっぴし強化【001】
公式側が対処してくれるのが一番だけど、何の音沙汰もないので対応策について考えてみる。

バグについて

ここで「全ユーザー編集OK」以外を選択すると、詳細画面の表示が崩れる可能性が出てくる。
公式のテンプレートはfloatを使いまくってるからか、さほどの被害はないように見えるけど、フォントなんかを見るとcssの指示が言う事を聞いてないのが分かる。

原因は単純にタグの閉じ忘れ。
問題のタグは「$menuBar」の中にあるため、ユーザーが直すことは出来ない。

「友達のみ編集OK」を選択した場合は”管理者”と”友達”以外、
「編集不可」を選択した場合には"管理者"以外の全ての手ブロユーザー(ゲストは含まれない)に、
ハート送信の隣に[編集]ボタンのないバージョンのメニューバーが表示されるようになっている。

この[編集]ボタンのないバージョンのメニューバーが問題児。
ソースを表示してメニューバー内の<div></div>の数を数えると、閉じる方が一個少ない。
つまり「$menuBar」より後の記述はこのバグの餌食となる可能性がある


思いついた対処方
▼その1、「$menuBar」をできるだけソース(html)の最後の方に記述する。
「$menuBar」より後の記述がバグの餌食となるなら、「$menuBar」を最後に持って行けば良いという雑発想。メニューバーが下にあるのは何とも言えないけど、positionとか使って何とか…

▼その2、「$menuBar」の存在を抹消する。
公式の用意したメニューバーを使わず、自分で「手書きブログトップ」と「マイページ」へのリンクを用意すればいい。

ソース内に「$menuBar」の一文がないとhtmlが保存できない仕様になっているので、単純にこれを消すのは不可能。
「display:none;」では見た目には消えたように見えるけど、あくまで”見た目”だけであり、ソースの中には存在するのでバグの影響が出てしまう。(ただ、display:none;にして尚且つ$menuBarをhtmlの一番下に配置すれば恐らく大丈夫)

◎メニューバーをソースから抹消する方法◎
パターン1→ 「$menuBar」 を 「<!-- $menuBar -->」としてしまう。
パターン2→ 「$menuBar」 を 「#* $menuBar *#」としてしまう。

「$menuBar」の一文がないとhtmlが保存できない、というのは、形はどうあれ入ってさえいれば保存できるという事。(今んトコ)
パターン2はいつぞやのVelocityを活用した方法。別にどっちでも良いと思う。