忍者ブログ

[PR]

×

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

【No.001】現行版に似せたつもりテンプレート【カスタマイズ解説】

「【No.001】現行版に似せたつもりテンプレート【ソース配布】」のカスタマイズ補助と、解説になります。

・カスタマイズエリアについて
・画像パーツ
・骨組み
・自己紹介文の部分に画像を使う
・お気に入り・友達申請・メッセージボタンを現行版と同じ画像にする
・サムネイル画像を横に５つ並べる（ブログ全体の幅を広げる）
PR
つづき

【No.001】現行版に似せたつもりテンプレート【ソース配布】

　

【概要】
現行版に似せたつもりテンプレート。［画像パーツ：使用］
windows8【IE10,Chrome30,Firefox24,Opera17】で動作確認。macでどうなっているかは全くの謎。
IEは7以上に対応（させたつもり）。IE6も最低限の考慮はしましたがデザインに若干のズレが出ます。
テンプレートの詳細は「【No.001】現行版に似せたつもりテンプレート【カスタマイズ解説】」をご覧ください。

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

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

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

手ブロソース弄ってて引っかかったネタ備忘録

■pipa推奨の動作環境
・Windows 7 Home 上の IE8.0以上, FireFox最新版
・手ブロはIE6には非対応　（※おそらく見る専なら可）


引っかかると増える 
■IE

ツッコミが追い付かないIE6の撲滅カウントダウンサイトはこちら http://www.ie6countdown.com/

削除不可の変数”$headerPart”の中に
<meta http-equiv="X-UA-Compatible" content="IE=8" />
という記述がある為、IEではcss3が悉く反映されない。
”<head>”と”$headerPart”の間（５行目くらい）に
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
と入れて解決。


■Chrome

ブラウザに”最小フォントサイズ”なるものが存在し、初期値が10pxである。
これを個々が変更していないと、cssで9px以下を指定してもChromeでは10pxで表示されるのでデザインが崩れる可能性がある。
以前は、”-webkit-text-size-adjust: none;”や”-webkit-text-size-adjust: 100%;”で解決できたようだが、現在のバージョンではこの設定は無効。
ブラウザの縮小機能使った時も頑なに最低10pxを死守するのはどうかと思う（愚痴）


■Safari

pipa側の変数の中にあるコードにも問題はあるけど、cursorとfont-decorationがちょっと面倒な印象。
Safariだけリンクのunderlineが消えてなくて、違うところにも”font-decoration:none;”を設定しなければならなかったり。面倒くさい。


■Opera

”@media screen and () ”がOperaだけ上手く機能してくれない。私が勉強不足なだけかも。

手ブロVelocityメモ

手ブロソース内で見かけるこれ
#foreach($tegaki in $tegakiList)
#if
#else
#end
（以下略）
の思いつきメモ

Velocityに関しては全く分からない
詳しい事はVelocityでググると出てくるかもしれない
つづき

ColorBoxを使った画像表示

手ブロはJavaScriptは使えないけど、ハート編集等にjQueryとColorBoxを使ってるので、その恩恵を受けられる。
………今のところ。


手ブロ内でこういうイラストの表示をする。（動作確認不十分）
つづき

Recent Posts

お知らせ【No.005】無難に作ったつもりテンプレート・改【ソース配布】【No.004】ツイッタ風もどきテンプレート【ソース配布】コメント欄・コメントパレット（$comments）の中身【2013/12/20】テンプレート修正【対象テンプレNo.→001,002,003】β版メニューバーバグへの対応を考える【No.003】公式のタイプ２風テンプレート【カスタマイズ解説】【No.003】公式のタイプ２風テンプレート【ソース配布】【No.002】無難に作ったつもりテンプレート【カスタマイズ解説】【No.002】無難に作ったつもりテンプレート【ソース配布】【No.001】現行版に似せたつもりテンプレート【カスタマイズ解説】【No.001】現行版に似せたつもりテンプレート【ソース配布】手ブロソース弄ってて引っかかったネタ備忘録手ブロVelocityメモColorBoxを使った画像表示コンテンツ（一覧）cssメモ。その２コンテンツ（一覧）cssメモ。その１画像メモフッター思いつきあれこれ変数メモハート送信ボタンあれこれjQueryを使った小ネタ集２プロフィールボタンjQueryを使った小ネタ集ハート部分を直したいメモ。（「javascriptは使用出来ません」の対処）