忍者ブログ
10p
忍者ブログのシンプルな2カラムテンプレートを配布してます。
×

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

時間がなくてテンプレートが作れない;;
こんなのとか、あんなのとか考えてはいるけど・・・

最近2色デザイン・テクニックのセオリーという本を買いました。
2色のカッコイイデザインがてんこ盛りで、良い本です。


http://10pre2525.blog.shinobi.jp/
PR
dot780の色違いバージョン

 

ピンクとグリーンの画像をUPしたのですが
変更とか面倒くさいかな~とか思ってテンプレート検索を色々みたら
結構色違いやレイアウト違いでも申請されている方がいたので
申請してみました。

ちょこっとリンク文字の色を変えてます。
もし、気に入らない場合はw
その辺は気に入った色に変更していただければいいかと思います^^

今、新しいテンプレートを考えてます。
アレです、Web2.0風・・・w

この風っていうのが曲者です・・・ァ.... (・_・)ハイ
またシンプルですが、使っていただけたら嬉しいです。

今日テンプレのDL数みたら380!
あまり使ってもらえないだろうと思ってたので・・・凄い><;

DLして頂いた方々ありがとうございます。
使っていただいている方々ありがとうございます。
テンプレートに使っている画像は全て当ブログ「10p」が作成しています。

注意点:

色違いの画像も配布しておりますが、画像は当ブログのテンプレートのみ使用出来ます。
忍者以外のブログや他の方が配布しているテンプレートに使用する事は出来ません。
※著作関係でごちゃごちゃになるので・・・

注意点は以上です。

あとは使いやすいようにカスタムして下さい。



■文字の大きさを変更するには


記事の文字の大きさは12pxです。
小さくしたい方はテンプレート修正から

/*BODY全体に関する設定*/
body {
text-align:center;
background-color:#FFFFFF;
font-size:12px;
color:#333333;

12を10にすると小さくなります。

カテゴリー等のプラグインは10pxで統一してます。




■左メニューにするには


2カラムの右メニューのみ作っていますが、左メニューにも簡単に変更できます。

テンプレート修正で
/***************************************************
プラグインブロック用デザイン
****************************************************/
/*プラグイン表示箇所全体の設定*/
.PluginBlock {
width: 220px;
text-align: left;
float:right;
background-image:url('http://blog.cnobi.jp/v1/blog/user/8128da30d283e0e96c10764121cfb5d0/1224587283');
background-repeat: repeat-x;

float:right;

float:left;


に変更すると左メニューになります。
初めて作ったテンプレートです。



この後忍者様に提出してみます!

一応IEとFirefoxで確認済み。大丈夫だと思うのですが・・・(゚ー゚;Aアセアセ



Dot780



2カラム(右メニューですが修正から簡単に左メニューに変更できます

横幅 780px



これが通ったら色違いの画像を作って色換え出来るようにしようかと考えてます。

作り始めの時ピンクだったのをイロイロやってたらライトブルーに・・・

それにしても忍者さんのテンプレ作成ツール便利ですね。

************************************************************

今見たら無事審査に通ったようです(*゚▽゚)ノ
ドキドキしながら待ってたのですが結構審査早いんですね。

色違いの画像をUPしてみました。
ピンクとグリーンです。

画像を変えるだけで↓のサンプルのようになります。
好きなように組み合わせて頂いてOKです。


お好きな画像をダウンロードして使用して下さい。

※一応念の為、この画像はDot780のテンプレートのみ使用可能です。
他のブログや他のテンプレートに使用しないようお願いします。


SAMPLE
 


画像をクリックすると元のサイズで表示されます。

Header画像(一番上の画像)
 

Footer画像(一番下の画像)
 


Title 画像(各記事タイトル部分の設定)
 


画像変更方法

好きな画像をパソコンに保存します。
※使いたい画像を右クリック(Macは長押しかな?)で画像をパソコンに保存して下さい。


ブログにあるファイルアップロードから保存した画像をアップロードします。
アップロードした画像のURLをコピーします。
※画像のURLはアップロードされた画像をクリックして右クリックのプロパティでURLがコピーできます。


テンプレートの修正機能でスタイルシートを修正します。
下の赤字の部分をアップロードした画像URLに変更して下さい。


/***************************************************
トップブロック用デザイン
*****************************************************/
/*一番上のブロック(タイトルが書かれる場所)の設定*/
#TopBlock {
width:780px;
height: 175px;
text-align: left;
background-image:url('http://blog.cnobi.jp/v1/blog/user/8128da30d283e0e96c10764121cfb5d0/1224587261');
background-repeat:no-repeat;
}

/**************************************************
フッターブロック用デザイン
***************************************************/
/*一番下のブロック(著作権表示が書かれる場所)の設定*/
#FooterBlock {
clear:both;
width:780px;
height: 175px;
background-image:url('http://blog.cnobi.jp/v1/blog/user/8128da30d283e0e96c10764121cfb5d0/1224587269');
background-repeat:no-repeat;
text-align: center;
padding:10px 0px;
color:#FFFFFF;
}

/**********************************************
記事ブロック用デザイン
***********************************************/
/*各記事タイトル部分の設定*/
.EntryTitle {
text-align: left;
font-size:12px;
background-image:url('http://blog.cnobi.jp/v1/blog/user/8128da30d283e0e96c10764121cfb5d0/1224587294');
background-repeat:no-repeat;
height: 35px;
padding-top:12;
padding-left:15;
font-weight:bold;
}>
当ブログは、忍者ブログテンプレート専門です。
気ままに思いついた時に作っていこうと思っています。

白を基調とした爽やかポップ系?・・・ (;・∀・)
な感じのが好きなのでそんなのばっかり作ると思います。
カレンダー
02 2024/03 04
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
31
広告
プロフィール
HN:
10p
性別:
非公開
職業:
職上項目テスト
趣味:
趣味項目テスト
自己紹介:
テンプレートを作ってみようと思い立ち始めてみました。
かなりマイペースな更新となるかと思います。
コメント等は時間がないためレスが出来ないので(´Д⊂
不具合等があった場合はメールフォームよりご連絡下さい。修正出来そうであれば精一杯頑張って修正します。あまり力量がないのです・・・
メールフォーム
ブログ内検索
バーコード
プラグイン2テスト
Copyright © 10p All Rights Reserved.
Designed by 10p
Powered by Ninja Blog

忍者ブログ [PR]