忍者ブログ

Customize in Ninja Blog

NINJAブログを使いこなそうと始めたブログ。

2024.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

[PR]

×

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

画像と絵文字の指定の修正

「China」の画像と絵文字の指定で余計なことをしすぎたようです。

記事タイトルに絵文字を使用するという方は特に修正してください。
絵文字が小さいと思われる方も同様です。

スタイルシートに/*画像*/というところがあります。
そこに指定を4つしてあるのですが、2つでよかったようです。
そこで/*画像*/となってる部分を以下のものに置き換えてみてください。

/*画像*/
img {
border:0px;
margin:5px;
padding:0px;
}
img.emoji {
vertical-align:middle;
border:0px;
margin:0px;
padding:0px;
}


China-BlueVer-のほうをお使いの方も同様です。
ファイルのほうも訂正しておきました。

絵文字テスト⇒
PR

ブルーチャイナ

China」の色違い&配置違いの3カラム左右メニューテンプレートを共有化申請しました。
ブロック分けにすると4ブロックというところでしょうか?
混乱しないようにテンプレート名をカタカナにしました。
申請がいつ通るか、果たして通るかどうかまったく不明ですが、通らなかったら記事内でファイルをダウンロードできるようにしておきます。



プラグインカテゴリーの配置は1、2が左サイド、3が記事上、4が右サイド、5が記事下の4ブロックです。
Chinaのカラーををイメージして作ったので、今度はをイメージしました。(ものすごく単純。)

これのピンクバージョン(つまりChinaと同じカラー)は後ほど作成します。
ピンクバージョンは、いくらなんでも共有化は難しいと思うので記事内で公開します。
ピンクチャイナ

追記:いったん申請したのですが、もう一度申請しなおすことにしました。
取り消し願いを出したのですが、その前に承認されてしまったようです。
修正申請を出しましたので、それまでにダウンロードされた方は画像と絵文字の指定の修正という記事で修正してください。
記事は「China」のものですが、修正点はまったく同じです。

さらに追記:
ピンクチャイナを公開しました。

Grayの2ブロック版の公開です。

ノート風3カラムで作った「Gray」の2カラム版を共有化しました。
リクエストしてくださった方、ありがとうございます♪



プラグインカテゴリーは全てサイドに表示されるという何の変哲もない振り分けになってます。

忍者ブログのテンプレート編集機能を利用できるようにしようと一瞬考えたのですが、時間がなかったので対応しないまま共有化しました。

サイドの配置を右メニューから左メニューに変えたいというかたは多いと思うのでカスタマイズ方法を下に記しておきます。
参考にどうぞ♪

China-BlueVer-

共有テンプレート「China」の青バージョンです。


HTMLはお気に入りアイコンの画像が違うだけで他は全て同じです。
スタイルシートを置き換えればアイコン以外は色変更完了です。

一応ファイルにはHTMLファイルとCSSファイルを両方入れてあります。
管理画面の「テンプレート設定/編集」からテンプレートを編集してください

ダウンロード(lzh)

ファイルの解凍には解凍用のソフトを使用してください。
もしわからないよ~と言う方は、以下の部分にソースをおいておきます。
少々やりづらいとは思いますが、そこからコピペしてください。

7/31日追記:画像と絵文字の指定を変更しました。詳しくはこちらの記事をご覧ください。
さらに追記:画像のURLを変更したのでもう一度スタイルシートをコピペしなおしていただけるとありがたいです。

今後の予定・・・みたいなもの

とりあえず今後の予定のようなもの。

リクエストがあるものを先に作ってみようかなと思ってます。
具体的には
・Grayの2カラム版
・Chinaの色違い。
の2つを作っておこうと思います。
一度形ができてるものなのでそう時間はかからないと思います。

ただ、Grayのほうはただ形を2カラムにするだけになりそうなので共有化はできるかどうかわからないです。
申請は一応して見ますが・・・

チャイナのほうは色違い&2カラムにしての公開を考えてます。
色違いということで何色にしようか。
の反対で単純にとか?
でも良いかな~?

それが終わったら、こんどこそHP風作り上げよう、うん。
でもあんまり期待はしないでください(笑

何かリクエストありましたらお気軽にどうぞ

追伸:2カラムにするついでに忍者ブログの編集機能に対応させてみようと思います。

HTMLエディタのテスト

HTMLエディタが導入されたとのコトなので使ってみました。
詳しいことはインフォメーションにかかれてます。

一番上の段はプレヴューやコピペ用のものなので記事上でテストするものはなさそう。
ただ「テンプレートの雛形を貼り付け」というのには注意しないと。
記事の編集中に操作を行うとそれまでの編集が全て消えてしまう点に注意してください。
という一文が入ってるのを見落とすとショックなことに・・・
(1回やってしまいました)
文字サイズや書体を変えるなど、ワードの感覚に近いものがありますね~。

以下は気づいたこと
  • 画像のプロパティにfloat指定が入ってるので、共有テンプレートの画像の指定にfloat指定を使うのはやめたほうが無難かなということ。
  • 引用(blockquote)がインデントってのになってる。ちょっとわかりづらい?
  • 表やリストがクリックひとつでできるのは便利
  • 「ソース」ってところを開いたまま絵文字を記入するのは無理っぽい? イメージプロパティは出てくるんだけどな~
このあたりが気になったところ。
あとは、非推奨要素に注意といったところでしょうか?
遠慮なく非推奨要素も使われてしまうようなのでstrictやXHTML1.1だとちょっとまずいかも。閉じタグはXHTML仕様に近いのになぁ
まぁ表示自体に問題がでることはまずないので良いかな?

結論:ちょっとわからないです。
テンプレート自体を手打ちで作ってるのですでにPCの辞書によく使うタグは入ってますしね。
そもそもそんなに記事内のレイアウトにこだわったことないので(笑
こだわって作ったり、HTMLよくわからないって方とか、ワードになれている方には便利なんだろうなと思いました。

追記:過去にテキストエディタで作ってた記事がHTMLエディタで編集できなかった・・・
途中までしか文章が出てこない。なんで?
とりあえずテキストエディタに戻しておこう

China公開&修正事項

China公開されたようです。

・・・修正願い間に合わなかった
すいません。このままだと絵文字が限りなく小さく見えてしまうことになっちゃいます。


申し訳ありませんが修正版を直ちに申請はしますが、もうDLしちゃったという方は以下の部分のスタイルシート訂正願います。

修正するスタイルシートの部分
div.entry_contents img.emoji {
vertical-align:middle;
float:none;
height: 14px ;
margin: 5px 0px 6px 0px ;
}

これを以下のように訂正して置いてください。
div.entry_contents img.emoji {
vertical-align:middle;
height: 12px ;
margin: 0px 0px 5px 0px ;
padding:0px;
}


しょっぱなから申し訳ないです
今朝気づいたのですが、今日はバイトだったので家に帰ってからと思ってたので、間に合いませんでした(*- -)(*_ _)ペコリ

7/29追記
修正版がすでに承認された模様です。
お手数おかけしました。
■Search
■About

●このブログについて
忍者ブログを使いこなそうと始めたカスタマイズサイト。分からないことばかりで四苦八苦しています。 変なところあったらぜひ言ってくださいませ(*- -)(*_ _)ペコリ
なお、このブログで実験もしています。 常に実験しているので、崩れとかありましたら教えてくださるとうれしいです。⇒BBS

●姉妹サイト・その他
 徒然倶楽部 →こちらは記事の内容を下に移転&閉鎖しました。
 現在は十六夜's Blogがメインブログになってます。
 Alphaの小部屋・・・BOOKLOGで作った本棚
 Mixi・・・参加中のSNS
 十六夜-the sixteeth night-・・・現在作成中のメインHP

●リンクについて
このブログはリンクフリーです。こんなブログでよろしければぜひリンクしてやってください♪
リンクバナー

●RSS
このブログのRSSはこちら▼
RSS 0.91
RSS 1.0
RSS 2.0

●環境推奨
動作状況:Windows XP SP2
ブラウザ:主にFirefox 他IE、Opera等
解像度:1024*768

●FireFox
私が普段利用しているブラウザ。 拡張機能のWeb Developerをいれるとテンプレ作成にとても便利なブラウザになります。自分の使いたい機能をいろいろインストールしてアレンジしてます♪
ダウンロードは▼からどうぞ

●Pingoo!
忍者ブログのPing送信先は10件まで。 それでもいろいろなところにPingを送りたいという場合にオススメなPing一括送信サイトです。ここ1件に送るだけでいろいろなところに送ってもらえます♪

●クリックで救える命がある

■Calendar
03

05
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
■CM&TB
●コメント

●トラックバック
    Scrollbar ONorOFF
    ■Thanks
    テンプレートを作成するに当たってよく利用させていただいているサイト様です。
    ■QRcode
    QRコードをクリックするとメールフォームが開きます。
    メールフォームでPCから携帯にこのブログのURLを送ることができます

    もし、携帯電話で表示されきれない~とご不満の方はこちらのアプリを導入してみることをお勧めします。

    無料体験できるのでぜひお試しください♪
    ■Template
    ○公開したテンプレのプレビュー

    ブルーチャイナ
    詳細
    ブルーチャイナ
    詳細
    Gray2block
    詳細
    China
    詳細
    Gray
    詳細
    JapanBlue
    詳細
    碧
    詳細
    蒼
    詳細
    ○公開された携帯用テンプレのプレビュー

    The Leaf
    詳細
    ○忍者ブログで共有化中のテンプレ

    Alternation-緑×白-
    記事番号で背景色が交互に変わるちょっとおもしろテンプレ。
    パンくずナビも付いてます♪

    The Leaf
    初の携帯用テンプレート。さわやかな感じに仕上げてみました
    絵文字使用。トップページにカテゴリー表示アリ。

    ブルーチャイナ
    涼しげなチャイナ風左右メニューテンプレ。
    China」の色違いのような感じですが、配置は違いますのでご注意ください。
    ※このテンプレのピンク版もあります。共有化していないので記事内よりお持ち帰りください。
    ピンクチャイナ

    Gray2block
    ノート風テンプレ「Gray」の2カラム版です。
    China
    かわいい系の3カラムテンプレート。イメージはチャイナ風♪
    同じ配置の青バージョンも作成しました。こちらは共有化してないので記事内よりお持ち帰りください。
    China-BlueVer-

    Gray
    灰色のノート風罫線テンプレ。追記開閉式の3カラムです。

    JapnBlue
    サッカー日本代表ユニフォームなテンプレ。追記開閉式
    ※このテンプレには2カラムバージョンもあります。
    JapanBlueの2カラム版

    碧-midori-
    淡いパステルグリーンのテンプレ。追記開閉式


    画像使用なしの5ブロックテンプレ。

    Scrollbar ONorOFF

    ○広告




    ■Recommend
    ルナエンバシージャパン

    ストレイシープがなんだかかわいくて好き(^-^*)

    ■Visiter