忍者ブログ

Customize in Ninja Blog

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

2017.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 31

[PR]

×

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

HTMLエディタのテスト

いまさらですが、プレビューに必要と思われるのでHTMLエディタの表示テスト記事です。
画像と文章の表示チェックです。

himawari.gif
センタリングする文章はこんな感じ
3karamu-ex.gif


右寄せする文章はこんな感じ。
alternation.gif
こんなものかなぁ?
あとは画像の左寄せ、右寄せとか。
alternation.gif
このあたりは画像を左寄せ。
文章は右に回っていくはず。

それにしてもHTMLエディタは若干重い。
便利な分仕方ないのかな?

それから画像をセンターに。alternation.gif変な感じだけどまいいか。
alternation.gifそしてこのあたりは右寄せのはずなんだけれど・・・
 果てさてどうなってるやら(゚_。)?
ちゃんと右になるかしらん?
他にもいろいろ指定があるけれど、とりあえずこのあたりができれば、他も何とかなってるはず。
PR

アマゾン用独自タグの確認 

アマゾン独自タグの確認・・・

どこに何が表示されるのか分からなかったのでテスト
使ってるフッターテンプレートはただ要素を並べただけのもの。
全部のタグを挙げてあります。

CDとDVD、本でチェックしました。
大きい画像も表示してるので少々見づらいかも?

フッターテンプレートのテスト

新たにフッターテンプレートという機能が付いたのでそのテストです。

機能自体の説明は⇒こちら(開発者ブログより)


アマゾン用のテンプレートのデフォルトを使用。
設定はリピート3回。

検索は「ハリーポッター」「和書」「リリースの新しい順番」

はてどう表示されることやら。

追記:通常の本文部分にフッターテンプレートで取得したデータを貼り付け。



ハリー・ポッターと謎のプリンス ハリー・ポッターシリーズ第六巻 上下巻2冊セット (6)
画像著者:J. K. ローリング
価格:¥ 3,990
『There is Not Elements』
There is Not Elements


ハリー・ポッターの呪い―児童文学を襲うグローバリズムの脅威
画像著者:アンドリュー ブレイク
価格:¥ 1,680
『There is Not Elements』
There is Not Elements


ピアノソロ 初級 発表会で弾く ハリーポッターと炎のゴブレッ
画像著者:
価格:¥ 1,470
『There is Not Elements』
There is Not Elements

エントリーの見え方―HTMLでの装飾

Ninjaの機能以外でのエントリーの見え方のテストをしています。

見出し要素
見出し要素はh1~h6まであるが、通常h1はブログタイトル、h2はブログ説明や記事タイトルで使用されていると思われるので割愛。

h3要素


h4要素


h5要素

h6要素



文章修飾
Ninjaのボタンにはない修飾要素。
部分引用・・・部分引用<q>を示します。
強調・・・強調<em>を示します。Ninjaのボタンにあるstrongよりは弱い強調とみなされる。
下付き文字・・・下付き文字<sub>にします。
上付き文字・・・上付き文字<sup>にします。
定義語・・・定義語<dfn>。文中に何回も出てくる場合は最初の一回目だけに使用。
削除済み・・・削除されたことを示す<del>。IEでは打ち消し線と同じ。
追加・・・追加されたことを示す<ins>。一般的には下線と同じ?

以下は非推奨要素ではないもののスタイルシートを使ったほうが無難といわれる指定
太字・・・太字<b>
等幅フォント・・・等幅フォント<tt>にします。
文字を大きく・・・文字を一回り相対的に大きくする指定<big>
文字を小さく・・・文字を一回り相対的に小さくする指定<small>


水平線
水平線自体はNinjaの機能に「―」としてあるが、そのサイズを変えると以下のようになる。

通常

size1

size="2"

size="3"

size="4"

size="5"

size="6"


リスト表示

    順序のあるリスト(ol)
  1. リスト表示1 (li)
  2. リスト表示2 (li)


    順序のないリスト(ul)
  • リスト表示1 (li)
  • リスト表示2 (li)


定義リスト(dl)
定義語1 (dt)
定義語を説明します1 (dd)
定義語2 (dt)
定義を説明します2 (dd)



6/9追記
fieldsetの指定(ここはlegend部)あんまりつかってなかったので載せてなかったのだけれど、フッターテンプレートのデフォルトに使用されてたので載せることに。

エントリーの見え方―Ninjaの機能を使う

Ninjaにも絵文字機能など、新機能がいろいろと加わったので改めて見え方をテストしています。

文章の装飾

記事入力欄の上のボタンを使うと文章にをつけたり、文字の大きさをと変えたり、太くしたりできる。
そのほかにも、文字のスタイルを斜体にしたり、打ち消し線を引いたり、下線を引いたりできる。
さらにはリンクテキストはこのようになる。

絵文字

絵文字はボーダフォン、ドコモ、AUが使用可能。

絵文字は記事タイトルにも入力可能。(この記事のタイトル参照)
記事タイトルへの入力法は、記事本文で絵文字のコードを出し、それをタイトル欄のところに貼れば反映される。

文章の装飾―引用文―
この部分は引用文である。
<blockquote>~</blockquote>で囲まれた文が引用文となる。
引用文でも、文章の装飾は本文と同じようにできる。
記事入力欄の上のボタンを使うと文章にをつけたり、文字の大きさをと変えたり、太くしたりできる。
そのほかにも、文字のスタイルを斜体にしたり、打ち消し線を引いたり、下線を引いたりできる。
もちろん絵文字も可。ボーダフォン、ドコモ、AU
さらにはリンクテキストはこのようになる。


ここまでが通常の本文。この先は追記に書くことにする。
追記を書くには、「続きを書く」というところをクリックすると本文の入力欄と同じような入力フォームが出てくる。

テキストの見え方

記事部分のテキストはこのようになります。

本文に色をつけるとこのようになります。

大きな文字中くらいの文字小さい文字はこのようにみえます。

そのほかの文字装飾は、強調斜体打ち消し線アンダーラインがあります。

中くらいの文字を太字で書くとか、小さな文字を斜体にしてアンダーラインを引くとか、組み合わせるとこんな感じになります。

引用文はこのように表示されます。


水平線は↓のように表現されます。



リンクテキストは、このように表現されます。

テキストの見え方はこんな感じでしょうか。
あとは、部分引用太字などの要素がありますが、まあこれはいらないかな?と思います
■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
04

06
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 31
■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