忍者ブログ

CriCri

クリエイティブになりたいクリクリ工房

   

[PR]

×

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

デモランキングバナー

Webstyle #01 シリーズ Mechanics, Earth, Sky

2009年 4月15日 「Mechanics」「Earth」配布
           4月20日 「Mechanics」再配布
           4月27日 「Sky」配布
           9月01日 3種とも更新版を配布
2010年6月24日 トップメニューを変更、拍手ボタンに対応しました。
           9月14日 新フッターに対応。コメント投稿者のメールアドレスを非公開にしました
2011年1月31日 プラグイン4と5をそれぞれ記事の上下に配置した他、微調整しました
2011年6月06日 IE9に対応するために、jquery を最新版にしました


プラグイン4とプラグイン5をそれぞれ記事の上と下に設置しました。
プラグイン4:トップページとそれに続く記事一覧ページで、記事の上に表示されます。
                  タイトルはデフォルテで非表示になっています。
              タイトルを表示させたい場合は、カスタマイズを参照してください。
プラグイン5:詳細記事ページで、記事とコメントフォームの間に表示されます。
                  タイトルは無しです。

作者様の規定により「mechanics」は商用利用禁止です。
表示確認データはこちらを参照してください。
Web風仕様です。自分でサイトを作る手間が省けます。
プラグイン5はタイトルがありません。カレンダーやカウンター等、タイトルを付けたくないプラグインに使用できます。
プラグイン2+4は折りたたみ式です。普段必要ないものをここに入れられます。
ドロップダウンメニューを設置しました。プラグインの場所を少なくしたい方にはありがたいツール。忍者独自構文が直接書かれていますので、プラグインを設置しなくても自動的に情報を表示します。
更新前のドロップダウンメニューを変更したい方はこちらを参照してください。
更新後のドロップダウンメニューを変更したい方はこちらを参照してください。
プラグインを右に変更したい方はこちらを参照してください。
カテゴリーとアーカイブ表示ページでは、記事上部に該当記事のリストが表示されます。
記事の下にランキング用バナー等を設置する箇所があります。バナーや広告を貼り付けたい方はこちらを参照してください。
更新前:コメント投稿者名に付くメールアドレスリンクの色は、文章と同じです。マウスオーバーでリンクの有無を確認してください。詳しい説明はこちらにあります。
       更新後:コメント投稿者のメールアドレスは非公開です。アドレスの有無は、コメント一覧ページで確認してください。
SEO・検索エンジン最適化してあるので、GoogleやYahooなどの検索エンジンに引っ掛かりやすくなっています。ブログ管理ページ左側の「便利ツール」にある「検索エンジン登録」をすると確率が上がります。
画像は変更自由です。この場合、ページ最下部の画像著作権者のリンクも変更してください。
素材の加工、他での使用は厳禁です。テンプレートご使用の際には利用規約を一読ください。
ブログパーツは180px (ピクセル) 以下のものを使用してください。

画像をクリックするとプレビューが見られます

Mechanics
Mechanics Image

Earth

Sky
Sky image

拍手[1回]

デモランキングバナー
  

COMMENT

NAME
TITLE
MAIL (非公開)
URL
EMOJI
Vodafone絵文字 i-mode絵文字 Ezweb絵文字
COMMENT
PASS (コメント編集に必須です)
SECRET
管理人のみ閲覧できます
 

無題

cricri様

質問申し上げたいのですが、
こちらのSkyを現在使わせて頂いているのですが、
空の写真を別の写真に入れ替えるには、どういった手順を踏めば宜しいのでしょうか?
もし可能でしたら、アドバイス下さいませ。
すいません。
  • うたこ さん |
  • 2009/06/26 (03:22) |
  • Edit |
  • 返信

うたこ様

Sky をご使用いただきありがとうございます。
トップ画像の変更は下記を参考にしてください。

トップの画像は800px×200px です。
まず、このサイズの画像を用意して、アップロードしてください。
ファイルアップロードページの、「記事を書く」をクリックすると、「新しい記事を書く」のページになり、画像が表示されます。
エディターの左上にソース用のボタンがありますので、ここをクリックするとHTMLの表示に切り替わり、画像のURLが表示されます。
このURLをHTMLの下記のところに入れれば画像が切り替わります。

#TopBlock {
width:800px;
height:200px;
text-align:left;
background: url( ここに画像のURLを入れる ) no-repeat;
}


注)画像は下のようなURLになっています。
http://file.****.blog.shinobi.jp/********.jpg
  • from くろろ |
  • 2009/06/27 (06:20)

無題

cricri様

度重なる質問失礼いたします。
こちらのSKYを使わせて頂いておりまして、
ブログタイトルの文字の色が、現在は白く、
(cricri様ですと、以下の部分)

CriCri
クリエイティブになりたいクリクリ工房

なっていますが、例えばこのCricriの文字の色を 一つ一つ違う色に変更したり、または、文字の
書式を変更したりする事などは、可能でしょうか?お手数おかけして申し訳ありませんが、アドバイス頂けましたら幸いです。よろしくお願い申し上げます。

  • うたこ さん |
  • 2009/06/26 (03:27) |
  • Edit |
  • 返信

うたこ様

文字の色をひとつずつ変えるのはJava Script でできます。
詳しくはCustomize in Ninja Blog 様が詳しく説明されていますので、そちらを参照してください。URLは下記のとおりです。
http://start.blog.shinobi.jp/Category/1/

文字の書式は下記のHTMLに書式を付け加えてください。
h1 {
padding:30px 20px 10px;
font-size:26px;
font-family: ここに書式を入れる ;
}

h2 {
padding:0px 20px;
color:#FFF;
font-family: ここに書式を入れる ;
}

これでご希望のカスタマイズができると思います。
試してみてください。
  • from くろろ |
  • 2009/06/27 (06:36)

無題

ご丁寧に解説頂き本当にありがとうございます。
早速やってみます。
  • うたこ さん |
  • 2009/06/27 (17:37) |
  • Edit |
  • 返信

TRACKBACK

TrackbackURL

カレンダー

10 2024/11 12
S M T W T F S
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

AD

PR

ブログ内検索

素材サイト様

White Board様
White Board Banner
妙の宴様
妙の宴 Banner
もずねこ様
Mozneko Banner
押し花とアイコン様
押し花 バナー
petit sozai emi様
petit sozai emi
幕末維新新選組様
幕末維新新選組
The Heart of Eternity 様
thoe バナー
Crambon様
Crambon バナー
DragonArtz Design 様

プロフィール

メール de コンタクト

このブログへのリンク

Firefoxを支援しています

管理人はFirefoxの愛好者です。Internet Explorer は大嫌い。IEよりはるかに優れたFirefoxをお試しあれ。ダウンロードは下のバナーから無料でできます。
Firefox ブラウザ無料ダウンロード

現在の閲覧者

Copyright ©  -- CriCri --  All Rights Reserved

Design by CriCri / material by DragonArtz Desighns / powered by NINJA TOOLS / 忍者ブログ / [PR]