忍者ブログ

Customize in Ninja Blog

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

2024.11│ 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ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

「Gray」の背景画像を外す。。


共有化した「Gray」の背景画像を外したいと思われる方たぶんいると思うので、方法を載せておきます。
(自分でも、ないほうがすっきりするなぁと思ったので)
画像は、背景をなくしたときのサンプル画像です。


PR

「Gray」公開♪

忍者ブログ共有テンプレート4作目が無事申請許可されました
前にも書きましたが、背景に敷き詰められている文字は「人間は考える葦である」というパスカルの有名な言葉。
Bodyの背景と、containerの背景に2種類の画像を使用して、半透明のフィルタのような雰囲気を出してます。


このテンプレの特徴はなんと言ってもノート風の罫線。
テキスト向けと書いてますが、画像を入れると画像が左寄せになって文字が回りこむようにしてあります。(この指定は記事の中だけです。)
こうすると、ある程度は画像を入れても文字が罫線からずれにくくなる(?)と思うのでそうしてあります。
なるべくサムネイルを使用するようにしていただいて、サムネイルサイズを25の倍数にしておけば画像を入れてもまずずれない・・・と思います。

プラグインカテゴリーは1,2が左、3~5が右に表示されます。

不具合・質問などは質問・報告BBSへお願いします。

6/16 書き忘れれましたがこのテンプレからXHTML1.0で組んであります。
いろいろと問題点も多いのですが、自動ではいる改行コードが<br />に最近なったのでそうしてあります。

7/30日追記
このテンプレートの2カラム版を「Gray2block」として共有化しました。

プラグインにスクロールバーを表示する

プラグイン(サイド)にスクロールバーを設置するときどのようにしていますか?
特にoverflowの指定はどうしてます?
どれをしていすれば一番綺麗に表示されるのか試して見ます。

基本は高さを指定して、領域をはみ出すときの指定であるoverflowを指定すれば大丈夫なはず。でも、overflowの指定法が3種類あるのでどれがいいのか確認。
①overflow:scrollで指定
<div style="width:100%;height:200px;overflow:scroll;">ここに内容</div>

②overflow-y:scrollで指定
<div style="width:100%;height:200px;overflow:scroll-y;">ここに内容</div>

③overflow:autoで指定
<div style="width:100%;height:200px;overflow:auto;">ここに内容</div>

vertical-alignの指定

ついさっきまでvertical-alignの指定で真ん中にするとき、「center」と入力してました。
ホントは「middle」。

共有化しているテンプレートにこの指定あんまり使ってなくてよかった
ε-(´▽`) ホッ

vertical-alignは「bottom」にするとIEでサポートされてない場合があるし、あんまり使わないほうがいいのかな?

それにしても、ノート風に罫線入れるって大変だわ・・・
IEでの調整に難航中・・・トホホ

カテゴリーを画像に変更する。

プラグインをツリー化するとどうしても記事内のカテゴリーの表示が「[大カテゴリー]小カテゴリー」となってしまい[かっこ]でくくられている部分が目障りだな~と思ってしまいます。

サイドのプラグインではツリー化してるので気にならないのですが、記事部分はツリー化してないので気になる・・・

ということで、カテゴリーを画像に変えてしまえば目障りじゃなくなるのかな?と思い実行。


ファイルのアップロード

ファイルのアップロードが日本語も可になりました♪
同じ名前でもUPできるようにもなったそうです。

日本語でPCに保存しているのをアルファベットに直すの四苦八苦してたので私には大助かり。
ランダムに変換されて保存されるとのこと。

さらには、テンプレに使う画像などはアルファベットで管理するのですが、写真はPicasaでまとめて管理してるので、一個一個にはきちんと名前は付けてない。
だから番号が同じとか多数あって、下手にUPできなくて・・・

忍者ブログはどんどん使いやすくなっていきますね~

人間は考える葦である。

「人間は考える葦である。」って言葉が好きなので、その言葉を背景に敷き詰めたテンプレにしてみました。

問題はノートの罫線。
画像使ってると絶対ずれるので、そこは無視してくださいね~
色使いを黒・灰色・白に限定したモノトーンのテンプレを目指したのですが、少々さびしすぎる?

文字では大きな文字を使っても崩れないはず・・・
初期値の220%なら大丈夫なように設定したんですが、大丈夫かな?
あとでマックのスクリーンショットも見ておかなきゃ。

まだまだ未完成。。。
■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
10

12
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